.date-converter{background:var(--color-card-bg);color:var(--color-text);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.date-converter-title{color:#f97316;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.date-converter-note{color:#bdbdbd;font-size:.95rem;margin-bottom:1.5rem;text-align:center}.date-converter-cols{display:flex;gap:2rem;flex-wrap:wrap}.date-col{flex:1 1 250px;min-width:330px;background:#232323;border-radius:.5rem;padding:1rem}.date-label{display:block;color:#f97316;font-weight:600;margin-bottom:.5rem}.date-input{width:100%;background:#232323;color:var(--color-text);border:1px solid #444;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;margin-bottom:.5rem}.date-input:focus{outline:2px solid #f97316;border-color:#f97316}.special-day-row{display:flex;gap:.5rem;margin-bottom:1rem}.special-day-btn{background:#232323;color:#f97316;border:1px solid #f97316;border-radius:.375rem;padding:.25rem .75rem;font-size:.95rem;cursor:pointer;transition:background .2s,color .2s}.special-day-btn.selected,.special-day-btn:hover{background:#f97316;color:#fff}.orbital-inputs-row{display:flex;gap:.5rem;margin-bottom:.5rem;min-width:0;flex-wrap:nowrap;justify-content:space-between}.orbital-inputs-row>div{min-width:0;flex-shrink:0}.orbital-inputs-row select,.orbital-inputs-row input[type=number]{flex-shrink:0}.orbital-inputs-row select[name=month]{width:155px}.orbital-inputs-row select[name=day]{width:65px}.orbital-inputs-row select[name=year]{width:82px}.orbital-inputs-row input[type=number][name=day]{width:60px}.orbital-inputs-row input[type=number][name=year]{width:80px}.date-preview{color:#bdbdbd;font-size:.95rem;margin-top:.5rem}@media (max-width: 700px){.date-converter-cols{flex-direction:column;gap:1.5rem}}.orbital-calendar-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.calendar-current-date-container,.calendar-section{background:var(--color-card-bg);color:var(--color-text);padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.calendar-current-date-title{color:#f97316;font-size:2rem;font-weight:600;margin-bottom:1rem;text-align:center}.calendar-current-date-label{color:#f97316;font-weight:600}.calendar-current-date-line{font-size:1.125rem;color:var(--color-text);text-align:center;margin-bottom:.5rem}.calendar-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.calendar-dropdown{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;background:var(--color-bg);color:var(--color-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-grid-header{font-weight:600;color:#e5e7eb;text-align:center;padding-bottom:.25rem}.calendar-tile{background:#232323;color:var(--color-text);border-radius:.5rem;padding:.75rem;text-align:center;transition:box-shadow .2s,background .2s}.calendar-tile:hover{background:#2c2c2c}.calendar-tile-current{background:#232323;color:#f97316;font-weight:600;box-shadow:0 2px 8px #f9731626}.calendar-tile-selected{background:#3b82f6;color:#fff;font-weight:600}.calendar-tile-special{background:#232323;color:var(--color-text);font-weight:600;margin-top:1rem;grid-column:1 / -1;border-radius:.5rem;padding:.75rem;text-align:center}.calendar-tile-day{font-size:1.125rem;font-weight:600}.calendar-tile-weekday{font-size:.75rem;opacity:.75}.calendar-tile-gregorian{font-size:.75rem;opacity:.6;margin-top:.25rem}.routine-page{max-width:1800px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#0a0a0a}.routine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1e5e9}.routine-header h1{font-size:2.5rem;font-weight:700;color:#ff7300;margin:0}.current-date{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.current-date span{font-size:1rem;color:#fff;font-weight:500;line-height:1.2}.month-week-header{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #294cad}.month-week-header h2{font-size:1.8rem;font-weight:600;color:#ff7300;margin:0;text-transform:uppercase;letter-spacing:1px}.routine-grid-container{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad;overflow-x:auto}.routine-grid{width:100%;border-collapse:collapse;min-width:800px}.routine-grid th,.routine-grid td{border:1px solid #294cad;padding:.75rem;text-align:left;vertical-align:top}.time-header{background:#1a1a1a;font-weight:600;color:#fff;font-size:1rem;min-width:120px;width:120px}.day-header{background:#294cad;color:#fff;font-weight:600;text-align:center;font-size:1rem;min-width:150px;padding:1rem .5rem}.day-header.current-day{background:#ff7300;box-shadow:0 0 10px #ff73004d}.day-overview-row{background:#2a2a2a}.day-overview-label{background:#2a2a2a;color:#fff;font-weight:600;text-align:center;font-size:.9rem;min-width:120px;width:120px;border-right:1px solid #294cad}.day-overview-cell{background:#2a2a2a;padding:.5rem;text-align:center;border:1px solid #294cad}.day-overview-edit{display:flex;flex-direction:column;gap:.5rem}.day-overview-tags{display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.5rem}.day-overview-tag{background:#294cad;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.category-work{background:#f39c12!important}.category-exercise{background:#e74c3c!important}.category-meals{background:#27ae60!important}.category-leisure{background:#3498db!important}.category-chores{background:#9b59b6!important}.category-sleep{background:#2c3e50!important}.category-none{background:#95a5a6!important}.remove-tag-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-tag-btn:hover{background:#fff3}.add-tag-input{width:100%;display:flex;gap:.5rem;align-items:center}.category-select{padding:.5rem;border:1px solid #294cad;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.9rem;min-width:120px}.category-select:focus{outline:none;border-color:#ff7300;box-shadow:0 0 0 2px #ff730033}.day-overview-input{width:100%;padding:.5rem;border:1px solid #294cad;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.9rem;text-align:center}.day-overview-input:focus{outline:none;border-color:#ff7300;box-shadow:0 0 0 2px #ff730033}.day-overview-text{color:#95a5a6;font-size:.9rem;font-style:italic;min-height:1.2em}.day-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.25rem;line-height:1.2}.day-name .orbital-date{font-size:.8rem;font-weight:400;color:#fff;opacity:.9}.day-date{font-size:.8rem;color:#fff;opacity:.9}.time-cell{background:#1a1a1a;font-weight:600;color:#fff;font-size:.9rem;text-align:center;min-width:100px;width:100px}.routine-grid .time-cell.current-time{background:#ff7300;color:#fff;font-weight:600;font-size:.9rem}.routine-cell{background:#0a0a0a;padding:.5rem;min-height:60px;height:60px;vertical-align:top}.routine-cell.current-cell{background:#1a1a1a;box-shadow:inset 0 0 0 2px #ff7300}.routine-item{background:#1a1a1a;border-radius:8px;padding:.75rem;border-left:4px solid;height:100%;min-height:50px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.routine-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.routine-activity{font-weight:600;color:#fff;font-size:.9rem;line-height:1.3;margin-bottom:.5rem}.routine-item.empty-activity .routine-activity{color:#7f8c8d;font-style:italic;font-weight:400}.routine-category{font-size:.75rem;color:#7f8c8d;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.empty-cell{background:#1a1a1a;border-radius:4px;height:50px;opacity:.3}.hidden-cell{display:none}.extended-cell{background:#0a0a0a}.extended-cell .routine-item{min-height:60px;height:auto;display:flex;flex-direction:column;justify-content:center}.routine-legend{margin-top:2rem;background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #ff7300;display:flex;align-items:center;gap:2rem}.routine-legend h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.legend-items{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2a2a2a;border-radius:8px;border:1px solid #3a3a3a;transition:all .2s ease}.legend-item:hover{background:#3a3a3a;border-color:#4a4a4a;transform:translateY(-2px)}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000004d}.legend-label{font-size:.9rem;color:#fff;font-weight:500;text-transform:capitalize;white-space:nowrap}.legend-item.user-category{background:#2a2a2a;border:1px solid #ff7300;position:relative}.add-category-btn{background:#27ae60;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:.5rem}.add-category-btn:hover{background:#219a52}.delete-category-btn{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:.5rem}.delete-category-btn:hover{background:#c0392b}.color-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.color-option{width:40px;height:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);border-color:#ffffff80}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #ff7300}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media (max-width: 1024px){.routine-page{padding:1rem}.routine-header{flex-direction:column;gap:1rem;align-items:flex-start}.routine-header h1{font-size:2rem}.current-date{align-items:flex-start}.routine-grid-container{padding:1rem}.routine-grid{min-width:600px}.day-header{min-width:120px;font-size:.9rem}.routine-activity{font-size:.8rem}.routine-category{font-size:.7rem}.routine-legend{flex-direction:column;gap:1rem}.legend-items{gap:1rem}.legend-item{padding:.4rem .8rem}}@media (max-width: 768px){.routine-page{padding:.5rem}.routine-header h1{font-size:1.8rem}.routine-grid-container{padding:.5rem}.routine-grid{min-width:500px}.routine-legend,.legend-items{flex-direction:column;gap:.8rem}.legend-item{padding:.3rem .6rem}.routine-grid th,.routine-grid td{padding:.5rem}.day-header{min-width:100px;font-size:.8rem}.time-cell{font-size:.8rem}.routine-item{padding:.5rem}.routine-activity{font-size:.75rem}.routine-category{font-size:.65rem}.legend-items{gap:.75rem}.legend-item{gap:.25rem}.legend-color{width:12px;height:12px}.legend-label{font-size:.8rem}}.edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-form{background:#1a1a1a;border:2px solid #294cad;border-radius:12px;padding:2rem;min-width:400px;max-width:500px;box-shadow:0 8px 32px #00000080}.edit-form h3{color:#ff7300;margin:0 0 1rem;font-size:1.5rem;text-align:center}.edit-form p{color:#fff;margin:0 0 1.5rem;text-align:center;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #294cad;border-radius:6px;background:#0a0a0a;color:#fff;font-size:1rem;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff7300;box-shadow:0 0 0 2px #ff730033}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.save-btn,.cancel-btn,.delete-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn{background-color:#27ae60;color:#fff}.save-btn:hover{background-color:#229954}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b}.cancel-btn{background-color:#95a5a6;color:#fff}.clickable-time{transition:all .2s ease}.clickable-time:hover{background-color:#3498db33!important;cursor:pointer}.add-time-header{width:80px;text-align:center;background-color:#2c3e50;color:#fff;font-weight:700;padding:10px;border:1px solid #34495e}.add-time-cell{width:80px;text-align:center;background-color:#34495e;border:1px solid #2c3e50;padding:5px;vertical-align:middle}.add-time-controls{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:2px}.add-time-dropdown{position:relative;display:inline-block}.add-time-btn{width:30px;height:30px;border-radius:50%;border:2px solid #3498db;background-color:#3498db;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-time-btn:hover{background-color:#2980b9;border-color:#2980b9;transform:scale(1.1)}.delete-time-btn{width:30px;height:30px;border-radius:50%;border:2px solid #e74c3c;background-color:#e74c3c;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-time-btn:hover{background-color:#c0392b;border-color:#c0392b;transform:scale(1.1)}.delete-time-btn.deleted{background-color:#27ae60;border-color:#27ae60}.delete-time-btn.deleted:hover{background-color:#229954;border-color:#229954}.time-row-deleted{opacity:.5;background-color:#e74c3c1a}.time-row-deleted .time-cell{text-decoration:line-through;color:#e74c3c}.intermediate-times{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#2c3e50;border:1px solid #34495e;border-radius:4px;padding:5px;z-index:1000;min-width:80px;box-shadow:0 4px 8px #0000004d;display:none}.add-time-dropdown:hover .intermediate-times{display:block}.intermediate-time-btn{display:block;width:100%;padding:5px 8px;margin:2px 0;background-color:#34495e;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.intermediate-time-btn:hover{background-color:#3498db}.exercise-page{max-width:1600px;margin:0 auto;padding:1rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#0a0a0a}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1e5e9}.exercise-header h1{font-size:2.5rem;font-weight:700;color:#ff7300;margin:0}.exercise-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.exercise-stats span{font-size:1rem;color:#fff;font-weight:500;line-height:1.2}.exercise-overview{text-align:center;margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #294cad}.exercise-overview h2{font-size:1.8rem;font-weight:600;color:#ff7300;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.exercise-overview p{font-size:1.1rem;color:#fff;margin:0;opacity:.9}.exercise-grid-container{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad;margin-bottom:2rem}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.workout-column{display:flex;flex-direction:column;gap:1rem}.exercise-day{background:#0a0a0a;border-radius:8px;border:1px solid #294cad;overflow:hidden}.day-header{background:#294cad;padding:1rem;text-align:center}.day-header h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.workouts-container{padding:1rem}.workout-card{background:#1a1a1a;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:fit-content}.workout-card:last-child{margin-bottom:0}.workout-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.workout-card.today-highlight{border:2px solid #ff7300;box-shadow:0 0 15px #ff73004d;transform:translateY(-1px)}.workout-card.today-highlight:hover{transform:translateY(-3px);box-shadow:0 0 20px #ff730066}.workout-header{padding:1rem;border-left:4px solid}.workout-title h4{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.workout-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.workout-type{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px}.workout-duration{font-size:.9rem;color:#fff;font-weight:500}.workout-intensity{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.workout-content{padding:1rem;background:#0a0a0a;min-height:fit-content}.exercise-table-container{margin:.5rem 0;overflow-x:auto}.exercise-table{width:100%;border-collapse:collapse;font-size:.9rem;color:#fff}.exercise-table th{background:#294cad;color:#fff;padding:.75rem .5rem;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;border-bottom:2px solid #1a1a1a}.exercise-table td{padding:.75rem .5rem;border-bottom:1px solid #294cad;vertical-align:top}.exercise-table tbody tr:hover{background:#294cad1a}.exercise-table tbody tr:last-child td{border-bottom:none}.section-break{background:#1a1a1a}.section-break td{padding:.25rem .75rem;border-bottom:1px solid #294cad}.core-section-header{font-size:.8rem;font-weight:600;color:#ff7300;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:.25rem .5rem;background:#ff73001a;border-radius:3px;border:1px solid rgba(255,115,0,.2)}.workout-schedule{font-size:.9rem;color:#ff7300;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workout-equipment,.workout-muscles{font-size:.85rem;color:#bdc3c7;margin-bottom:0;line-height:1.4}.workout-equipment strong,.workout-muscles strong{color:#fff;font-weight:600}.exercise-tips{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad}.exercise-tips h3{font-size:1.8rem;font-weight:600;color:#ff7300;margin:0 0 1.5rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-card{background:#0a0a0a;border-radius:8px;padding:1.5rem;border:1px solid #294cad;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tip-card h4{font-size:1.2rem;font-weight:600;color:#ff7300;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.tip-card p{font-size:.95rem;color:#fff;line-height:1.5;margin:0;opacity:.9}@media (max-width: 1024px){.exercise-page{padding:1rem}.exercise-header{flex-direction:column;gap:1rem;align-items:flex-start}.exercise-header h1{font-size:2rem}.exercise-stats{align-items:flex-start}.exercise-grid-container{padding:1rem}.exercise-grid,.tips-grid{grid-template-columns:1fr}}@media (max-width: 768px){.exercise-page{padding:.5rem}.exercise-header h1{font-size:1.8rem}.exercise-overview{padding:1rem}.exercise-overview h2{font-size:1.5rem}.exercise-overview p{font-size:1rem}.exercise-grid-container{padding:.5rem}.exercise-grid{gap:1rem}.day-header h3,.workout-title h4{font-size:1.1rem}.workout-meta{gap:.5rem}.workout-type{font-size:.75rem}.workout-duration{font-size:.85rem}.workout-intensity{font-size:.75rem}.workout-description{font-size:.9rem}.workout-equipment,.workout-muscles{font-size:.8rem}.exercise-tips{padding:1rem}.exercise-tips h3{font-size:1.5rem}.tips-grid{gap:1rem}.tip-card{padding:1rem}.tip-card h4{font-size:1.1rem}.tip-card p{font-size:.9rem}}.diet-page{max-width:1600px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#0a0a0a}.diet-header{text-align:center;margin-bottom:3rem}.diet-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.diet-header p{font-size:1.1rem;color:#bdc3c7;margin:0}.diet-container{display:flex;flex-direction:column;gap:2rem}.diet-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.view-history-button{background:#ff7300;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.view-history-button:hover{background:#e65a00;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.diet-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.daily-total-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.daily-total-section h3{margin:0 0 1rem;color:#fff;font-size:1.2rem}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.nutrition-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#2a2a2a;border-radius:6px;border:1px solid #444}.nutrition-label{font-size:.9rem;color:#bdc3c7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.nutrition-value{font-size:1.2rem;font-weight:600;color:#fff}.no-meals{text-align:center;padding:3rem 2rem;color:#bdc3c7;background:#1a1a1a;border-radius:8px;border:1px solid #333}.right-column{display:flex;flex-direction:column;gap:2rem}.ingredients-section{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad}.ingredients-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.tab-header{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(41,76,173,.3)}.tab-button{background:transparent;border:none;color:#bdc3c7;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:#fff}.tab-button.active{color:#ff7300;border-bottom-color:#ff7300}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ingredient-card{position:relative;display:flex;align-items:flex-start}.ingredient-delete-button{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;border-radius:50%;background:#e74c3c;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.ingredient-delete-button:hover{background:#c0392b}.ingredients-info{margin-bottom:1rem}.ingredients-help{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:6px;padding:.75rem;margin:0;font-size:.9rem;color:#3498db;text-align:center}.ingredients-actions{margin-top:1rem;text-align:center}.toggle-hidden-button{background:#95a5a6;border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.toggle-hidden-button:hover{background:#7f8c8d}.hidden-ingredients-section{padding:0}.hidden-ingredients-header{margin-bottom:.5rem;text-align:center}.hidden-ingredients-header h3{color:#95a5a6;margin-bottom:.5rem}.hidden-ingredients-header p{color:#7f8c8d;font-size:.9rem;margin:0}.hidden-ingredients-grid{opacity:.8}.no-hidden-ingredients{text-align:center;padding:2rem;color:#bdc3c7}.no-hidden-ingredients p{margin:0;font-size:1rem}.hidden-ingredient .ingredient-button{border-color:#95a5a6;opacity:.7}.ingredient-restore-button{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;border-radius:50%;background:#27ae60;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.ingredient-restore-button:hover{background:#229954}.meals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.no-meals{text-align:center;padding:2rem;color:#bdc3c7;grid-column:1 / -1}.no-meals p{margin:0;font-size:1rem}.meal-button{position:relative;width:100%;margin-bottom:1rem}.meal-button.preset-meal{border:2px solid #3498db;border-radius:8px;background:linear-gradient(135deg,#3498db10,#2980b910)}.meal-button.saved-meal{border:2px solid #27ae60;border-radius:8px;background:linear-gradient(135deg,#27ae6010,#22995410)}.meal-content{width:100%;padding:1rem;background:none;border:none;text-align:left;cursor:pointer;display:block;transition:all .2s ease}.meal-content:hover{background:#ffffff1a}.remove-saved-meal-button{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;border-radius:50%;background:#e74c3c;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-saved-meal-button:hover{background:#c0392b}.meal-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.meal-button:active{transform:translateY(0)}.meal-name{font-weight:600;font-size:1rem;margin-bottom:.25rem;color:#fff}.meal-type{font-size:.8rem;color:#ff7300;margin-bottom:.5rem;text-transform:capitalize}.meal-ingredients{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.meal-ingredient{background:#294cad33;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;color:#bdc3c7}.meal-nutrition{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#bdc3c7}.ingredient-button{background:#0a0a0a;border:1px solid #294cad;border-left:4px solid;border-radius:8px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s ease;color:#fff;font-family:inherit;width:100%;flex:1}.ingredient-button:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.ingredient-button:active{transform:translateY(0)}.ingredient-name{font-weight:600;font-size:1rem;margin-bottom:.25rem;color:#fff}.ingredient-serving{font-size:.8rem;color:#bdc3c7;margin-bottom:.5rem}.serving-size-selector{position:relative;display:inline-block}.serving-size-display{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.serving-size-display:hover,.serving-size-display.hovered{background-color:#ffffff1a;color:#fff}.serving-size-dropdown{position:absolute;top:100%;left:0;background:#2c3e50;border:1px solid #34495e;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:80px;max-height:110px;overflow-y:auto}.serving-size-option{padding:6px 12px;cursor:pointer;transition:background-color .2s ease;font-size:.8rem;color:#ecf0f1}.serving-size-option:hover{background-color:#34495e}.serving-size-option.selected{background-color:#3498db;color:#fff}.ingredient-nutrition{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#95a5a6}.ingredient-nutrition span{background:#294cad33;padding:.2rem .4rem;border-radius:4px}.meal-section{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad}.meal-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.meal-title-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;width:100%}.meal-title-section h2{flex-shrink:0}.meal-title-section .view-history-button{margin-left:auto}.meal-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.meal-controls{display:flex;gap:1rem;align-items:center}.meal-selector{background:#0a0a0a;border:1px solid #294cad;border-radius:6px;padding:.5rem 1rem;color:#fff;font-family:inherit;font-size:.9rem;cursor:pointer}.meal-selector:focus{outline:none;border-color:#ff7300}.clear-button{background:#e74c3c;border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.clear-button:hover{background:#c0392b}.save-button{background:#27ae60;border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#229954}.save-button:disabled{background:#95a5a6;cursor:not-allowed}.save-preset-button{background:#9b59b6;border:none;border-radius:6px;padding:.5rem 1rem;color:#fff;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.save-preset-button:hover:not(:disabled){background:#8e44ad}.save-preset-button:disabled{background:#95a5a6;cursor:not-allowed}.meal-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;font-weight:500;color:#bdc3c7}.meal-name-input,.meal-type-select{background:#0a0a0a;border:1px solid #294cad;border-radius:6px;padding:.75rem;color:#fff;font-family:inherit;font-size:.9rem;transition:border-color .2s ease}.meal-name-input:focus,.meal-type-select:focus{outline:none;border-color:#ff7300}.meal-type-select:disabled{background:#2c2c2c;color:#95a5a6;cursor:not-allowed;border-color:#555}.meal-name-input::placeholder{color:#95a5a6}.selected-ingredients{margin-bottom:2rem}.no-ingredients{text-align:center;color:#95a5a6;font-style:italic;padding:2rem;background:#294cad1a;border-radius:8px;border:1px dashed #294cad}.selected-ingredient{display:flex;justify-content:space-between;align-items:center;background:#0a0a0a;border:1px solid #294cad;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.selected-ingredient:hover{background:#1a1a1a;border-color:#ff7300}.ingredient-info{display:flex;align-items:center;gap:.75rem;flex:1}.ingredient-info .ingredient-name{font-weight:600;color:#fff}.ingredient-quantity{background:#ff7300;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.selected-ingredient .ingredient-nutrition{display:flex;gap:.75rem;margin:0 1rem;flex-wrap:wrap}.selected-ingredient .ingredient-nutrition span{background:#294cad4d;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;color:#fff}.remove-button{background:#e74c3c;border:none;border-radius:50%;width:32px;height:32px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-button:hover{background:#c0392b}.total-nutrition{background:#0a0a0a;border:1px solid #294cad;border-radius:8px;padding:1.5rem}.total-nutrition h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fff;text-align:center}.nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.nutrition-item{display:flex;justify-content:space-between;align-items:center;background:#294cad1a;padding:.75rem 1rem;border-radius:6px;border:1px solid rgba(41,76,173,.3)}.nutrition-label{font-weight:500;color:#bdc3c7}.nutrition-value{font-weight:600;color:#ff7300;font-size:1.1rem}.calorie-distribution{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(41,76,173,.3)}.calorie-distribution h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff;text-align:center}.distribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.distribution-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:6px;border:1px solid;transition:all .2s ease}.distribution-info{display:flex;flex-direction:column;gap:.25rem}.distribution-label{font-weight:500;color:#bdc3c7;font-size:.9rem}.distribution-range{font-size:.75rem;color:#95a5a6;font-weight:400}.distribution-value{font-weight:600;font-size:1.1rem}.saved-meals-section{margin-top:2rem;background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad}.saved-meals-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.saved-meals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.saved-meal-card{background:#0a0a0a;border:1px solid #294cad;border-radius:8px;padding:1rem;transition:all .2s ease}.saved-meal-card:hover{background:#1a1a1a;border-color:#ff7300}.saved-meal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.saved-meal-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.delete-meal-button{background:#e74c3c;border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.delete-meal-button:hover{background:#c0392b}.saved-meal-ingredients{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.saved-ingredient{background:#294cad33;padding:.2rem .4rem;border-radius:4px;font-size:.8rem;color:#bdc3c7}.saved-meal-nutrition{border-top:1px solid rgba(41,76,173,.3);padding-top:.75rem}.nutrition-summary{font-size:.9rem;color:#ff7300;font-weight:500}.daily-total-section{background:#0a0a0a;border:1px solid #294cad;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.daily-total-section h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fff;text-align:center}.daily-nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.daily-calorie-distribution{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(41,76,173,.3)}.daily-calorie-distribution h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff;text-align:center}.meal-title{display:flex;flex-direction:column;gap:.25rem}.meal-type{font-size:.75rem;color:#ff7300;font-weight:500;text-transform:capitalize}@media (max-width: 1200px){.diet-container{grid-template-columns:1fr;gap:1.5rem}.right-column{gap:1.5rem}.ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.diet-page{padding:1rem}.diet-header h1{font-size:2rem}.ingredients-grid,.meals-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.meal-header{flex-direction:column;align-items:stretch}.meal-controls{justify-content:space-between}.meal-inputs{grid-template-columns:1fr}.selected-ingredient{flex-direction:column;align-items:stretch;gap:.75rem}.ingredient-info{justify-content:space-between}.selected-ingredient .ingredient-nutrition{justify-content:center;margin:0}.nutrition-grid,.distribution-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ingredients-grid{grid-template-columns:1fr}.meal-controls{flex-direction:column;gap:.5rem}}.category-filters{margin-bottom:1rem;padding:1rem;background:#294cad1a;border-radius:8px;border:1px solid rgba(41,76,173,.3)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.category-filter-button{padding:.3rem .6rem;border:2px solid;border-radius:15px;background:transparent;color:inherit;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize;white-space:nowrap}.category-filter-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.category-filter-button.active{font-weight:600;box-shadow:0 2px 8px #0000004d}.clear-filters-button{padding:.4rem .8rem;background:#e74c3c;border:none;border-radius:6px;color:#fff;font-family:inherit;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.clear-filters-button:hover{background:#c0392b}.custom-ingredients-section{padding:1rem 0}.custom-ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.custom-ingredients-header h3{margin:0;color:#fff;font-size:1.3rem}.add-custom-ingredient-button{background:#ff7300;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.add-custom-ingredient-button:hover{background:#e65a00}.custom-ingredient-form{background:#2a2a2a;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #3a3a3a}.custom-ingredient-form h4{margin:0 0 1rem;color:#fff;font-size:1.1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:#bdc3c7;font-size:.9rem;font-weight:500}.form-group input,.form-group select{padding:.5rem;border:1px solid #3a3a3a;border-radius:4px;background:#1a1a1a;color:#fff;font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff7300}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.save-ingredient-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.save-ingredient-button:hover:not(:disabled){background:#218838}.save-ingredient-button:disabled{background:#6c757d;cursor:not-allowed}.cancel-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.cancel-button:hover{background:#5a6268}.user-ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.user-ingredient-card{background:#2a2a2a;border-radius:8px;padding:1rem;border:1px solid #3a3a3a;transition:transform .2s ease,box-shadow .2s ease}.user-ingredient-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.ingredient-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.ingredient-header h4{margin:0;color:#fff;font-size:1rem;font-weight:600}.ingredient-actions{display:flex;gap:.5rem}.edit-ingredient-button{background:#17a2b8;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease}.edit-ingredient-button:hover{background:#138496}.delete-ingredient-button{background:#dc3545;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease}.delete-ingredient-button:hover{background:#c82333}.custom-indicator{color:#17a2b8;font-size:.8rem;font-style:italic}.ingredient-category{margin-bottom:.75rem}.category-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.category-badge.protein{background:#dc3545;color:#fff}.category-badge.vegetables{background:#28a745;color:#fff}.category-badge.fats{background:#ffc107;color:#212529}.category-badge.nuts-seeds{background:#fd7e14;color:#fff}.category-badge.seasonings{background:#6f42c1;color:#fff}.category-badge.beverages{background:#17a2b8;color:#fff}.category-badge.fruits{background:#e83e8c;color:#fff}.category-badge.dairy{background:#20c997;color:#fff}.ingredient-serving{margin-bottom:.75rem;color:#bdc3c7;font-size:.9rem}.ingredient-nutrition{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.8rem;color:#bdc3c7}.ingredient-nutrition span{text-align:center;padding:.25rem;background:#1a1a1a;border-radius:4px}.no-custom-ingredients{text-align:center;padding:2rem;color:#bdc3c7;grid-column:1 / -1}.saved-meal-card{background:#2a2a2a;border-radius:8px;padding:1rem;border:1px solid #3a3a3a;transition:transform .2s ease,box-shadow .2s ease;position:relative}.saved-meal-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.meal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.meal-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.meal-actions{display:flex;gap:.5rem}.add-meal-button{background:#28a745;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease}.add-meal-button:hover{background:#218838}.delete-meal-button{background:#e74c3c;border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;position:absolute;top:.5rem;right:.5rem}.delete-meal-button:hover{background:#c82333}.meal-ingredients{margin-bottom:1rem}.meal-ingredients h4{margin:0 0 .5rem;color:#bdc3c7;font-size:.9rem;font-weight:500}.meal-ingredients ul{margin:0;padding-left:1rem;color:#bdc3c7;font-size:.85rem}.meal-ingredients li{margin-bottom:.25rem}.meal-nutrition h4{margin:0 0 .5rem;color:#bdc3c7;font-size:.9rem;font-weight:500}.nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.8rem;color:#bdc3c7}.nutrition-grid span{text-align:center;padding:.25rem;background:#1a1a1a;border-radius:4px}.weight-section{padding:1rem}.weight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.weight-summary{flex:1;text-align:center}.weight-summary-text{color:#bdc3c7;font-size:.9rem;font-style:italic}.weight-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.add-weight-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.add-weight-button:hover{background:#218838}.weight-form{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.weight-form h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.weight-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}.weight-form .form-group{flex:1}.weight-form label{display:block;margin-bottom:.5rem;color:#bdc3c7;font-size:.9rem;font-weight:500}.weight-form input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:.9rem}.weight-form input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.weight-form .form-actions{display:flex;gap:1rem;justify-content:flex-end}.save-weight-button{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.save-weight-button:hover:not(:disabled){background:#218838}.save-weight-button:disabled{background:#6c757d;cursor:not-allowed}.weight-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.weight-entry-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem;transition:all .2s ease}.weight-entry-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.weight-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weight-value{display:flex;align-items:baseline;gap:.25rem}.weight-number{font-size:1.5rem;font-weight:700;color:#fff}.weight-unit{font-size:.9rem;color:#bdc3c7;font-weight:500}.weight-time{font-size:.9rem;color:#666;text-transform:capitalize;font-weight:500}.weight-date{font-size:.8rem;color:#95a5a6;font-weight:500}.weight-notes{margin-bottom:1rem;padding:.5rem;background:#2a2a2a;border-radius:4px;color:#bdc3c7;font-size:.85rem;font-style:italic}.weight-entry-actions{display:flex;gap:.5rem}.edit-weight-button{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease;flex:1}.edit-weight-button:hover{background:#2980b9}.delete-weight-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease;flex:1}.delete-weight-button:hover{background:#c0392b}.no-weight-entries{text-align:center;padding:2rem;color:#bdc3c7;grid-column:1 / -1}.no-weight-entries p{margin:0;font-size:1rem}.no-weights-today{text-align:center;padding:2rem;color:#bdc3c7;background:#1a1a1a;border-radius:8px;border:1px solid #333}.no-weights-today p{margin:0;font-size:1rem}.beats-player{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;color:var(--color-text);background-color:var(--color-bg)}.beats-header{text-align:center;margin-bottom:3rem}.beats-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--color-titles)}.favorites-toggle{margin-top:1rem}.toggle-button{background:var(--color-borders);color:var(--color-text);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:1rem}.toggle-button:hover{background:var(--color-border-hover);color:#fff;transform:scale(1.05)}.toggle-button.active{background:var(--color-border-hover);color:#fff}.beats-header p{font-size:1.2rem;color:var(--color-text);margin-bottom:2rem}.autoplay-notification{background:var(--color-card-bg);border:2px solid var(--color-border-hover);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #ff730033}.autoplay-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.autoplay-content span{color:var(--color-text);font-size:1rem}.autoplay-button{background:var(--color-border-hover);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.autoplay-button:hover{background:var(--color-logo-hover);transform:scale(1.05)}.beats-list{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.beat-item{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-borders);transition:all .3s ease;gap:1rem;background:var(--color-card-bg);border-radius:8px;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:.5rem;border:1px solid var(--color-borders)}.beat-item:last-child{border-bottom:1px solid var(--color-borders)}.beat-item:hover{background:var(--color-card-bg);transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.beat-item.playing{background:var(--color-card-bg);border-left:4px solid var(--color-border-hover);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.beat-number{font-size:1.1rem;font-weight:600;color:var(--color-titles);min-width:25px;text-align:center}.beat-info{flex:2;min-width:0}.beat-title{font-size:1.2rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.play-button{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-border-hover);color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff730066;background:var(--color-logo-hover)}.play-button.playing{background:var(--color-border-hover)}.play-button.playing:hover{box-shadow:0 4px 15px #ff730066;background:var(--color-logo-hover)}.play-icon,.pause-icon{font-size:.9rem;line-height:1}.volume-control{display:flex;align-items:center;gap:.25rem;min-width:60px}.volume-icon{font-size:.8rem;color:var(--color-text)}.share-button{width:30px;height:30px;border-radius:50%;border:none;background:var(--color-borders);color:var(--color-text);font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-button:hover{background:var(--color-border-hover);color:#fff;transform:scale(1.05)}.share-icon{font-size:.7rem}.favorite-button{width:30px;height:30px;border-radius:50%;border:none;background:var(--color-borders);color:var(--color-text);font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.favorite-button:hover{background:var(--color-border-hover);color:#fff;transform:scale(1.05)}.favorite-button.favorited{background:var(--color-border-hover);color:#fff}.favorite-button.favorited:hover{background:var(--color-logo-hover)}.star-icon{font-size:.8rem}.volume-slider{width:90px;height:6px;border-radius:3px;background:var(--color-borders);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-border-hover);cursor:pointer;transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--color-logo-hover)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-border-hover);cursor:pointer;border:none;transition:all .3s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--color-logo-hover)}@media (max-width: 768px){.beats-player{padding:1rem}.beats-header h1{font-size:2.5rem}.beats-list{grid-template-columns:1fr;gap:1rem;margin:0 1rem}.beat-item{padding:1rem;gap:1rem}.beat-controls{flex-direction:column;align-items:stretch;gap:.75rem}.play-button{align-self:center}.volume-control{min-width:100px}.fixed-player{padding:1rem}.player-content{flex-direction:column;gap:1rem;text-align:center}.player-info{order:1}.player-controls{order:2;gap:.5rem}.player-control-button{width:35px;height:35px;font-size:.9rem}.player-play-button{width:45px;height:45px;font-size:1.1rem}.player-progress{order:3;width:100%}.player-title{font-size:1rem}.player-time{font-size:.8rem}}@media (max-width: 480px){.beats-header h1{font-size:2rem}.beat-item{flex-direction:column;align-items:flex-start;gap:.75rem}.beat-number{display:none}.beat-title{font-size:1.1rem}.beat-controls{width:100%;justify-content:space-between}}.fixed-player{position:fixed;bottom:0;left:0;right:0;background:var(--color-card-bg);border-top:1px solid var(--color-borders);box-shadow:0 -4px 20px #0000004d;z-index:1000;padding:1rem 2rem}.player-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem}.player-info{flex:1;min-width:0}.player-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{font-size:.9rem;color:var(--color-text);font-family:monospace}.player-controls{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.player-control-button{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-borders);color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.player-control-button:hover{background:var(--color-border-hover);transform:scale(1.05);color:#fff}.player-control-button.active{background:var(--color-border-hover);color:#fff}.player-control-button.active:hover{box-shadow:0 4px 15px #ff730066;background:var(--color-logo-hover)}.player-play-button{width:50px;height:50px;border-radius:50%;border:none;background:var(--color-border-hover);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.player-play-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff730066;background:var(--color-logo-hover)}.player-progress{flex:2;min-width:200px}.progress-slider{width:100%;height:6px;border-radius:3px;background:var(--color-borders);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-border-hover);cursor:pointer;transition:all .3s ease}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--color-logo-hover)}.progress-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-border-hover);cursor:pointer;border:none;transition:all .3s ease}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--color-logo-hover)}.beats-player{padding-bottom:100px}.copied-message{position:fixed;top:20px;right:20px;background:var(--color-border-hover);color:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #ff73004d;z-index:1001;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.traditional-art-page{padding:2rem 0;min-height:100vh}.traditional-art-page .page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-titles)}.traditional-art-page .page-description{text-align:center;font-size:1.2rem;color:var(--color-text);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9}.art-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.art-piece{background:var(--color-card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease;border:1px solid var(--color-borders);cursor:pointer;position:relative}.art-piece:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.art-piece:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.art-piece:hover:before{transform:scaleX(1)}.art-piece img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s ease}.art-piece:hover img{transform:scale(1.05)}.art-title{font-size:1.2rem;font-weight:600;margin:1rem;color:var(--color-titles)}.art-description{margin:0 1rem 1rem;color:var(--color-text);font-size:.9rem;line-height:1.5}.art-meta{display:flex;gap:1rem;margin:0 1rem 1rem;font-size:.8rem;color:var(--color-text);opacity:.8}.art-year,.art-medium{background:#ff73001a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,115,0,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-borders);overflow:hidden}.modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;transform:scale(.8)}.modal-content:hover .modal-close{opacity:1;transform:scale(1)}.modal-close:hover{background:#ff7300cc}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;transform:translateY(-50%) scale(.8)}.modal-content:hover .modal-nav{opacity:1;transform:translateY(-50%) scale(1)}.modal-nav:hover{background:#ff7300cc;transform:translateY(-50%) scale(1.1)}.modal-prev{left:1rem}.modal-next{right:1rem}.modal-counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;z-index:1001;opacity:0;transition:opacity .3s ease}.modal-content:hover .modal-counter{opacity:1}.modal-image{width:100%;height:auto;max-height:90vh;object-fit:contain;display:block}@media (max-width: 768px){.traditional-art-page .page-title{font-size:2.5rem}.traditional-art-page .page-description{font-size:1rem;margin-bottom:2rem}.art-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.art-piece img{height:250px}.modal-overlay{padding:1rem}.modal-close{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.2rem}.modal-nav{width:40px;height:40px;font-size:1.5rem}.modal-prev{left:.5rem}.modal-next{right:.5rem}.modal-counter{bottom:.5rem;padding:.25rem .75rem;font-size:.8rem}}@media (max-width: 480px){.traditional-art-page{padding:1rem 0}.traditional-art-page .page-title{font-size:2rem}.art-gallery{grid-template-columns:1fr;gap:1rem}.art-piece img{height:200px}.modal-overlay{padding:.5rem}}.lists-page{padding:2rem 0;min-height:100vh;background-color:var(--color-bg)}.lists-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.category-card{background:var(--color-card-bg);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000004d;border:1px solid var(--color-borders);transition:all .3s ease;display:block;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover);text-decoration:none;color:inherit}.category-title{font-size:1.8rem;font-weight:700;color:var(--color-titles);margin:0 0 1rem;line-height:1.2}.category-description{font-size:1rem;color:var(--color-text);line-height:1.6;margin:0}@media (max-width: 768px){.page-title{font-size:2rem}.lists-page .container{padding:0 1rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}.category-title{font-size:1.5rem}}@media (max-width: 480px){.page-title{font-size:1.8rem}.category-title{font-size:1.3rem}}.music-lists-page{padding:2rem 0;min-height:100vh;background-color:var(--color-bg)}.music-lists-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.list-card{background:var(--color-card-bg);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000004d;border:1px solid var(--color-borders);transition:all .3s ease;display:block;position:relative;overflow:hidden}.list-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.list-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover);text-decoration:none;color:inherit}.list-card:hover:before{transform:scaleX(1)}.list-title{font-size:1.8rem;font-weight:700;color:var(--color-titles);margin:0 0 1rem;line-height:1.2}.list-description{font-size:1rem;color:var(--color-text);line-height:1.6;margin:0}@media (max-width: 768px){.page-title{font-size:2rem}.music-lists-page .container{padding:0 1rem}.lists-grid{grid-template-columns:1fr;gap:1.5rem}.list-card{padding:1.5rem}.list-title{font-size:1.5rem}}@media (max-width: 480px){.page-title{font-size:1.8rem}.list-title{font-size:1.3rem}}.sports-lists-page{padding:2rem 0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}.sports-lists-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.sports-lists-page .page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-titles)}.sports-lists-page .page-description{font-size:1.2rem;text-align:center;margin-bottom:3rem;color:var(--color-text);max-width:600px;margin-left:auto;margin-right:auto}.sports-lists-page .lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.sports-lists-page .list-card{background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.sports-lists-page .list-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.sports-lists-page .list-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.sports-lists-page .list-card:hover:before{transform:scaleX(1)}.sports-lists-page .list-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--color-titles)}.sports-lists-page .list-description{font-size:1rem;color:var(--color-text);line-height:1.6;margin:0}@media (max-width: 768px){.sports-lists-page .page-title{font-size:2rem}.sports-lists-page .container{padding:0 1rem}.sports-lists-page .lists-grid{grid-template-columns:1fr;gap:1.5rem}.sports-lists-page .list-card{padding:1.5rem}.sports-lists-page .list-title{font-size:1.5rem}}@media (max-width: 480px){.sports-lists-page .page-title{font-size:1.8rem}.sports-lists-page .list-title{font-size:1.3rem}}.favorite-albums-page{padding:2rem 0;min-height:100vh;background-color:var(--color-bg)}.favorite-albums-page .container{max-width:95vw;margin:0 auto;padding:0 2rem}.page-title{font-size:3rem;font-weight:700;color:var(--color-titles);text-align:center;margin-bottom:.5rem}.page-description{font-size:1.2rem;color:var(--color-text);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.filter-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center;margin-bottom:3rem;padding:1.5rem;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-borders);box-shadow:0 4px 6px -1px #0000004d}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.filter-group label{font-size:.9rem;font-weight:600;color:var(--color-titles);text-transform:uppercase;letter-spacing:1px}.filter-select{padding:.75rem 1rem;border:1px solid var(--color-borders);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus{outline:none;border-color:var(--color-titles);box-shadow:0 0 0 3px #ffa5001a}.filter-stats{font-size:.9rem;color:var(--color-text);opacity:.8;font-weight:500;padding:.75rem 1rem;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-borders)}.albums-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;width:100%}.album-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-borders);box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease;overflow:visible;min-height:400px;cursor:pointer}.album-item:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.remove-album-btn{position:absolute;top:-15px;right:-15px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #000000;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .2s ease;box-shadow:0 2px 4px #0003;pointer-events:auto;-webkit-user-select:none;user-select:none}.remove-album-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.remove-album-btn:active{transform:scale(.95)}.album-item{position:relative}.album-item.expanded{z-index:100}.album-item.expanded .album-expanded-content{position:absolute;top:-1px;left:calc(100% - 10px);width:450px;height:calc(100% + 2px);background:var(--color-card-bg);border:1px solid var(--color-borders);border-left:none;border-radius:0 12px 12px 0;padding:1.5rem;overflow-y:auto;animation:slideInRight .3s ease;transition:border-color .2s ease}.album-item.expanded:hover .album-expanded-content{border-color:var(--color-border-hover)}.album-item.expand-left .album-expanded-content{left:auto;right:100%;border-left:1px solid var(--color-borders);border-right:none;border-radius:12px 0 0 12px;animation:slideInLeft .3s ease;transition:border-color .2s ease}.album-item.expand-left:hover .album-expanded-content{border-color:var(--color-border-hover)}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.album-rank{position:absolute;top:-15px;left:-15px;background:var(--color-titles);color:#fff;font-size:1.5rem;font-weight:700;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;z-index:10}.album-cover{position:relative;flex-shrink:0;margin-bottom:1rem;text-align:center}.album-cover img{width:100%;height:auto;aspect-ratio:1;border-radius:12px;box-shadow:0 8px 24px #0003;object-fit:cover}.album-cover-placeholder{width:100%;aspect-ratio:1;border-radius:12px;background:var(--color-card-bg);border:2px dashed var(--color-borders);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text);opacity:.7}.album-cover-placeholder.hidden{display:none}.placeholder-icon{font-size:3rem;margin-bottom:.5rem;color:#1db954;filter:hue-rotate(120deg) saturate(1.5)}.placeholder-text{font-size:.9rem;font-weight:500}.album-info{flex:1;display:flex;flex-direction:column;margin-top:1rem}.album-title{font-size:1.4rem;font-weight:700;color:var(--color-titles);margin:0 0 .5rem;line-height:1.2}.album-artist{font-size:1.1rem;color:var(--color-text);margin:0 0 .5rem;font-weight:500}.album-year{font-size:1rem;color:var(--color-text);opacity:.7;margin:0 0 .5rem;font-weight:400}.album-genre{font-size:1rem;color:#294cad;margin:0 0 1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.album-description{font-size:.9rem;color:var(--color-text);line-height:1.5;margin:0 0 1rem;max-width:none}.favorite-tracks{margin-top:auto}.favorite-tracks h4{font-size:1.1rem;color:var(--color-titles);margin:0 0 .5rem;font-weight:600}.favorite-tracks ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.favorite-tracks li{background:var(--color-titles);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px #0000004d}.album-description h4,.favorite-tracks h4{font-size:1.1rem;color:var(--color-titles);margin:0 0 .5rem;font-weight:600}.album-description p{font-size:.95rem;color:var(--color-text);line-height:1.6;margin:0 0 1rem}.music-embed{margin:1.5rem 0}.music-embed h4{font-size:1.1rem;color:var(--color-titles);margin:0 0 .8rem;font-weight:600}.youtube-player,.spotify-player{margin-bottom:1rem}.music-placeholder{background:var(--color-bg);border:1px solid var(--color-borders);border-radius:12px;padding:2rem;text-align:center;color:var(--color-text);opacity:.7}.music-help{font-size:.9rem;margin-top:.5rem;opacity:.8}.youtube-music-link{text-align:center;padding:2rem;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-borders)}.youtube-music-btn{background:linear-gradient(135deg,red,#c00);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff00004d}.youtube-music-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f006;background:linear-gradient(135deg,#f33,red)}.music-note{margin-top:1rem;font-size:.9rem;color:#1db954;opacity:.9}.album-actions{display:flex;gap:.8rem;margin-top:1rem}.spotify-btn,.share-btn{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-borders);padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.spotify-btn{border-color:#1db954}.spotify-btn span{color:#1db954}.spotify-btn:hover{border-color:#1db954;color:#1db954;background:#1db9541a}.share-btn:hover{border-color:var(--color-border-hover);background:var(--color-card-bg)}.add-album-section{margin-top:4rem;text-align:center;background:var(--color-card-bg);border-radius:12px;padding:2rem;border:1px solid var(--color-borders)}.add-album-section h2{color:var(--color-titles);font-size:1.8rem;margin-bottom:1rem}.add-album-section p{color:var(--color-text);font-size:1rem;line-height:1.6}@media (max-width: 1400px){.albums-list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.albums-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.albums-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.filter-controls{flex-direction:column;gap:1rem;padding:1rem}.filter-group{min-width:120px;width:100%;gap:.25rem}.filter-group label{font-size:.75rem;margin-bottom:.25rem}.filter-controls .filter-group:nth-child(1),.filter-controls .filter-group:nth-child(2){display:inline-block;width:calc(50% - .5rem);vertical-align:top}.filter-controls .filter-group:nth-child(1){margin-right:1rem}.filter-controls:not(.edit-mode){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:.75rem;padding:.75rem .75rem 1rem;margin-top:.25rem}.filter-controls:not(.edit-mode) .filter-group:nth-child(1){grid-column:1;grid-row:1;margin-right:0}.filter-controls:not(.edit-mode) .filter-group:nth-child(2){grid-column:2;grid-row:1;text-align:right}.filter-controls:not(.edit-mode) .filter-group:nth-child(3){grid-column:1 / -1;grid-row:2}.filter-controls:not(.edit-mode) .filter-stats{grid-column:1 / -1;grid-row:3;padding:.5rem .75rem;font-size:.8rem}.filter-controls:not(.edit-mode) .edit-controls{grid-column:1 / -1;grid-row:4;display:flex;justify-content:center;align-items:center;margin-top:-.25rem;margin-bottom:.25rem}.filter-select{max-width:100%;box-sizing:border-box;padding:.5rem .75rem;font-size:.9rem}.edit-button{padding:.5rem 1rem;font-size:.8rem}.albums-list{grid-template-columns:repeat(2,1fr);gap:1rem}.album-item{padding:1rem}.album-title{font-size:1.2rem}.album-artist{font-size:1rem}.page-title{font-size:2rem}.favorite-albums-page .container{padding:0 1rem}}@media (max-width: 480px){.albums-list{grid-template-columns:1fr}.album-title{font-size:1.3rem}.album-artist{font-size:1rem}.page-title{font-size:1.8rem}}.edit-controls{display:flex;align-items:center;gap:1rem}.edit-button,.save-button,.cancel-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.edit-button{background:var(--color-titles);color:#fff}.edit-button:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 8px #e67e224d}.save-button{background:#48bb78;color:#fff}.save-button:hover{background:var(--color-success-hover);transform:translateY(-1px)}.save-button:disabled{background:var(--color-card-bg);color:var(--color-text-muted);cursor:not-allowed;transform:none;border-color:var(--color-borders)}.save-button:disabled:hover{background:var(--color-card-bg);transform:none}.cancel-button{background:transparent;color:var(--color-text);border:1px solid var(--color-borders)}.cancel-button:hover{background:var(--color-borders);color:#fff}.edit-actions{display:flex;gap:.5rem}.albums-list.edit-mode{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.album-item-compact{position:relative;width:160px;height:160px;transition:transform .2s ease;cursor:grab}.albums-list.edit-mode .album-item-compact{transition:transform .2s ease,opacity .2s ease}.album-item-compact:active{cursor:grabbing}.album-item-compact:hover{transform:scale(1.05)}.album-item-compact .remove-album-btn{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #000000;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .2s ease;box-shadow:0 2px 4px #0003}.album-item-compact .remove-album-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.album-item-compact .remove-album-btn:active{transform:scale(.95)}.album-item-compact .album-rank{position:absolute;top:-8px;left:-8px;background:var(--color-titles);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;z-index:2;border:2px solid var(--color-bg)}.album-cover-compact{width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d}.album-cover-compact img{width:100%;height:100%;object-fit:cover}.album-cover-compact .album-cover-placeholder{width:100%;height:100%;background:var(--color-card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--color-borders)}.album-cover-compact .placeholder-icon{font-size:1.5rem;margin-bottom:.25rem}.album-item-compact.dragging{opacity:.8;transform:rotate(5deg) scale(1.05);box-shadow:0 8px 16px #0000004d;z-index:1000}@media (max-width: 768px){.favorite-albums-page{margin-top:0;padding-top:0}.filter-controls{margin-bottom:.25rem;padding-bottom:0}.container.edit-mode{height:100vh;display:flex;flex-direction:column;padding:.5rem;box-sizing:border-box;overflow:hidden}.container.edit-mode .filter-controls{flex-shrink:0}.albums-list.edit-mode{height:calc(100vh - 180px);overflow-y:auto;gap:.5rem;justify-content:center;flex-grow:1;padding-top:15px;padding-bottom:120px}.albums-list:not(.edit-mode){gap:1rem;justify-content:center}.album-item-compact{width:120px;height:120px;cursor:pointer}.album-item-compact .album-rank{width:28px;height:28px;font-size:.65rem;top:-8px;left:-8px;cursor:pointer}.album-item-compact .album-rank:hover{background:#3498db;transform:scale(1.1)}.albums-list:not(.edit-mode) .album-item{max-width:300px;margin:0 auto}.album-item.expanded .album-expanded-content{width:calc(100vw - 2rem);max-width:350px}}.edit-mode-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;border-bottom:2px solid #3498db;margin-bottom:1rem}.edit-mode-header h3{margin:0;color:#3498db;font-size:1.2rem;font-weight:600}.edit-mode-header .edit-actions{display:flex;gap:1rem;align-items:center}.staged-count{background:var(--color-titles);color:var(--color-bg);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:.5rem 0}.staged-badge{position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid var(--color-titles);border-radius:12px;pointer-events:none;z-index:5}.album-item-compact .staged-badge{border-radius:8px}.result-item .staged-badge{border-radius:8px;top:-3px;left:-3px;right:-3px;bottom:-3px}@media (max-width: 768px){.edit-mode-header{flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0;margin:.5rem 0;border-bottom:none;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important}.edit-mode-header h3{font-size:.9rem;margin:0;padding:0;text-align:center}.edit-mode-header .edit-actions{gap:.5rem;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.edit-mode-header .save-button,.edit-mode-header .cancel-button{padding:.3rem .6rem;font-size:.8rem;min-height:auto;border-radius:6px;width:120px}.add-album-section{display:none}}.add-new-albums-panel{margin-top:.5rem;background:var(--color-card-bg);border-radius:12px;padding:2rem;border:1px solid var(--color-borders);box-shadow:0 4px 6px -1px #0000004d}.add-new-albums-panel h2{color:var(--color-titles);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.add-new-albums-panel p{color:var(--color-text);font-size:1rem;line-height:1.6;text-align:center;margin-bottom:2rem}.search-form{display:flex;flex-direction:column;gap:1.5rem}.search-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.search-input-group{display:flex;flex-direction:column;gap:.5rem}.search-input-group label{font-size:.9rem;font-weight:600;color:var(--color-titles);text-transform:uppercase;letter-spacing:1px}.search-input{padding:.75rem 1rem;border:1px solid var(--color-borders);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem;font-weight:500;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--color-titles);box-shadow:0 0 0 3px #ffa5001a}.search-actions{display:flex;gap:1rem;justify-content:center}.search-button,.add-new-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.search-button{background:var(--color-titles);color:#fff}.search-button:hover:not(:disabled){background:var(--color-border-hover);transform:translateY(-2px)}.search-button:disabled{opacity:.6;cursor:not-allowed}.add-new-button{background:var(--color-bg);color:var(--color-titles);border:2px solid var(--color-titles)}.add-new-button:hover{background:var(--color-titles);color:#fff;transform:translateY(-2px)}.loading-state{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;padding:2rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:500}.search-error{background:#fee;color:#c53030;padding:1rem;border-radius:8px;border:1px solid #feb2b2;text-align:center;margin-top:1rem}.search-success{background:#f0fff4;color:#22543d;padding:1rem;border-radius:8px;border:1px solid #9ae6b4;text-align:center;margin-top:1rem;font-weight:500}.search-results{margin-top:2rem}.search-results h3{color:var(--color-titles);font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.result-item{background:var(--color-bg);border:1px solid var(--color-borders);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.result-item:hover{border-color:var(--color-titles);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.result-item.adding{opacity:.7;pointer-events:none}.result-item.adding .result-cover,.result-item.staged-for-removal,.result-item.staged-for-removal .result-cover{position:relative}.adding-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;color:#fff}.adding-spinner{font-size:1.5rem;margin-bottom:.5rem;animation:spin 1s linear infinite}.adding-text{font-size:.9rem;font-weight:500}.result-cover{width:100%;aspect-ratio:1;margin-bottom:1rem;position:relative;border-radius:8px;overflow:hidden}.result-cover img{width:100%;height:100%;object-fit:cover;border-radius:8px}.result-cover-placeholder{width:100%;height:100%;background:var(--color-borders);display:flex;align-items:center;justify-content:center;border-radius:8px}.result-cover-placeholder.hidden{display:none}.result-cover-placeholder .placeholder-icon{font-size:2rem;opacity:.6}.result-info{text-align:left}.result-title{font-size:1rem;font-weight:600;color:var(--color-titles);margin:0 0 .5rem;text-align:center}.result-artist{color:var(--color-text);font-size:1rem;font-weight:500;margin-bottom:.25rem}.result-year,.result-genre{color:var(--color-text);font-size:.9rem;opacity:.8;margin-bottom:.25rem}.no-results{text-align:center;padding:2rem;color:var(--color-text);opacity:.8}@media (max-width: 768px){.search-inputs{grid-template-columns:1fr;gap:1rem}.search-actions{flex-direction:column;gap:.75rem}.results-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.75rem}.result-item{padding:.75rem}.result-title{font-size:1rem}.result-artist{font-size:.9rem}}.mobile-pages-container{position:relative;width:100%;overflow:hidden;min-height:60vh}.mobile-page{width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:translate(100%);opacity:0;position:absolute;top:0;left:0;min-height:60vh}.mobile-page.active{transform:translate(0);opacity:1;position:relative}.mobile-page.sliding-left,.mobile-page.returning-from-left{transform:translate(-100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.mobile-pages-container,.mobile-page{min-height:50vh}.mobile-page .add-new-albums-panel{max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-page .add-new-albums-panel h2,.mobile-page .add-new-albums-panel p{display:none}}.nba-rankings-page{padding:2rem 0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}.nba-rankings-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.nba-rankings-page .page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-titles)}.nba-rankings-page .page-description{font-size:1.2rem;text-align:center;margin-bottom:3rem;color:var(--color-text);max-width:600px;margin-left:auto;margin-right:auto}.nba-rankings-page .rankings-list{display:flex;flex-direction:column;gap:2rem}.nba-rankings-page .player-card{background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:12px;padding:2rem;display:flex;gap:2rem;transition:all .3s ease;position:relative;overflow:hidden}.nba-rankings-page .player-nationality{position:absolute;top:1rem;right:1rem;background:var(--color-border-hover);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;z-index:10;background-size:cover;background-position:center;background-repeat:no-repeat;text-shadow:1px 1px 2px rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3)}.nba-rankings-page .player-left{flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;width:280px}.nba-rankings-page .player-photo{width:280px;height:280px;border-radius:12px;overflow:hidden;border:3px solid var(--color-borders)}.nba-rankings-page .player-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.nba-rankings-page .player-card:nth-child(7) .player-photo img{object-position:center 10%}.nba-rankings-page .player-card:nth-child(20) .player-photo img{object-position:center 10%}.nba-rankings-page .player-card:nth-child(23) .player-photo img{object-position:center 20%}.nba-rankings-page .player-card:nth-child(32) .player-photo img{object-position:center 10%}.nba-rankings-page .player-card:nth-child(33) .player-photo img{object-position:60% center}.nba-rankings-page .player-card:nth-child(36) .player-photo img{object-position:center 25%}.nba-rankings-page .player-card:nth-child(37) .player-photo img{object-position:30% center}.nba-rankings-page .player-card:nth-child(39) .player-photo img{object-position:center 10%}.nba-rankings-page .player-card:nth-child(48) .player-photo img{object-position:80% center}.nba-rankings-page .player-card:nth-child(42) .player-photo img{object-position:10% center}.nba-rankings-page .player-physical{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid var(--color-borders)}.nba-rankings-page .physical-stat{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.nba-rankings-page .physical-label{color:var(--color-text);font-size:.9rem}.nba-rankings-page .physical-value{color:var(--color-titles);font-weight:600;font-size:1rem}.nba-rankings-page .player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.nba-rankings-page .player-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.nba-rankings-page .player-card:hover:before{transform:scaleX(1)}.nba-rankings-page .player-years{color:var(--color-border-hover);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.nba-rankings-page .player-position{color:var(--color-titles);font-size:1rem;font-weight:700;margin-bottom:.25rem;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.nba-rankings-page .player-info{flex:1}.nba-rankings-page .player-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}.nba-rankings-page .name-and-years{display:flex;align-items:center;gap:1rem}.nba-rankings-page .player-name{font-size:2rem;font-weight:700;margin:0;color:var(--color-titles)}.nba-rankings-page .player-teams{color:var(--color-text);font-size:1rem;margin-bottom:.5rem;margin-top:.25rem}.nba-rankings-page .stats-section{margin-bottom:1.5rem}.nba-rankings-page .stats-category-title{font-size:1.1rem;font-weight:600;color:var(--color-titles);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.nba-rankings-page .player-stats{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid var(--color-borders)}.nba-rankings-page .player-left .player-stats{display:flex;flex-direction:column;gap:.5rem;flex-wrap:nowrap}.nba-rankings-page .stat{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.nba-rankings-page .stat-label{color:var(--color-text);font-size:.9rem}.nba-rankings-page .stat-value{color:var(--color-titles);font-weight:600;font-size:1rem}.nba-rankings-page .player-era{color:var(--color-border-hover);font-size:.9rem;font-weight:600;margin-bottom:1rem}.nba-rankings-page .achievements-section{margin-top:1rem}.nba-rankings-page .achievements-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid var(--color-borders)}.nba-rankings-page .achievement-item{background:var(--color-border-hover);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.nba-rankings-page .peak-season-section{margin-top:1.5rem}.nba-rankings-page .peak-season-stats{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid var(--color-borders)}.nba-rankings-page .peak-stats-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.nba-rankings-page .peak-achievements{color:var(--color-text);font-size:.9rem;margin-bottom:.75rem;line-height:1.4}.nba-rankings-page .peak-context{color:var(--color-border-hover);font-size:.85rem;font-style:italic;line-height:1.4}@media (max-width: 768px){.nba-rankings-page .page-title{font-size:2rem}.nba-rankings-page .container{padding:0 1rem}.nba-rankings-page .player-card{flex-direction:column;gap:1rem;padding:1.5rem}.nba-rankings-page .player-left{width:100%;align-items:center}.nba-rankings-page .player-photo{width:200px;height:200px}.nba-rankings-page .player-name{font-size:1.5rem}.nba-rankings-page .stats-category-title{font-size:1rem}.nba-rankings-page .player-stats{gap:.5rem}.nba-rankings-page .player-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.nba-rankings-page .page-title{font-size:1.8rem}.nba-rankings-page .player-name{font-size:1.3rem}}.secret-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.password-box{background:#1a1a1a;border-radius:12px;padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid #294cad;max-width:400px;width:100%;text-align:center}.password-box h2{color:#ff7300;font-size:2rem;margin-bottom:1rem;font-weight:700}.password-box p{color:#fff;margin-bottom:2rem;font-size:1.1rem;opacity:.9}.password-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.password-input{background:#0a0a0a;border:2px solid #294cad;border-radius:8px;padding:1rem;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s}.password-input:focus{outline:none;border-color:#ff7300}.password-button{background:#ff7300;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.password-button:hover{background:#e65a00}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.back-button{background:transparent;color:#7f8c8d;border:1px solid #7f8c8d;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.back-button:hover{background:#7f8c8d;color:#fff}.lockout-message{background:#e74c3c;color:#fff;padding:1rem;border-radius:6px;text-align:center;margin-bottom:1rem}.lockout-message p{margin:0;font-weight:600}.secret-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #294cad;background:#1a1a1a}.secret-header h1{color:#ff7300;font-size:2.5rem;font-weight:700;margin:0}.logout-button{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s}.logout-button:hover{background:#c0392b}.secret-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.secret-content h2{color:#ff7300;font-size:2rem;margin-bottom:1rem;font-weight:600}.secret-content p{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.secret-section{background:#1a1a1a;border-radius:12px;padding:2rem;border:1px solid #294cad;margin-top:2rem}.secret-section h3{color:#ff7300;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.secret-section ul{color:#fff;font-size:1rem;line-height:1.6;padding-left:1.5rem}.secret-section li{margin-bottom:.5rem;opacity:.9}@media (max-width: 768px){.password-box{padding:2rem;margin:1rem}.password-box h2{font-size:1.5rem}.secret-header{flex-direction:column;gap:1rem;text-align:center}.secret-header h1{font-size:2rem}.secret-content{padding:2rem 1rem}}@font-face{font-family:nPA;src:url(/fonts/nPAv1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.prayer-page{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#0a0a0a;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.prayer-text{font-family:nPA,Courier New,monospace!important;font-size:1.6rem;line-height:2.4;color:#ff7300;margin:0;font-weight:700;letter-spacing:.5px;text-align:center;max-width:1000px}.prayer-page .prayer-text,.prayer-page .prayer-container,.prayer-page .prayer-container *{font-family:nPA,Courier New,monospace!important}@media (max-width: 768px){.prayer-page{padding:3rem 1rem 1rem}.prayer-text{font-size:1.5rem;line-height:2.2;max-width:700px;font-weight:700}}@media (max-width: 480px){.prayer-page{padding:2rem .5rem .5rem}.prayer-text{font-size:1.3rem;line-height:2;max-width:500px;font-weight:700}}.daily-meals-widget{max-width:700px;margin:0;padding:1.5rem;background:#1a1a1a;border-radius:12px;border:1px solid #294cad;box-shadow:0 4px 6px #0000004d;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #294cad}.nutrition-summary-inline{display:flex;gap:1rem;align-items:center}.nutrition-inline-item{display:flex;flex-direction:column;align-items:center;gap:.05rem;background:#0a0a0a;border-radius:6px;padding:.25rem .5rem;border:1px solid #294cad;min-width:50px}.nutrition-inline-label{font-size:.6rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nutrition-inline-value{font-size:.9rem;font-weight:600;color:#ff7300}.widget-header h2{font-size:1.4rem;font-weight:700;color:#ff7300;margin:0}.meal-count{font-size:1.2rem;font-weight:600;color:#fff;background:#294cad;padding:.4rem .8rem;border-radius:8px}.no-meals{background:#0a0a0a;border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid #294cad;text-align:center}.no-meals p{font-size:1rem;color:#fff;margin:0 0 1rem}.add-meal-link{color:#ff7300;text-decoration:none;font-weight:600;padding:.5rem 1rem;background:#1a1a1a;border-radius:4px;display:inline-block;transition:background-color .2s ease}.add-meal-link:hover{background:#294cad}.total-nutrition-summary{background:#0a0a0a;border-radius:8px;padding:.75rem;margin-bottom:.75rem;border-left:4px solid #294cad;display:flex;flex-wrap:wrap;gap:.75rem}.nutrition-item{display:flex;flex-direction:column;align-items:center;min-width:50px}.nutrition-item .value{font-size:1.1rem;font-weight:600;color:#ff7300}.nutrition-item .label{font-size:.8rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nutrition-label{font-size:.7rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nutrition-value{font-size:1rem;font-weight:600;color:#ff7300}.calorie-distribution{background:#0a0a0a;border-radius:8px;padding:.75rem;margin-bottom:.75rem;border-left:4px solid #294cad}.calorie-distribution h4{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .75rem;text-align:center}.distribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.distribution-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:6px;border:2px solid;background:#ffffff0d}.distribution-info{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:.25rem;gap:.5rem}.distribution-label{font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.distribution-range{font-size:.6rem;color:#7f8c8d}.distribution-value{font-size:1rem;font-weight:700;text-align:center}.meals-carousel{position:relative;margin-bottom:1rem;overflow:visible}.meals-container{overflow:hidden}.meals-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;transition:transform .3s ease-in-out;position:relative;width:133.33%}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#294cade6;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.carousel-prev{left:-20px}.carousel-next{right:-20px}.carousel-nav-btn:hover:not(:disabled){background:#ff7300}.carousel-nav-btn:disabled{opacity:0;pointer-events:none}.meal-item{background:#0a0a0a;border-radius:8px;padding:1rem;border-left:4px solid #294cad}.meal-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.meal-name{font-size:1rem;font-weight:600;color:#fff}.meal-type{font-size:.8rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;border-radius:4px;background:#1a1a1a}.meal-nutrition{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:#7f8c8d}.meal-nutrition span{background:#1a1a1a;padding:.2rem .4rem;border-radius:3px}.widget-footer{text-align:center;padding-top:1rem;border-top:1px solid #294cad}.manage-meals-link{color:#ff7300;text-decoration:none;font-weight:600;padding:.5rem 1rem;background:#0a0a0a;border-radius:4px;display:inline-block;transition:background-color .2s ease}.manage-meals-link:hover{background:#294cad}@media (max-width: 768px){.daily-meals-widget{margin:0 1rem 2rem;padding:1.5rem}.widget-header{flex-direction:column;gap:1rem;align-items:flex-start}.nutrition-summary-inline{gap:.75rem}.nutrition-inline-label{font-size:.5rem}.nutrition-inline-value{font-size:.8rem}.widget-header h2{font-size:1.5rem}.meal-count{font-size:1.2rem}.total-nutrition-summary{gap:.5rem}.nutrition-item{min-width:50px}.distribution-grid{grid-template-columns:1fr;gap:.75rem}.distribution-item{padding:.5rem}}.swipeable-widgets{width:100%}.swipeable-widgets-mobile{display:none;padding-top:2rem}.widget-indicators{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;padding:0 1rem}.widget-indicator{padding:.5rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:var(--color-titles)}.widget-indicator:hover{background:var(--color-border-hover);color:#fff}.widget-indicator.active{background:var(--color-titles);color:#fff;border-color:var(--color-titles)}.widget-swipe-container{width:100%;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}.widget-swipe-content{display:flex;width:200%;height:100%}.widget-slide{width:50%;flex-shrink:0;padding:0 1rem;min-width:50%}.widgets-container-desktop{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:2rem auto 0;padding:0 2rem}.widgets-container-desktop>*{max-width:700px;margin:0}@media (max-width: 900px){.swipeable-widgets-mobile{display:block}.widgets-container-desktop{display:none}.widget-indicators{margin-bottom:.5rem}.widget-indicator{padding:.4rem .8rem;font-size:.85rem}.widget-slide{padding:0 .5rem}.widget-slide .current-task-widget,.widget-slide .daily-meals-widget{margin:0;padding:1.5rem}.widget-slide .current-task-header{flex-direction:column;gap:1rem;align-items:flex-start}.widget-slide .current-task-header h3{font-size:1.5rem}.widget-slide .current-time{font-size:1.2rem}.widget-slide .task-activity{font-size:1.1rem}}@media (min-width: 901px){.swipeable-widgets-mobile{display:none}.widgets-container-desktop{display:grid}}.widget-swipe-container:active{cursor:grabbing}@media (max-width: 480px){.widget-indicators{gap:.5rem;margin-bottom:.5rem}.widget-indicator{padding:.3rem .6rem;font-size:.8rem}.widget-slide{padding:0 .25rem}.widget-slide .current-task-widget,.widget-slide .daily-meals-widget{padding:1rem}}.widget-swipe-container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.widget-slide *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.day-overview-tag-display{background:#294cad;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;margin:.1rem;display:inline-block}.day-overview-tag-display.category-work{background:#f39c12!important}.day-overview-tag-display.category-exercise{background:#e74c3c!important}.day-overview-tag-display.category-meals{background:#27ae60!important}.day-overview-tag-display.category-leisure{background:#3498db!important}.day-overview-tag-display.category-chores{background:#9b59b6!important}.day-overview-tag-display.category-sleep{background:#2c3e50!important}.day-overview-tag-display.category-none{background:#95a5a6!important}.daily-description .description-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.register-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background-color:var(--color-bg)}.register-form{background:var(--color-card-bg);padding:2rem;border-radius:8px;border:1px solid var(--color-borders);box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px}.register-form h2{text-align:center;margin-bottom:.5rem;color:var(--color-titles);font-size:1.8rem;font-weight:700}.register-form p{text-align:center;margin-bottom:1.5rem;color:var(--color-text);font-size:.9rem;opacity:.8}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--color-borders);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.875rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-titles);box-shadow:0 0 0 3px #ff73001a}.form-group input::placeholder{color:#666}.submit-button{width:100%;background:var(--color-titles);color:#fff;border:none;border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 8px #e67e224d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#c530301a;color:#ff6b6b;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(197,48,48,.2);font-size:.875rem}.success-message{background:#48bb781a;color:#68d391;padding:.75rem;border-radius:6px;margin-top:1rem;border:1px solid rgba(72,187,120,.2);font-size:.875rem;text-align:center}.login-link{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--color-text);opacity:.8}.login-link a,.login-link-text{color:var(--color-titles);text-decoration:none;transition:color .3s ease}.login-link a:hover,.login-link-text:hover{color:#e67e22;text-decoration:underline}@media (max-width: 480px){.register-container{padding:1rem;min-height:90vh}.register-form{padding:1.5rem;max-width:95vw}.register-form h2{font-size:1.5rem}}@media (max-width: 375px){.register-form{padding:1rem}.form-group input,.submit-button{padding:.6rem}}.login-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background-color:var(--color-bg)}.login-container{background:var(--color-card-bg);padding:2rem;border-radius:8px;border:1px solid var(--color-borders);box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px;text-align:center;position:relative;overflow:visible}.login-header{margin-bottom:1.5rem}.login-header h1{color:var(--color-titles);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--color-text);font-size:.9rem;margin:0;opacity:.8}.login-form{text-align:left;margin-top:2rem}.login-form-group{margin-bottom:1.5rem}.login-form-label{display:block;margin-bottom:.75rem;color:var(--color-text);font-weight:600;font-size:.9rem;text-align:left}.login-form-input{width:100%;padding:1rem;border:2px solid var(--color-borders);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem;transition:all .3s ease;box-sizing:border-box;display:block;min-height:3rem}.login-form-input:focus{outline:none;border-color:var(--color-titles);box-shadow:0 0 0 3px #ff730026;transform:translateY(-1px)}.login-form-input::placeholder{color:#888;opacity:.8}.login-form-submit{width:100%;background:var(--color-titles);color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;min-height:3rem}.login-form-submit:hover:not(:disabled){background:#e67e22;transform:translateY(-2px);box-shadow:0 6px 20px #e67e2266}.login-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#c530301a;color:#ff6b6b;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(197,48,48,.2);font-size:.875rem;text-align:center}.login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-borders)}.login-footer p{color:var(--color-text);font-size:.875rem;margin:0;opacity:.8}.register-link{color:var(--color-titles);text-decoration:none;font-weight:600;transition:color .3s ease}@media (max-width: 480px){.login-page{padding:1rem;min-height:90vh}.login-container{padding:1.5rem;max-width:95vw}.login-header h1{font-size:1.5rem}}@media (max-width: 375px){.login-container{padding:1rem}.login-input,.login-submit-btn{padding:.6rem}}.user-profile-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background-color:#0a0a0a;min-height:100vh}.profile-container{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000004d;border:1px solid #294cad}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e1e5e9}.profile-header h1{font-size:2.5rem;font-weight:700;color:#ff7300;margin:0}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.member-since{font-size:1rem;color:#e1e5e9;font-weight:500;text-align:right}.settings-btn{background:#294cad;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.settings-btn:hover{background:#1e3a8a}.back-btn{background:#294cad;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{background:#1e3a8a}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#2a2a2a;border-radius:8px;padding:1.5rem;border:1px solid #3a3a3a}.profile-section h2{font-size:1.5rem;font-weight:600;color:#ff7300;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1a1a1a;border-radius:6px;border:1px solid #3a3a3a}.info-row .label{font-weight:600;color:#e1e5e9;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.info-row .value{font-weight:500;color:#fff;font-size:1rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{background:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:#219a52;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.lists-panel{display:flex;flex-direction:column;gap:1.5rem}.list-category h3{font-size:1.2rem;font-weight:600;color:#ff7300;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.list-links{display:flex;flex-direction:column;gap:.5rem}.list-link{display:block;padding:.75rem 1rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;color:#e1e5e9;text-decoration:none;font-weight:500;transition:all .2s}.list-link:hover{background:#2a2a2a;border-color:#4a4a4a;color:#fff;transform:translate(4px)}.profile-section p{color:#e1e5e9;line-height:1.6;margin:0;font-size:1rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#e1e5e9}.error-message{text-align:center;padding:3rem}.error-message h2{color:#e74c3c;margin-bottom:1rem}.error-message p{color:#e1e5e9;margin-bottom:2rem}@media (max-width: 768px){.user-profile-page{padding:1rem}.profile-container{padding:1.5rem}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-header h1{font-size:2rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.quick-actions{flex-direction:column}.action-btn{width:100%}}.pronunciation-selector{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-borders);border-radius:6px;min-width:200px}.pronunciation-label{font-weight:600;color:var(--color-text);font-size:13px;margin-bottom:.25rem}.custom-dropdown{position:relative;width:100%}.dropdown-button{width:100%;padding:.5rem;border:1px solid var(--color-borders);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:14px;cursor:pointer;transition:border-color .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.dropdown-button:hover{border-color:var(--color-border-hover)}.dropdown-button:focus{outline:none;border-color:var(--color-border-hover)}.selected-npa{font-family:nPA,Courier New,monospace!important;font-size:16px;font-weight:700}.dropdown-arrow{font-size:12px;transition:transform .2s ease}.dropdown-button:focus .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-borders);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0003;z-index:1000;max-height:200px;overflow-y:auto}.dropdown-option{width:100%;padding:.75rem .5rem;border:none;background:none;color:var(--color-text);font-family:nPA,Courier New,monospace!important;font-size:16px;font-weight:700;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-option:hover{background:var(--color-border-hover)}.dropdown-option.selected{background:var(--color-accent);color:#fff}@media (max-width: 768px){.pronunciation-selector{margin:.5rem 0;padding:.75rem}}.pronunciation-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.pronunciation-editor-modal{background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:8px;max-width:1000px;width:95%;max-height:95vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-borders)}.editor-header h3{margin:0;color:var(--color-titles);font-size:1.2rem}.close-button{background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.close-button:hover{background:var(--color-borders)}.editor-content{padding:.5rem 1rem}.input-section{margin-bottom:1.5rem}.editor-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text)}.npa-input{width:100%;padding:.75rem;border:1px solid var(--color-borders);border-radius:4px;font-size:1.1rem;font-family:nPA,Courier New,monospace;background:var(--color-bg);color:var(--color-text);transition:border-color .2s}.npa-input:focus{outline:none;border-color:var(--color-accent)}.error-message{color:#dc3545;font-size:.9rem;margin-top:.5rem}.output-section{margin-bottom:1.5rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-borders);border-radius:4px}.arpabet-output{font-family:Courier New,monospace;font-size:1.1rem;color:var(--color-accent);font-weight:600}.npa-character-guide{margin-top:1.5rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-borders);border-radius:4px}.npa-character-guide h4{margin:0 0 1rem;color:var(--color-titles);font-size:1rem}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.character-category h5{margin:0 0 .5rem;color:var(--color-titles);font-size:.9rem;font-weight:600}.character-list{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.character-list span{font-family:Courier New,monospace;color:var(--color-text)}.npa-char{font-family:nPA,Courier New,monospace!important;font-size:1.2em;color:var(--color-accent);font-weight:700;margin-right:.25rem}.ipa-char{font-family:Courier New,monospace;font-size:.9em;color:var(--color-titles);font-weight:400;margin-right:.25rem}.editor-footer{display:flex;justify-content:flex-end;gap:1rem;padding:.5rem 1rem}.cancel-button{padding:.5rem 1rem;background:var(--color-borders);color:var(--color-text);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.cancel-button:hover{background:var(--color-border-hover)}.submit-button{padding:.5rem 1rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-borders);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.submit-button:hover:not(:disabled){background:var(--color-card-bg);border-color:var(--color-border-hover)}.submit-button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width: 1200px){.character-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pronunciation-editor-modal{width:95%;max-height:90vh}.character-grid{grid-template-columns:1fr}.editor-footer{flex-direction:column}.cancel-button,.submit-button{width:100%}}@font-face{font-family:nPA;src:url(/fonts/nPAv1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.npa-text{font-family:nPA,Courier New,monospace;font-size:1.1em;line-height:1.4}.phonetic-translator{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-borders);box-shadow:0 4px 6px -1px #0000004d;color:var(--color-text)}.phonetic-translator h2{color:var(--color-titles);font-weight:600;margin-bottom:1rem}.translator-input,.translator-output{width:100%;min-height:120px;padding:1rem;border:1px solid var(--color-borders);border-radius:6px;font-size:16px;line-height:1.5;resize:vertical;transition:border-color .2s ease;background:var(--color-bg);color:var(--color-text)}.translator-input:focus,.translator-output:focus{outline:none;border-color:var(--color-border-hover)}.translator-output{background:var(--color-bg);font-family:Courier New,monospace;font-size:1.1em;line-height:1.4;color:var(--color-text)}.translator-output.npa-text{font-family:nPA,Courier New,monospace;color:var(--color-titles)}.text-preview{width:100%;min-height:60px;padding:1rem;border:1px solid var(--color-borders);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.highlighted-word{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;cursor:pointer;transition:all .2s ease;padding:2px 4px;border-radius:3px}.highlighted-word:hover{background:#ff730033;text-decoration-color:var(--color-border-hover)}.highlighted-word.selected{background:#ff73004d;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;font-weight:700}.highlighted-word.selected:hover{background:#ff730066}.unknown-word{text-decoration:underline;text-decoration-color:#dc3545;text-decoration-thickness:2px;cursor:pointer;transition:all .2s ease;padding:2px 4px;border-radius:3px;color:#dc3545;font-weight:500}.unknown-word:hover{background:#dc354533;text-decoration-color:#c82333}.unknown-word.selected{background:#dc35454d;text-decoration-color:#dc3545;text-decoration-thickness:3px;font-weight:700}.unknown-word.selected:hover{background:#dc354566}.apply-changes{background:var(--color-bg);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;height:fit-content;margin:0}.apply-changes:hover{background:var(--color-titles)!important;color:#000!important;transform:translateY(-1px);box-shadow:0 4px 8px #ffae0033}.apply-changes:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.apply-changes:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.apply-changes-container{display:flex;align-items:center;gap:1rem;margin-top:1rem}.pending-words{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:6px;font-size:14px;height:fit-content;min-height:44px}.pending-label{font-weight:600;color:var(--color-titles)}.pending-list{color:var(--color-titles);font-style:italic}.selected-words-selectors{margin:1rem 0;padding:1rem;background:var(--color-bg);border:1px solid var(--color-accent);border-radius:6px}.selectors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selectors-title{font-size:14px;font-weight:600;color:var(--color-accent)}.close-all-selectors{padding:.25rem .5rem;font-size:12px}.selectors-grid{display:flex;flex-wrap:wrap;gap:1rem}.word-selector-container{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:4px}.remove-word{padding:.25rem .5rem;font-size:14px;font-weight:700;min-width:30px}.translator-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text)}.pronunciation-selector{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.pronunciation-selector select{padding:.25rem .5rem;border:1px solid #ced4da;border-radius:4px;font-size:14px}.translator-status{margin:1rem 0;padding:.75rem;border-radius:4px;font-size:14px;border:1px solid var(--color-borders)}.translator-status.info{background:#ff73001a;color:var(--color-titles);border-color:var(--color-titles)}.translator-status.warning{background:#ffc1071a;color:#ffc107;border-color:#ffc107}.translator-status.error{background:#dc35451a;color:#dc3545;border-color:#dc3545}.translator-status.success{background:#28a7451a;color:#28a745;border-color:#28a745}.translator-progress{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin:1rem 0}.translator-progress-bar{height:100%;background:#007bff;transition:width .3s ease}.unknown-words{margin:1rem 0;padding:1rem;background:var(--color-bg);border-radius:4px;border-left:4px solid var(--color-titles)}.unknown-words h4{margin:0 0 .5rem;color:var(--color-titles);font-size:14px}.unknown-words ul{margin:0;padding-left:1.5rem;font-size:14px;color:var(--color-text)}@media (max-width: 768px){.phonetic-translator{padding:1rem;margin:1rem}.pronunciation-selector{flex-direction:column;align-items:stretch}.pronunciation-selector select{width:100%}}.translator-loading{opacity:.6;pointer-events:none}.translator-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phonetic-alphabet-page{min-height:100vh;background:var(--color-bg);padding:2rem 0}.page-header{text-align:center;margin-bottom:3rem;color:var(--color-text)}.header-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-titles);font-weight:600}.header-content p{font-size:1.2rem;margin-bottom:2rem;color:var(--color-text);opacity:.9}.page-content{margin:0 auto}.page-footer{margin-top:4rem;padding:3rem 2rem;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-borders)}.footer-content{color:var(--color-text)}.footer-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-titles)}.footer-content h4{font-size:1.2rem;margin:1.5rem 0 .5rem;color:var(--color-titles)}.footer-content p{line-height:1.6;margin-bottom:1.5rem;color:var(--color-text)}.footer-content ul{margin:.5rem 0 1.5rem;padding-left:1.5rem;color:var(--color-text)}.footer-content li{margin-bottom:.5rem;line-height:1.4}@font-face{font-family:nPA;src:url(/fonts/nPAv1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-borders: #294cad;--color-border-hover: #ff7300;--color-titles: #ff7300;--color-logo-hover: #ff8c42;--color-text: #ffffff;--color-bg: #0a0a0a;--color-card-bg: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-borders);position:sticky;top:0;z-index:100}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;margin:0;position:relative}.logo{font-size:1.5rem;font-weight:700;color:var(--color-titles);text-decoration:none;transition:color .3s ease;margin-left:0;padding-left:0;display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;width:auto;min-width:fit-content}.logo-icon{width:36px;height:36px;border-radius:4px}.logo:hover{color:var(--color-logo-hover)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;flex:1;justify-content:center;flex-shrink:0}.nav-link{color:var(--color-titles)!important;font-size:1.25rem!important;font-weight:600;position:relative;display:inline-block;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.nav-link{text-decoration:none;color:inherit}.nav-link:after{display:none!important}.header ul,.header li{list-style:none;margin:0;padding:0}.user-account-section{display:flex;align-items:center;gap:1rem;flex-shrink:0;width:auto;min-width:fit-content;justify-content:flex-end}.user-info{display:flex;align-items:center;gap:1rem;color:var(--color-text)}.username{font-weight:600;color:var(--color-titles)}.username-link{text-decoration:none;color:inherit;transition:color .2s ease}.username-link:hover{color:var(--color-titles);text-decoration:underline}.logout-btn{background:#e53e3e;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.logout-btn:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 8px #c530304d}.login-section{position:relative}.login-toggle-btn{background:var(--color-titles);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.login-toggle-btn:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 8px #e67e224d}.login-form{position:absolute;top:100%;right:0;background:var(--color-card-bg);border:1px solid var(--color-borders);border-radius:8px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;min-width:280px;z-index:1000;margin-top:.5rem}.login-form:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-card-bg)}.login-input{width:100%;padding:.75rem;border:1px solid var(--color-borders);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.875rem;margin-bottom:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:var(--color-titles);box-shadow:0 0 0 3px #ff73001a}.login-input::placeholder{color:#666}.login-btn{width:100%;background:var(--color-titles);color:#fff;border:none;border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.login-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 8px #e67e224d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{width:100%;background:transparent;color:var(--color-text);border:1px solid var(--color-borders);border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cancel-btn:hover{background:var(--color-borders);color:#fff}.register-link{display:block;text-align:center;color:var(--color-primary);text-decoration:none;font-size:.8rem;margin-top:.5rem;transition:color .2s ease}.register-link:hover{color:#e67e22;text-decoration:underline}.login-error{background:#fee;color:#c53030;padding:.75rem;border-radius:6px;border:1px solid #feb2b2;margin-top:.5rem;font-size:.875rem;font-weight:500}@media (max-width: 900px){.user-account-section{margin-right:0;margin-left:0}.login-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;margin-top:0;min-width:320px;max-width:90vw}.login-form:before{display:none}.user-info{flex-direction:column;gap:.5rem}.username{font-size:.875rem}.logout-btn{padding:.375rem .75rem;font-size:.75rem}}.sections,.projects{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem;color:var(--color-titles)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.card{background:var(--color-card-bg);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease;border:1px solid var(--color-borders);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.card:hover:before{transform:scaleX(1)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-titles)}.card-description{color:var(--color-text);line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--color-card-bg);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease;border:1px solid var(--color-borders);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border-hover);transform:scaleX(0);transition:transform .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000080;border-color:var(--color-border-hover)}.project-card:hover:before{transform:scaleX(1)}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-titles)}.project-description{color:var(--color-text);line-height:1.6}.project-link{color:var(--color-border-hover);text-decoration:none;font-weight:500;margin-top:1rem;display:inline-block}.orbital-calendar-page{min-height:100vh;background:var(--color-bg);color:var(--color-text)}.orbital-calendar-page .container{max-width:1200px;margin:0 auto;padding:2rem}.orbital-calendar-page h1{color:var(--color-titles);font-size:3rem;font-weight:700;margin-bottom:1rem}.orbital-calendar-page h2{color:var(--color-titles);font-size:2rem;font-weight:600;margin-bottom:1rem}.orbital-calendar-page h3{color:var(--color-titles);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.orbital-calendar-page .bg-white{background:var(--color-card-bg);border:1px solid var(--color-borders)}.orbital-calendar-page .text-gray-900{color:var(--color-text)}.orbital-calendar-page .text-gray-600{color:var(--color-text);opacity:.8}.orbital-calendar-page .text-gray-700{color:var(--color-text);opacity:.9}.orbital-calendar-page .text-gray-800{color:var(--color-text)}.orbital-calendar-page .border-gray-300{border-color:var(--color-borders)}.orbital-calendar-page .bg-gray-50{background:#ffffff0d}.orbital-calendar-page .bg-gray-100{background:#ffffff1a}.orbital-calendar-page .hover\:bg-gray-100:hover{background:#ffffff26}.orbital-calendar-page .focus\:ring-blue-500:focus{box-shadow:0 0 0 3px #3b82f680}.orbital-calendar-page .focus\:outline-none:focus{outline:none}.orbital-calendar-page .shadow-lg{box-shadow:0 10px 15px -3px #0000004d}.orbital-calendar-page .shadow-md{box-shadow:0 4px 6px -1px #0000004d}.orbital-calendar-page .rounded-lg{border-radius:.5rem}.orbital-calendar-page .rounded{border-radius:.25rem}.orbital-calendar-page .p-6{padding:1.5rem}.orbital-calendar-page .p-3{padding:.75rem}.orbital-calendar-page .p-2{padding:.5rem}.orbital-calendar-page .px-3{padding-left:.75rem;padding-right:.75rem}.orbital-calendar-page .py-1{padding-top:.25rem;padding-bottom:.25rem}.orbital-calendar-page .py-2{padding-top:.5rem;padding-bottom:.5rem}.orbital-calendar-page .px-4{padding-left:1rem;padding-right:1rem}.orbital-calendar-page .py-8{padding-top:2rem;padding-bottom:2rem}.orbital-calendar-page .mb-4{margin-bottom:1rem}.orbital-calendar-page .mb-6{margin-bottom:1.5rem}.orbital-calendar-page .mb-8{margin-bottom:2rem}.orbital-calendar-page .mb-12{margin-bottom:3rem}.orbital-calendar-page .mt-2{margin-top:.5rem}.orbital-calendar-page .mt-12{margin-top:3rem}.orbital-calendar-page .gap-2{gap:.5rem}.orbital-calendar-page .gap-4{gap:1rem}.orbital-calendar-page .gap-6{gap:1.5rem}.orbital-calendar-page .gap-8{gap:2rem}.orbital-calendar-page .text-center{text-align:center}.orbital-calendar-page .text-lg{font-size:1.125rem}.orbital-calendar-page .text-xl{font-size:1.25rem}.orbital-calendar-page .text-2xl{font-size:1.5rem}.orbital-calendar-page .text-4xl{font-size:2.25rem}.orbital-calendar-page .text-sm{font-size:.875rem}.orbital-calendar-page .text-xs{font-size:.75rem}.orbital-calendar-page .font-semibold{font-weight:600}.orbital-calendar-page .font-medium{font-weight:500}.orbital-calendar-page .font-bold{font-weight:700}.orbital-calendar-page .space-y-2>*+*{margin-top:.5rem}.orbital-calendar-page .space-y-1>*+*{margin-top:.25rem}.orbital-calendar-page .transition-all{transition:all .3s ease}.orbital-calendar-page .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000004d}.orbital-calendar-page .hover\:bg-opacity-30:hover{background-opacity:.3}.orbital-calendar-page .bg-opacity-20{background-opacity:.2}.orbital-calendar-page .opacity-75{opacity:.75}.orbital-calendar-page .opacity-60{opacity:.6}.orbital-calendar-page .opacity-90{opacity:.9}.orbital-calendar-page .grid{display:grid}.orbital-calendar-page .grid-cols-7{grid-template-columns:repeat(7,1fr)}.orbital-calendar-page .md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.orbital-calendar-page .flex{display:flex}.orbital-calendar-page .flex-wrap{flex-wrap:wrap}.orbital-calendar-page .items-center{align-items:center}.orbital-calendar-page .justify-between{justify-content:space-between}.orbital-calendar-page .border{border-width:1px;border-style:solid}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.section-title{font-size:2rem}.cards-grid,.projects-grid{grid-template-columns:1fr}.card,.project-card{padding:1.5rem}.orbital-calendar-page .grid-cols-7{grid-template-columns:repeat(4,1fr)}.orbital-calendar-page .md\:grid-cols-2{grid-template-columns:1fr}.orbital-calendar-page .flex-wrap{flex-direction:column;align-items:stretch}.orbital-calendar-page .text-4xl{font-size:2rem}.orbital-calendar-page .text-2xl{font-size:1.25rem}.orbital-calendar-page .p-6{padding:1rem}}@media (max-width: 480px){.sections,.projects{padding:2rem 0}.section-title{font-size:1.75rem}.nav{padding:.75rem 1rem;gap:.5rem}.logo{font-size:1.25rem}.logo-icon{width:28px;height:28px}.npa-toggle-container .site-toggle{padding:.4rem .8rem;font-size:12px}.orbital-calendar-page .grid-cols-7{grid-template-columns:repeat(3,1fr)}.orbital-calendar-page .text-4xl{font-size:1.75rem}.orbital-calendar-page .p-6{padding:.75rem}}@media (max-width: 900px){.nav{display:grid;grid-template-columns:auto auto auto auto;grid-template-areas:"toggle brand login npa";align-items:center;gap:.5rem}.nav-brand{grid-area:brand;justify-self:center;width:auto}.nav-toggle{grid-area:toggle;justify-self:start;display:flex}.user-account-section{grid-area:login;justify-self:end;display:flex;align-items:center;width:auto;position:static}.user-account-section .login-toggle-btn{padding:.375rem .75rem;font-size:.75rem}.user-account-section .username{font-size:.875rem;display:none}.user-account-section .logout-btn{padding:.375rem .75rem;font-size:.75rem}.user-account-section .login-form{position:fixed;top:20vh;left:50%;transform:translate(-50%);right:auto;margin-top:0;min-width:320px;max-width:90vw;z-index:1002}.user-account-section .login-form:before{display:none}.npa-toggle-container{grid-area:npa;justify-self:end;margin:0}.npa-toggle-container .site-toggle{width:auto;max-width:none;padding:.5rem 1rem;font-size:14px;position:relative;top:-.5rem;left:-.5rem}.nav-links{display:none;grid-column:1 / -1;grid-area:unset;position:static;transform:none;left:auto;flex:none;justify-content:flex-start;width:100%}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100vw;background:var(--color-card-bg);z-index:1001;box-shadow:0 8px 24px #00000073;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding-bottom:1rem}.nav-link{width:100%;padding:1rem 2rem;border-radius:0;text-align:left}}@media (min-width: 901px){.nav{display:flex;justify-content:space-between;align-items:center}.nav-brand{grid-area:unset;justify-self:unset}.nav-toggle{display:none!important}.npa-toggle-container{grid-area:unset;justify-self:unset;margin-left:2rem}.npa-toggle-container .site-toggle{width:auto;max-width:none;position:relative;left:-.5rem}.nav-links{display:flex!important;flex-direction:row;position:static;width:auto;background:none;box-shadow:none;border-radius:0;padding-bottom:0;grid-column:unset;grid-area:unset}.nav-link{padding:.75rem 1.5rem;border-radius:8px;text-align:center}}html{scroll-behavior:smooth}.nav-link:focus,.card:focus,.project-card:focus{outline:2px solid var(--color-border-hover);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card,.project-card{animation:fadeInUp .6s ease-out}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.dropdown-menu{list-style:none;margin:0;padding:.5rem 0;background:var(--color-card-bg);border-radius:12px;min-width:200px;box-shadow:0 8px 24px #00000073;position:absolute;z-index:1000;white-space:nowrap;border:1px solid var(--color-borders)}.dropdown-menu li{margin:0;padding:0;position:relative}.dropdown-menu li>a{display:block;padding:.75rem 1.5rem;color:var(--color-text);text-decoration:none;border-radius:8px;font-weight:500;background:none;transition:background .2s,color .2s;font-size:1rem}.dropdown-menu li>a:hover,.dropdown-menu li.active>a{background:var(--color-border-hover);color:#fff}.dropdown-menu .dropdown-menu{top:0;left:100%;margin-left:.25rem;box-shadow:0 8px 24px #00000073}.dropdown-container{position:absolute;top:100%;left:0;z-index:1000}.dropdown-menu-mobile{list-style:none;margin:0;padding:.5rem 0;background:var(--color-card-bg);border-radius:12px;min-width:180px;box-shadow:0 8px 24px #00000073;border:1px solid var(--color-borders)}.dropdown-menu-mobile li>a{display:block;padding:.75rem 1.25rem;color:var(--color-text);text-decoration:none;border-radius:8px;font-weight:500;background:none;transition:background .2s,color .2s;font-size:1rem}.dropdown-menu-mobile li>a:hover,.dropdown-menu-mobile li.active>a{background:var(--color-border-hover);color:#fff}.dropdown-menu li>a,.dropdown-menu-mobile li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link,.nav-link>a,.nav-links a{text-decoration:none!important}.nav,.nav-links,.nav-links ul,.nav-links li,.header ul,.header li{list-style:none!important;margin:0!important;padding:0!important}.nav-link:before,.nav-link:after,.nav-links:before,.nav-links:after,.header ul:before,.header ul:after,.header li:before,.header li:after{display:none!important;content:none!important}.nav-toggle{background:none;border:none;outline:none;cursor:pointer;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center}.nav-toggle .hamburger{width:28px;height:3px;background:var(--color-text);border-radius:2px;position:relative;transition:background .3s;display:block}.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";position:absolute;left:0;width:28px;height:3px;background:var(--color-text);border-radius:2px;transition:transform .3s}.nav-toggle .hamburger:before{top:-9px}.nav-toggle .hamburger:after{top:9px}.dropdown-menu.open-left{left:auto!important;right:100%!important}.nav-link>a{color:var(--color-titles)!important;font-size:1.25rem!important;font-weight:600}.nav-link>a:hover,.nav-link.active>a{color:#fff!important}.nav-link:hover>a,.nav-link.active>a{color:#fff!important}.widgets-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:2rem auto 0;padding:0 2rem}.current-task-widget{max-width:700px;margin:0;padding:1.5rem;background:#1a1a1a;border-radius:12px;border:1px solid #294cad;box-shadow:0 4px 6px #0000004d;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.current-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #294cad}.current-task-header h3{font-size:1.4rem;font-weight:700;color:#ff7300;margin:0}.current-time{font-size:1.2rem;font-weight:600;color:#fff;background:#294cad;padding:.4rem .8rem;border-radius:8px}.current-task-info{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.current-day{font-size:1rem;font-weight:600;color:#ff7300;margin:0}.current-date{font-size:1rem;color:#fff;opacity:.9;margin:0}.current-task,.next-task{background:#0a0a0a;border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid #294cad}.current-task{border-left:4px solid #ff7300}.next-task{margin-bottom:0}.task-label{font-size:.9rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.task-time{font-size:1.1rem;font-weight:600;color:#ff7300;margin-bottom:.25rem}.task-activity{font-size:1rem;font-weight:600;color:#fff;line-height:1.3}.daily-description{background:#0a0a0a;border-radius:8px;padding:1rem;margin-top:1rem;margin-bottom:1rem;border-left:4px solid #294cad}.description-label{font-size:.9rem;color:#7f8c8d;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:0;display:inline}.description-display{font-size:.9rem;color:#ff7300;font-weight:700;line-height:1.4;padding:.5rem;background:#1a1a1a;border-radius:4px;min-height:2.5rem;display:inline-flex;align-items:center;margin-left:.5rem}@media (max-width: 768px){.widgets-container{grid-template-columns:1fr;gap:1rem;padding:2rem 1rem 0}.current-task-widget{margin:0;padding:1.5rem}.current-task-header{flex-direction:column;gap:1rem;align-items:flex-start}.current-task-header h3{font-size:1.5rem}.current-time{font-size:1.2rem}.task-activity{font-size:1.1rem}}.npa-toggle-container{display:flex;align-items:center;margin-left:2rem}.npa-toggle-container .site-toggle{background:var(--color-borders);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:14px;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.npa-toggle-container .site-toggle:hover{background:var(--color-border-hover)}.npa-toggle-container .site-toggle[data-npa-mode=true]{background:var(--color-titles)}@media (max-width: 900px){.npa-toggle-container{margin-left:0;margin-top:1rem;justify-content:center}.npa-toggle-container .site-toggle{width:100%;max-width:200px}}.npa-mode,.npa-text{font-family:nPA,Courier New,monospace}.npa-mode *,.npa-mode h1,.npa-mode h2,.npa-mode h3,.npa-mode h4,.npa-mode h5,.npa-mode h6,.npa-mode p,.npa-mode span,.npa-mode div,.npa-mode li,.npa-mode a,.npa-mode button,.npa-mode input,.npa-mode textarea,.npa-mode label,.npa-mode .nav-link,.npa-mode .dropdown-menu,.npa-mode .dropdown-menu *{font-family:nPA,Courier New,monospace!important}.npa-mode .site-toggle,.npa-mode .npa-toggle-container,.npa-mode .npa-toggle-container *,.npa-mode .translator-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.npa-mode *{text-transform:none!important}.dropdown-item-button{border:none;color:inherit;font:inherit;cursor:pointer;padding:.75rem 1.5rem;margin:0;text-decoration:none;display:block;width:100%;text-align:center;border-radius:8px;font-weight:500;background:none;transition:background .2s,color .2s;font-size:1rem}.dropdown-item-button:hover{background:var(--color-border-hover);color:#fff}.nav-link{background:none;border:none;color:inherit;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease;text-align:center;width:auto;padding:.75rem 1.5rem;border-radius:8px;margin:0;box-sizing:border-box}.nav-link:hover,.nav-link.active{background:var(--color-border-hover);color:#fff!important}