:root{--color-bg: #fafafa;--color-bg-elevated: #ffffff;--color-bg-subtle: #f0f0f0;--color-text: #1a1a1a;--color-text-muted: #666666;--color-text-subtle: #999999;--color-border: #e0e0e0;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-bg-subtle: #1f1f1f;--color-text: #fafafa;--color-text-muted: #a0a0a0;--color-text-subtle: #666666;--color-border: #2a2a2a;--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clock-card[data-astro-cid-vcrdqpvs]{padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.clock-card[data-astro-cid-vcrdqpvs] .weekday[data-astro-cid-vcrdqpvs]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;font-weight:600;color:#000000d9}@media(prefers-color-scheme:dark){.clock-card[data-astro-cid-vcrdqpvs] .weekday[data-astro-cid-vcrdqpvs]{color:#ffffffe6}}.clock-card[data-astro-cid-vcrdqpvs] .time-row[data-astro-cid-vcrdqpvs]{display:flex;align-items:baseline;gap:6px}.clock-card[data-astro-cid-vcrdqpvs] .time[data-astro-cid-vcrdqpvs]{font-size:45px;font-weight:400;line-height:1;color:#000000d9}.clock-card[data-astro-cid-vcrdqpvs] .period[data-astro-cid-vcrdqpvs]{font-size:15px;font-weight:500;color:#0006}@media(prefers-color-scheme:dark){.clock-card[data-astro-cid-vcrdqpvs] .time[data-astro-cid-vcrdqpvs]{color:#ffffffe6}.clock-card[data-astro-cid-vcrdqpvs] .period[data-astro-cid-vcrdqpvs]{color:#fff6}}.clock-card[data-astro-cid-vcrdqpvs] .date[data-astro-cid-vcrdqpvs]{margin-top:auto;font-size:13px;font-weight:500;color:#00000080}@media(prefers-color-scheme:dark){.clock-card[data-astro-cid-vcrdqpvs] .date[data-astro-cid-vcrdqpvs]{color:#ffffff80}}.calendar-widget{aspect-ratio:1;min-height:180px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;width:100%}.mini-month{grid-column:1 / -1;font-size:10px;font-weight:600;color:#fd3b31;text-align:left;padding-left:4px;padding-bottom:4px}.mini-day-label{font-size:9px;font-weight:600;color:#0006;text-align:center;padding:2px 0}@media(prefers-color-scheme:dark){.mini-day-label{color:#fff6}}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#000c;border-radius:50%;position:relative}@media(prefers-color-scheme:dark){.mini-day{color:#fffc}}.mini-day.other{color:#0003}@media(prefers-color-scheme:dark){.mini-day.other{color:#fff3}}.mini-day.weekend{color:#0006}@media(prefers-color-scheme:dark){.mini-day.weekend{color:#fff6}}.mini-day.past{color:#0000004d}@media(prefers-color-scheme:dark){.mini-day.past{color:#ffffff4d}}.mini-day.today{font-weight:700;color:#fff!important}.mini-day.today:before{content:"";position:absolute;width:18px;height:18px;background:#fd3b31;border-radius:50%;z-index:-1}.weather-card[data-astro-cid-hfukufis]{aspect-ratio:1;min-height:180px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.weather-card[data-astro-cid-hfukufis] .location[data-astro-cid-hfukufis]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;font-weight:600;color:#000000d9}@media(prefers-color-scheme:dark){.weather-card[data-astro-cid-hfukufis] .location[data-astro-cid-hfukufis]{color:#ffffffe6}}.weather-card[data-astro-cid-hfukufis] .temp[data-astro-cid-hfukufis]{font-size:45px;font-weight:400;line-height:1;color:#000000d9}@media(prefers-color-scheme:dark){.weather-card[data-astro-cid-hfukufis] .temp[data-astro-cid-hfukufis]{color:#ffffffe6}}.weather-status[data-astro-cid-hfukufis]{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.weather-icon[data-astro-cid-hfukufis]{width:19px;height:19px;color:#00000080}@media(prefers-color-scheme:dark){.weather-icon[data-astro-cid-hfukufis]{color:#ffffff80}}.weather-card[data-astro-cid-hfukufis] .condition[data-astro-cid-hfukufis]{font-size:13px;font-weight:500;color:#00000080}@media(prefers-color-scheme:dark){.weather-card[data-astro-cid-hfukufis] .condition[data-astro-cid-hfukufis]{color:#ffffff80}}.tasks-card{flex:1;display:flex;flex-direction:column;min-height:0}.tasks-card header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-right:12px}.tasks-header-left{display:flex;flex-direction:column}.tasks-remaining{font-size:32px;font-weight:700;line-height:1}.tasks-title{font-size:15px;font-weight:600;color:#fd3b31}.tasks-card.projects-mode .tasks-title{color:#af52de}@media(prefers-color-scheme:dark){.tasks-card.projects-mode .tasks-title{color:#bf5af2}}.tasks-toggle{margin-left:auto;display:flex;padding:3px;background:var(--color-bg);border:1px solid rgba(0,0,0,.08);border-radius:9999px}@media(prefers-color-scheme:dark){.tasks-toggle{border-color:#ffffff1a}}.toggle-option{padding:6px 12px;font:inherit;font-size:12px;font-weight:500;color:#00000080;background:transparent;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:all .15s ease}.toggle-option:hover{color:#000000b3}.toggle-option.active{color:var(--color-text);background:#fff;border-color:#00000005;box-shadow:0 1px 3px #00000014}@media(prefers-color-scheme:dark){.toggle-option{color:#ffffff80}.toggle-option:hover{color:#ffffffb3}.toggle-option.active{background:#1e1e1eb3;border-color:#ffffff08;box-shadow:none}}.header-actions{display:flex;gap:8px}.add-task-btn,.edit-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s ease}.add-task-btn{background:#007aff}.add-task-btn .icon-delete{display:none}.tasks-card.editing .add-task-btn{background:#ff3b30}.tasks-card.editing .add-task-btn .icon-add{display:none}.tasks-card.editing .add-task-btn .icon-delete{display:block}.edit-toggle{background:#34c759}@media(prefers-color-scheme:dark){.add-task-btn{background:#0a84ff}.tasks-card.editing .add-task-btn{background:#ff453a}.edit-toggle{background:#30d158}}.add-task-btn:hover,.edit-toggle:hover{opacity:.85}.edit-toggle .icon-done,.edit-toggle.active .icon-edit{display:none}.edit-toggle.active .icon-done{display:block}.tasks-scroll{flex:1;overflow-y:auto;min-height:0}.tasks{list-style:none;padding:0 0 12px}.task{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.04)}@media(prefers-color-scheme:dark){.task{border-bottom-color:#ffffff0f}}.task:last-child,.task:has(+.task-group-header){border-bottom:none}.task button.task-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:0;background:none;border:none;cursor:pointer}.task-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);background:transparent;flex-shrink:0;transition:background .15s,border-color .15s}.task-checkbox svg{opacity:0;color:#fff;transition:opacity .15s}.task-toggle:hover .task-checkbox{background:#0000000d}@media(prefers-color-scheme:dark){.task-toggle:hover .task-checkbox{background:#ffffff1a}}.task.completed .task-checkbox{border-color:#007aff;background:#007aff}.task.completed .task-checkbox svg{opacity:1}.tasks-card.projects-mode .task.completed .task-checkbox{border-color:#af52de;background:#af52de}@media(prefers-color-scheme:dark){.task-checkbox{border-color:#ffffff26}.task.completed .task-checkbox{border-color:#0a84ff;background:#0a84ff}.tasks-card.projects-mode .task.completed .task-checkbox{border-color:#bf5af2;background:#bf5af2}}.task-emoji{margin-right:.5em;text-decoration:none;display:inline-block}.task-name{flex:1;padding:12px 0;font-size:14px;font-weight:500;line-height:1.3;color:#000000d9}@media(prefers-color-scheme:dark){.task-name{color:#ffffffe6}}.task.completed .task-name{text-decoration:line-through;opacity:.5}.task.completed .task-category{opacity:.4}.task .streak{padding:3px 10px;font-size:11px;font-weight:500;color:#00000080;background:#0000000d;border-radius:100px;margin-right:8px}@media(prefers-color-scheme:dark){.task .streak{color:#ffffff80;background:#ffffff14}}.tasks-loading,.tasks-error,.tasks-empty{padding:24px 16px;text-align:center;font-size:13px;color:#0006}@media(prefers-color-scheme:dark){.tasks-loading,.tasks-error,.tasks-empty{color:#fff6}}.tasks-error{color:#ff3b30}@media(prefers-color-scheme:dark){.tasks-error{color:#ff453a}}.seed-btn{margin-left:8px;padding:5px 12px;border:none;border-radius:6px;background:#0000000d;color:#000000b3;font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.seed-btn:hover{background:#00000014}@media(prefers-color-scheme:dark){.seed-btn{background:#ffffff14;color:#ffffffb3}.seed-btn:hover{background:#ffffff1f}}.task-group-header{padding:16px 16px 4px;font-size:11px;font-weight:600;color:#0006;text-transform:uppercase;letter-spacing:.03em}@media(prefers-color-scheme:dark){.task-group-header{color:#fff6}}.completion-counter{padding:3px 8px;font-size:11px;font-weight:500;color:#ff9500;background:#ff95001f;border-radius:100px;margin-left:4px}@media(prefers-color-scheme:dark){.completion-counter{color:#ff9f0a;background:#ff9f0a33}}.task-workflow{display:flex;padding-inline:16px}.tasks-card.editing .task-workflow{display:none}.task .workflow-open{display:flex;flex:none;align-items:center;justify-content:center;padding:6px 12px;color:#fff;background:#007aff;border:none;border-radius:9999px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .2s ease}.task:hover .workflow-open,.task .workflow-open:focus{opacity:1}.task:hover .workflow-open:hover{opacity:.85}@media(prefers-color-scheme:dark){.task .workflow-open{background:#0a84ff}}.task-actions{display:none;gap:4px;padding-inline:16px}.tasks-card.editing .task-actions{display:flex}.task .task-edit,.task .task-delete{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;cursor:pointer;border-radius:50%;transition:opacity .2s ease}.task .task-edit{color:#007aff;background:#007aff1f}.task .task-delete{color:#ff3b30;background:#ff3b301f}@media(prefers-color-scheme:dark){.task .task-edit{color:#0a84ff;background:#0a84ff26}.task .task-delete{color:#ff453a;background:#ff453a26}}.task .task-edit:hover,.task .task-delete:hover{opacity:.7}.currently-consuming{position:relative;aspect-ratio:16 / 9;border-radius:22px;overflow:hidden}.hero-carousel{height:100%;cursor:grab;user-select:none;-webkit-user-select:none}.hero-carousel.is-dragging{cursor:grabbing}.hero-carousel.is-dragging .hero-content{pointer-events:none}.hero-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--color-bg-subtle)}.hero-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:4px}.hero-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-item{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.hero-item.active{opacity:1;visibility:visible}.hero-backdrop{position:absolute;inset:0;background:hsl(var(--hue) 30% 25%);overflow:hidden}.hero-backdrop-image{width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#00000080 40%,#0003)}.hero-content{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.hero-title{font-size:1.5rem;font-weight:800;line-height:1;color:#fff;margin:0 0 6px;text-transform:none}.hero-subtitle{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.03em;margin:0}.hero-subtitle-secondary{margin-left:1.5em}.hero-progress{display:flex;align-items:center;gap:12px;margin-top:10px}.hero-progress-bar{width:160px;height:4px;background:#ffffff4d;border-radius:2px}.hero-progress-fill{height:100%;width:var(--progress);background:#fff;border-radius:2px;transition:width .6s ease}.hero-item:not(.active) .hero-progress-fill{width:0}.hero-progress-text{font-size:var(--font-size-xs);color:#ffffffb3}.hero-actions{display:flex;gap:8px}.hero-btn{padding:8px 20px;border:none;border-radius:6px;font:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;background:#fff3;color:#fff;transition:background var(--transition-fast)}.hero-btn:hover{background:#ffffff4d}.hero-btn.primary{background:#fff;color:#2a2822}.hero-btn.primary:hover{background:#e6e6e6}.hero-dots{position:absolute;bottom:24px;right:24px;display:flex;gap:6px;z-index:10}.hero-dot{width:8px;height:8px;padding:0;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all var(--transition-fast)}.hero-dot:hover{background:#fff9}.hero-dot.active{background:#fff;width:20px;border-radius:4px}.hero-update-btn{position:absolute;top:16px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#34c759;color:#fff;cursor:pointer;transition:opacity .2s ease;z-index:10}.hero-update-btn:hover{opacity:.85}@media(prefers-color-scheme:dark){.hero-update-btn{background:#30d158}}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:10}.currently-consuming:hover .hero-nav{opacity:1}.hero-nav:hover{background:#0009}.hero-nav-prev{left:12px}.hero-nav-next{right:12px}.hero-nav.hidden{display:none}.media-browser{display:flex;flex-direction:column;min-height:0}.media-browser header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.media-toggle{display:flex;padding:3px;background:var(--color-bg);border:1px solid rgba(0,0,0,.08);border-radius:9999px}.media-toggle-option{padding:6px 12px;font:inherit;font-size:12px;font-weight:500;color:#00000080;background:transparent;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:all .15s ease}.media-toggle-option:hover:not(.active){color:#000000b3}.media-toggle-option.active{color:var(--color-text);background:#fff;border-color:#00000005;box-shadow:0 1px 3px #00000014}@media(prefers-color-scheme:dark){.media-toggle{border-color:#ffffff0f}.media-toggle-option{color:#ffffff80}.media-toggle-option:hover:not(.active){color:#ffffffb3}.media-toggle-option.active{background:#1e1e1eb3;border-color:#ffffff08}}.add-media-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#007aff;color:#fff;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.add-media-btn:hover{opacity:.85}@media(prefers-color-scheme:dark){.add-media-btn{background:#0a84ff}}.media-panel{display:none;flex:1;padding:16px;overflow-y:auto;min-height:0}.media-panel.active{display:block}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.media-grid.square .media-poster{aspect-ratio:1}.media-card-item{cursor:pointer;min-width:0}.media-card-item:hover .media-poster,.media-card-item:hover .media-poster-wrapper{transform:scale(1.03)}.media-card-item:hover .media-poster-wrapper .media-poster{transform:none}.media-poster{aspect-ratio:2 / 3;background:hsl(var(--hue) 30% 50%);border-radius:8px;margin-bottom:8px;transition:transform var(--transition-fast)}@media(prefers-color-scheme:dark){.media-poster{background:hsl(var(--hue) 25% 30%)}}.media-card-title{display:block;font-size:var(--font-size-sm);font-weight:500;line-height:1.3;color:#38352e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.media-card-title{color:#dddad5}}.media-card-meta{display:block;font-size:var(--font-size-xs);line-height:1.3;color:#8c8473;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}img.media-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;margin-bottom:8px;transition:transform var(--transition-fast)}.media-poster-wrapper{position:relative;margin-bottom:8px;transition:transform var(--transition-fast)}.media-poster-wrapper .media-poster,.media-poster-wrapper img.media-poster{margin-bottom:0}.media-progress-container{position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);border-radius:0 0 8px 8px;display:flex;align-items:flex-end;padding:8px}.media-progress-bar{height:3px;width:100%;background:#ffffff4d;border-radius:2px;overflow:hidden}.media-progress-bar:after{content:"";display:block;height:100%;width:var(--progress, 0%);background:#fff;border-radius:2px}.media-loading,.media-error,.media-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;font-size:14px;color:#00000080}.media-error{color:#ff3b30}@media(prefers-color-scheme:dark){.media-loading,.media-empty{color:#ffffff80}.media-error{color:#ff453a}}.team-panel[data-astro-cid-ffk42h4b]{display:none;grid-template-columns:280px 1fr;gap:16px}.team-panel[data-astro-cid-ffk42h4b].active{display:grid}.team-sidebar[data-astro-cid-ffk42h4b]{display:grid;grid-template-rows:auto 1fr 1fr;gap:16px}.team-info-card[data-astro-cid-ffk42h4b] header[data-astro-cid-ffk42h4b]{flex-direction:column;align-items:flex-start;gap:4px}.team-info-card[data-astro-cid-ffk42h4b] .league[data-astro-cid-ffk42h4b]{font-size:12px;color:#00000080}@media(prefers-color-scheme:dark){.team-info-card[data-astro-cid-ffk42h4b] .league[data-astro-cid-ffk42h4b]{color:#ffffff80}}.team-stats[data-astro-cid-ffk42h4b]{padding:16px 18px}.standing-big[data-astro-cid-ffk42h4b]{font-size:20px;font-weight:600;color:#000000d9}@media(prefers-color-scheme:dark){.standing-big[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.team-stats[data-astro-cid-ffk42h4b] .record[data-astro-cid-ffk42h4b]{font-size:13px;color:#00000080;margin-top:4px}@media(prefers-color-scheme:dark){.team-stats[data-astro-cid-ffk42h4b] .record[data-astro-cid-ffk42h4b]{color:#ffffff80}}.games-card[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column}.games-card[data-astro-cid-ffk42h4b] header[data-astro-cid-ffk42h4b]{padding:12px 16px}.standings-card[data-astro-cid-ffk42h4b]{flex:1;display:flex;flex-direction:column}.standings-table[data-astro-cid-ffk42h4b]{flex:1;padding:0 8px 8px}.standings-row[data-astro-cid-ffk42h4b]{display:flex;justify-content:space-between;padding:6px 12px;font-size:13px;border-radius:6px}.standings-row[data-astro-cid-ffk42h4b].header{font-size:11px;font-weight:500;color:#0006;text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px}@media(prefers-color-scheme:dark){.standings-row[data-astro-cid-ffk42h4b].header{color:#fff6}}.standings-row[data-astro-cid-ffk42h4b].highlight{background:#007aff1a;font-weight:600}@media(prefers-color-scheme:dark){.standings-row[data-astro-cid-ffk42h4b].highlight{background:#0a84ff26}}.team-col[data-astro-cid-ffk42h4b]{color:#000000d9}@media(prefers-color-scheme:dark){.team-col[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.pts-col[data-astro-cid-ffk42h4b]{color:#00000080;font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){.pts-col[data-astro-cid-ffk42h4b]{color:#ffffff80}}.game-list[data-astro-cid-ffk42h4b]{padding:4px 0}.game[data-astro-cid-ffk42h4b]{display:flex;align-items:center;gap:8px;padding:6px 16px}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b]{font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;min-width:28px;text-align:center}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].win{background:#34c75926;color:#34c759}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].loss{background:#ff3b301f;color:#ff3b30}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].draw{background:#ff95001f;color:#ff9500}@media(prefers-color-scheme:dark){.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].win{background:#30d15833;color:#30d158}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].loss{background:#ff453a33;color:#ff453a}.game[data-astro-cid-ffk42h4b] .result[data-astro-cid-ffk42h4b].draw{background:#ff9f0a33;color:#ff9f0a}}.game[data-astro-cid-ffk42h4b] .score[data-astro-cid-ffk42h4b]{font-size:13px;font-weight:500;color:#000000d9;min-width:40px}@media(prefers-color-scheme:dark){.game[data-astro-cid-ffk42h4b] .score[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.game[data-astro-cid-ffk42h4b] .opponent[data-astro-cid-ffk42h4b]{font-size:13px;color:#00000080}@media(prefers-color-scheme:dark){.game[data-astro-cid-ffk42h4b] .opponent[data-astro-cid-ffk42h4b]{color:#ffffff80}}.game[data-astro-cid-ffk42h4b].upcoming{flex-direction:column;align-items:flex-start;gap:2px}.game[data-astro-cid-ffk42h4b].upcoming .date[data-astro-cid-ffk42h4b]{font-size:11px;color:#00000080}@media(prefers-color-scheme:dark){.game[data-astro-cid-ffk42h4b].upcoming .date[data-astro-cid-ffk42h4b]{color:#ffffff80}}.game[data-astro-cid-ffk42h4b].upcoming .opponent[data-astro-cid-ffk42h4b]{font-size:13px;color:#000000d9}@media(prefers-color-scheme:dark){.game[data-astro-cid-ffk42h4b].upcoming .opponent[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.team-content-area[data-astro-cid-ffk42h4b]{display:grid;grid-template-rows:auto 1fr;gap:12px}.top-row[data-astro-cid-ffk42h4b]{display:grid;grid-template-columns:2fr 1fr;gap:12px;min-height:0}.highlights-card[data-astro-cid-ffk42h4b]{flex:1;min-width:0}.highlight-video[data-astro-cid-ffk42h4b]{aspect-ratio:16 / 9;position:relative;border-radius:12px;overflow:hidden;cursor:pointer}.highlight-thumb[data-astro-cid-ffk42h4b]{width:100%;height:100%;background:#0000001a}@media(prefers-color-scheme:dark){.highlight-thumb[data-astro-cid-ffk42h4b]{background:#ffffff1a}}.highlight-overlay[data-astro-cid-ffk42h4b]{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.highlight-title[data-astro-cid-ffk42h4b]{display:block;font-size:14px;font-weight:500}.highlight-meta[data-astro-cid-ffk42h4b]{display:block;font-size:12px;opacity:.7;margin-top:4px}.extra-card[data-astro-cid-ffk42h4b]{min-width:0}.quick-stats[data-astro-cid-ffk42h4b]{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.stat[data-astro-cid-ffk42h4b]{display:flex;justify-content:space-between;align-items:center}.stat-value[data-astro-cid-ffk42h4b]{font-size:18px;font-weight:600;color:#000000d9}@media(prefers-color-scheme:dark){.stat-value[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.stat-label[data-astro-cid-ffk42h4b]{font-size:12px;color:#00000080}@media(prefers-color-scheme:dark){.stat-label[data-astro-cid-ffk42h4b]{color:#ffffff80}}.bottom-row[data-astro-cid-ffk42h4b]{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.youtube-card[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column}.video-grid[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column;gap:4px;padding:8px;flex:1}.video-item[data-astro-cid-ffk42h4b]{display:flex;gap:10px;padding:8px;background:#00000008;border-radius:10px;cursor:pointer;transition:background .2s ease}.video-item[data-astro-cid-ffk42h4b]:hover{background:#0000000f}@media(prefers-color-scheme:dark){.video-item[data-astro-cid-ffk42h4b]{background:#ffffff0d}.video-item[data-astro-cid-ffk42h4b]:hover{background:#ffffff14}}.video-thumb[data-astro-cid-ffk42h4b]{width:80px;height:45px;background:#0000001a;border-radius:6px;flex-shrink:0}@media(prefers-color-scheme:dark){.video-thumb[data-astro-cid-ffk42h4b]{background:#ffffff1a}}.video-info[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column;gap:4px}.video-title[data-astro-cid-ffk42h4b]{font-size:13px;font-weight:500;color:#000000d9;line-height:1.3}@media(prefers-color-scheme:dark){.video-title[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.video-meta[data-astro-cid-ffk42h4b]{font-size:11px;color:#00000080}@media(prefers-color-scheme:dark){.video-meta[data-astro-cid-ffk42h4b]{color:#ffffff80}}.news-podcasts-card[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column}.news-podcasts-card[data-astro-cid-ffk42h4b] header[data-astro-cid-ffk42h4b]{padding:12px 16px}.section-tabs[data-astro-cid-ffk42h4b]{display:flex;gap:4px}.section-tab[data-astro-cid-ffk42h4b]{padding:5px 12px;background:none;border:none;font:inherit;font-size:12px;font-weight:500;color:#00000080;cursor:pointer;border-radius:6px;transition:all .2s ease}@media(prefers-color-scheme:dark){.section-tab[data-astro-cid-ffk42h4b]{color:#ffffff80}}.section-tab[data-astro-cid-ffk42h4b].active{background:#0000000f;color:#000000d9}@media(prefers-color-scheme:dark){.section-tab[data-astro-cid-ffk42h4b].active{background:#ffffff1a;color:#ffffffe6}}.section-content[data-astro-cid-ffk42h4b]{display:none;flex:1;overflow-y:auto}.section-content[data-astro-cid-ffk42h4b].active{display:block}.article-list[data-astro-cid-ffk42h4b]{padding:8px 0}.article-item[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column;gap:2px;padding:10px 16px;cursor:pointer;transition:background .2s ease}.article-item[data-astro-cid-ffk42h4b]:hover{background:#00000008}@media(prefers-color-scheme:dark){.article-item[data-astro-cid-ffk42h4b]:hover{background:#ffffff0d}}.article-title[data-astro-cid-ffk42h4b]{font-size:13px;color:#000000d9;line-height:1.4}@media(prefers-color-scheme:dark){.article-title[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.article-meta[data-astro-cid-ffk42h4b]{font-size:11px;color:#00000080}@media(prefers-color-scheme:dark){.article-meta[data-astro-cid-ffk42h4b]{color:#ffffff80}}.podcast-list[data-astro-cid-ffk42h4b]{padding:4px 8px}.podcast-item[data-astro-cid-ffk42h4b]{display:flex;gap:10px;padding:8px;border-radius:10px;cursor:pointer;transition:background .2s ease}.podcast-item[data-astro-cid-ffk42h4b]:hover{background:#0000000a}@media(prefers-color-scheme:dark){.podcast-item[data-astro-cid-ffk42h4b]:hover{background:#ffffff0f}}.podcast-cover[data-astro-cid-ffk42h4b]{width:36px;height:36px;background:#0000001a;border-radius:8px;flex-shrink:0}@media(prefers-color-scheme:dark){.podcast-cover[data-astro-cid-ffk42h4b]{background:#ffffff1a}}.podcast-info[data-astro-cid-ffk42h4b]{display:flex;flex-direction:column;gap:4px}.podcast-title[data-astro-cid-ffk42h4b]{font-size:13px;color:#000000d9}@media(prefers-color-scheme:dark){.podcast-title[data-astro-cid-ffk42h4b]{color:#ffffffe6}}.podcast-meta[data-astro-cid-ffk42h4b]{font-size:11px;color:#00000080}@media(prefers-color-scheme:dark){.podcast-meta[data-astro-cid-ffk42h4b]{color:#ffffff80}}.add-media-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.add-media-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.modal-container{position:relative;width:90%;max-width:500px;max-height:85vh;background:var(--color-bg, #fff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease}@media(prefers-color-scheme:dark){.modal-container{background:#1c1c1e}}.add-media-modal.open .modal-container{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #666);transition:background .15s ease;z-index:10}.modal-close:hover{background:#0000001a}@media(prefers-color-scheme:dark){.modal-close{background:#ffffff1a}.modal-close:hover{background:#ffffff26}}.modal-close svg{width:16px;height:16px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.modal-header{border-color:#ffffff1a}}.modal-title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.modal-title{color:#fff}}.step-indicator{display:flex;gap:8px}.step-dot{width:8px;height:8px;border-radius:50%;border:none;background:#00000026;cursor:pointer;padding:0;transition:all .2s ease}@media(prefers-color-scheme:dark){.step-dot{background:#fff3}}.step-dot.active{background:var(--color-accent, #007AFF)}.step-dot.current{width:20px;border-radius:4px}.modal-content{flex:1;overflow-y:auto;padding:24px}.modal-step{display:none}.modal-step.active{display:block}.step-label{font-size:14px;color:var(--color-text-muted, #666);margin:0 0 16px}@media(prefers-color-scheme:dark){.step-label{color:#fff9}}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:transparent;cursor:pointer;transition:all .15s ease;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.type-btn{border-color:#ffffff26;color:#fff}}.type-btn:hover{border-color:var(--color-accent, #007AFF);background:#007aff0d}.type-btn svg{width:32px;height:32px;stroke-width:1.5}.type-btn span{font-size:14px;font-weight:500}.search-container{position:relative;margin-bottom:16px}.album-form{display:flex;flex-direction:column;gap:16px}.album-form[hidden]{display:none}.letterboxd-list{display:flex;flex-direction:column;gap:8px}.letterboxd-list[hidden]{display:none}.letterboxd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.letterboxd-header span{font-size:14px;font-weight:600;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.letterboxd-header span{color:#fff9}}.refresh-rss{background:none;border:none;cursor:pointer;font-size:18px;color:var(--color-text-muted, #666);padding:4px 8px;border-radius:4px;transition:background .15s ease}.refresh-rss:hover{background:#0000000d}@media(prefers-color-scheme:dark){.refresh-rss{color:#fff9}.refresh-rss:hover{background:#ffffff1a}}.letterboxd-items{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.letterboxd-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}@media(prefers-color-scheme:dark){.letterboxd-item{border-color:#ffffff1a}}.letterboxd-item:hover{background:#00000008;border-color:var(--color-accent, #007AFF)}@media(prefers-color-scheme:dark){.letterboxd-item:hover{background:#ffffff0d}}.letterboxd-poster{width:48px;height:72px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#0000001a}.letterboxd-poster img{width:100%;height:100%;object-fit:cover}.letterboxd-info{display:flex;flex-direction:column;gap:2px;min-width:0}.letterboxd-title{font-size:14px;font-weight:500;color:var(--color-text, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.letterboxd-title{color:#fff}}.letterboxd-meta{font-size:12px;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.letterboxd-meta{color:#ffffff80}}.letterboxd-rating{color:#ff8000}.letterboxd-loading,.letterboxd-empty,.letterboxd-error{text-align:center;padding:24px;color:var(--color-text-muted, #666);font-size:14px}.letterboxd-error{color:#ff3b30}.search-input{width:100%;padding:12px 16px;border:2px solid rgba(0,0,0,.1);border-radius:10px;font:inherit;font-size:16px;background:transparent;color:var(--color-text, #000);transition:border-color .15s ease}@media(prefers-color-scheme:dark){.search-input{border-color:#ffffff26;color:#fff}}.search-input:focus{outline:none;border-color:var(--color-accent, #007AFF)}.search-loading{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--color-text-muted, #666)}.search-results{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.search-result,.season-result{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}@media(prefers-color-scheme:dark){.search-result,.season-result{border-color:#ffffff1a}}.search-result:hover,.season-result:hover{background:#00000008;border-color:var(--color-accent, #007AFF)}@media(prefers-color-scheme:dark){.search-result:hover,.season-result:hover{background:#ffffff0d}}.season-picker{display:flex;flex-direction:column;gap:8px}.result-poster{width:48px;height:72px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#0000001a}.result-poster img{width:100%;height:100%;object-fit:cover}.result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.result-title{font-size:14px;font-weight:500;color:var(--color-text, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.result-title{color:#fff}}.result-year{font-size:12px;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.result-year{color:#ffffff80}}.search-empty,.search-error{text-align:center;padding:24px;color:var(--color-text-muted, #666);font-size:14px}.field-editor{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:12px;font-weight:600;color:var(--color-text-muted, #666);text-transform:uppercase;letter-spacing:.5px}@media(prefers-color-scheme:dark){.field-group label{color:#ffffff80}}.field-hint{font-weight:400;text-transform:none;font-size:11px;opacity:.7}.multiselect-wrapper{position:relative}.multiselect-wrapper input{width:100%}.multiselect-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--color-bg, #fff);border:1px solid rgba(0,0,0,.15);border-radius:8px;margin-top:4px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto}@media(prefers-color-scheme:dark){.multiselect-dropdown{background:#2c2c2e;border-color:#ffffff26}}.multiselect-option{display:block;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font:inherit;font-size:14px;color:var(--color-text, #000);cursor:pointer;transition:background .1s ease}.multiselect-option:hover{background:#007aff1a}@media(prefers-color-scheme:dark){.multiselect-option{color:#fff}.multiselect-option:hover{background:#0a84ff33}}.multiselect-option:first-child{border-radius:8px 8px 0 0}.multiselect-option:last-child{border-radius:0 0 8px 8px}.multiselect-option:only-child{border-radius:8px}.field-group input,.field-group textarea{padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;background:transparent;color:var(--color-text, #000);transition:border-color .15s ease}@media(prefers-color-scheme:dark){.field-group input,.field-group textarea{border-color:#ffffff26;color:#fff}}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--color-accent, #007AFF)}.field-group textarea{resize:vertical;min-height:80px}.field-group-checkbox{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.checkbox-label{color:#fff}}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;padding:0;accent-color:var(--color-accent, #007AFF);cursor:pointer}.save-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.save-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-accent, #007AFF);border-radius:50%;animation:spin .8s linear infinite}@media(prefers-color-scheme:dark){.save-spinner{border-color:#ffffff1a;border-top-color:var(--color-accent, #007AFF)}}@keyframes spin{to{transform:rotate(360deg)}}.save-message{font-size:14px;color:var(--color-text-muted, #666)}.save-success,.save-error{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.save-success svg{width:48px;height:48px;color:#34c759}.save-success p{font-size:16px;font-weight:500;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.save-success p{color:#fff}}.save-error p{color:#ff3b30;margin-bottom:8px}.modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}@media(prefers-color-scheme:dark){.modal-footer{border-color:#ffffff1a}}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-btn.secondary{background:#0000000d;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.modal-btn.secondary{background:#ffffff1a;color:#fff}}.modal-btn.secondary:hover{background:#0000001a}@media(prefers-color-scheme:dark){.modal-btn.secondary:hover{background:#ffffff26}}.modal-btn.primary{background:var(--color-accent, #007AFF);color:#fff}.modal-btn.primary:hover{background:#06d}.field-group-buttons{display:flex;flex-direction:column;gap:8px}.button-group{display:flex;gap:8px}.btn-option{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--color-text, #000);cursor:pointer;transition:all .15s ease}@media(prefers-color-scheme:dark){.btn-option{border-color:#ffffff26;color:#fff}}.btn-option:hover{background:#0000000d}@media(prefers-color-scheme:dark){.btn-option:hover{background:#ffffff0d}}.btn-option.active{background:var(--color-accent, #007AFF);border-color:var(--color-accent, #007AFF);color:#fff}.btn-option.loved.active{background:#ff2d55;border-color:#ff2d55}.btn-option.trash.active{background:#8e8e93;border-color:#8e8e93}@media(max-width:600px){.modal-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.type-grid{grid-template-columns:1fr}}.add-task-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.add-task-modal.open{opacity:1;visibility:visible}.add-task-modal .modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.add-task-modal .modal-container{position:relative;width:90%;max-width:480px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease}@media(prefers-color-scheme:dark){.add-task-modal .modal-container{background:#1c1c1e}}.add-task-modal.open .modal-container{transform:scale(1) translateY(0)}.add-task-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:background .15s ease;z-index:10}.add-task-modal .modal-close:hover{background:#0000001a}@media(prefers-color-scheme:dark){.add-task-modal .modal-close{background:#ffffff1a;color:#999}.add-task-modal .modal-close:hover{background:#ffffff26}}.add-task-modal .modal-close svg{width:16px;height:16px}.add-task-modal .modal-header{padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.add-task-modal .modal-header{border-color:#ffffff1a}}.add-task-modal .modal-title{font-size:18px;font-weight:600;margin:0;color:#000}@media(prefers-color-scheme:dark){.add-task-modal .modal-title{color:#fff}}.add-task-modal .modal-content{flex:1;overflow-y:auto;padding:20px 24px}.add-task-modal .form-section{margin-bottom:24px}.add-task-modal .form-section:last-child{margin-bottom:0}.add-task-modal .section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin:0 0 12px}@media(prefers-color-scheme:dark){.add-task-modal .section-title{color:#fff6}}.add-task-modal .field-row{display:flex;gap:12px}.add-task-modal .field-emoji{flex:0 0 72px}.add-task-modal .field-name{flex:1}.add-task-modal [hidden]{display:none!important}.add-task-modal .field-group{margin-bottom:16px}.add-task-modal .field-group:last-child{margin-bottom:0}.add-task-modal .field-group label{display:block;font-size:13px;font-weight:500;color:#000000b3;margin-bottom:6px}@media(prefers-color-scheme:dark){.add-task-modal .field-group label{color:#ffffffb3}}.add-task-modal .required{color:#ff3b30}.add-task-modal .optional{font-weight:400;color:#0006}@media(prefers-color-scheme:dark){.add-task-modal .optional{color:#fff6}}.add-task-modal input[type=text],.add-task-modal input[type=url],.add-task-modal input[type=time],.add-task-modal select{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;background:transparent;color:#000;transition:border-color .15s ease}@media(prefers-color-scheme:dark){.add-task-modal input[type=text],.add-task-modal input[type=url],.add-task-modal input[type=time],.add-task-modal select{border-color:#ffffff26;color:#fff}.add-task-modal select option{background:#1c1c1e}}.add-task-modal input:focus,.add-task-modal select:focus{outline:none;border-color:#007aff}.add-task-modal .field-emoji input{text-align:center;font-size:20px}.add-task-modal .toggle-group{display:flex;gap:8px}.add-task-modal .toggle-btn{flex:1;padding:10px 16px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:500;color:#0009;cursor:pointer;transition:all .15s ease}@media(prefers-color-scheme:dark){.add-task-modal .toggle-btn{border-color:#ffffff26;color:#fff9}}.add-task-modal .toggle-btn.active{background:#007aff;border-color:#007aff;color:#fff}.add-task-modal .toggle-btn:hover:not(.active){background:#00000008}@media(prefers-color-scheme:dark){.add-task-modal .toggle-btn:hover:not(.active){background:#ffffff0d}}.add-task-modal .days-picker{display:flex;gap:6px}.add-task-modal .day-checkbox{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer}.add-task-modal .day-checkbox input{position:absolute;opacity:0;pointer-events:none}.add-task-modal .day-checkbox span{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 4px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:12px;font-weight:500;color:#0009;transition:all .15s ease}@media(prefers-color-scheme:dark){.add-task-modal .day-checkbox span{border-color:#ffffff26;color:#fff9}}.add-task-modal .day-checkbox input:checked+span{background:#007aff;border-color:#007aff;color:#fff}.add-task-modal .time-row,.add-task-modal .link-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.add-task-modal .time-row input[type=time]{flex:1}.add-task-modal .link-row input[type=text]{flex:0 0 100px}.add-task-modal .link-row input[type=url]{flex:1}.add-task-modal .remove-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:#ff3b301a;color:#ff3b30;border-radius:8px;cursor:pointer;transition:background .15s ease}.add-task-modal .remove-btn:hover{background:#ff3b3033}.add-task-modal .add-time-btn,.add-task-modal .add-link-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed rgba(0,0,0,.2);border-radius:8px;background:transparent;font:inherit;font-size:13px;color:#00000080;cursor:pointer;transition:all .15s ease}@media(prefers-color-scheme:dark){.add-task-modal .add-time-btn,.add-task-modal .add-link-btn{border-color:#fff3;color:#ffffff80}}.add-task-modal .add-time-btn:hover,.add-task-modal .add-link-btn:hover{border-color:#007aff;color:#007aff}.add-task-modal .modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}@media(prefers-color-scheme:dark){.add-task-modal .modal-footer{border-color:#ffffff1a}}.add-task-modal .modal-btn{padding:10px 20px;border:none;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-task-modal .modal-btn:disabled{opacity:.6;cursor:not-allowed}.add-task-modal .modal-btn.secondary{background:#0000000d;color:#000}@media(prefers-color-scheme:dark){.add-task-modal .modal-btn.secondary{background:#ffffff1a;color:#fff}}.add-task-modal .modal-btn.secondary:hover:not(:disabled){background:#0000001a}@media(prefers-color-scheme:dark){.add-task-modal .modal-btn.secondary:hover:not(:disabled){background:#ffffff26}}.add-task-modal .modal-btn.primary{background:#007aff;color:#fff}.add-task-modal .modal-btn.primary:hover:not(:disabled){background:#06d}@media(max-width:600px){.add-task-modal .modal-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.add-task-modal .days-picker{flex-wrap:wrap}.add-task-modal .day-checkbox{flex:0 0 calc(25% - 6px)}}.add-project-task-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.add-project-task-modal.open{opacity:1;visibility:visible}.add-project-task-modal .modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.add-project-task-modal .modal-container{position:relative;width:90%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-container{background:#1c1c1e}}.add-project-task-modal.open .modal-container{transform:scale(1) translateY(0)}.add-project-task-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:background .15s ease;z-index:10}.add-project-task-modal .modal-close:hover{background:#0000001a}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-close{background:#ffffff1a;color:#999}.add-project-task-modal .modal-close:hover{background:#ffffff26}}.add-project-task-modal .modal-close svg{width:16px;height:16px}.add-project-task-modal .modal-header{padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-header{border-color:#ffffff1a}}.add-project-task-modal .modal-title{font-size:18px;font-weight:600;margin:0;color:#000}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-title{color:#fff}}.add-project-task-modal .modal-content{padding:20px 24px}.add-project-task-modal .field-row{display:flex;gap:12px;margin-bottom:16px}.add-project-task-modal .field-emoji{flex:0 0 72px}.add-project-task-modal .field-name{flex:1}.add-project-task-modal .field-group{margin-bottom:16px}.add-project-task-modal .field-group:last-child{margin-bottom:0}.add-project-task-modal .field-group label{display:block;font-size:13px;font-weight:500;color:#000000b3;margin-bottom:6px}@media(prefers-color-scheme:dark){.add-project-task-modal .field-group label{color:#ffffffb3}}.add-project-task-modal .required{color:#ff3b30}.add-project-task-modal .field-hint{margin:6px 0 0;font-size:12px;color:#0006}@media(prefers-color-scheme:dark){.add-project-task-modal .field-hint{color:#fff6}}.add-project-task-modal input[type=text]{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;background:transparent;color:#000;transition:border-color .15s ease}@media(prefers-color-scheme:dark){.add-project-task-modal input[type=text]{border-color:#ffffff26;color:#fff}}.add-project-task-modal input:focus{outline:none;border-color:#af52de}.add-project-task-modal .field-emoji input{text-align:center;font-size:20px}.add-project-task-modal .project-input-wrapper{position:relative}.add-project-task-modal .modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-footer{border-color:#ffffff1a}}.add-project-task-modal .modal-btn{padding:10px 20px;border:none;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-project-task-modal .modal-btn:disabled{opacity:.6;cursor:not-allowed}.add-project-task-modal .modal-btn.secondary{background:#0000000d;color:#000}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-btn.secondary{background:#ffffff1a;color:#fff}}.add-project-task-modal .modal-btn.secondary:hover:not(:disabled){background:#0000001a}@media(prefers-color-scheme:dark){.add-project-task-modal .modal-btn.secondary:hover:not(:disabled){background:#ffffff26}}.add-project-task-modal .modal-btn.primary{background:#af52de;color:#fff}.add-project-task-modal .modal-btn.primary:hover:not(:disabled){background:#9b3dce}@media(max-width:600px){.add-project-task-modal .modal-container{width:100%;height:100%;max-width:none;border-radius:0}}.progress-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.progress-modal.open{opacity:1;visibility:visible}.progress-modal .modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.progress-modal .modal-container{position:relative;width:90%;max-width:400px;background:var(--color-bg, #fff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease;overflow:hidden}@media(prefers-color-scheme:dark){.progress-modal .modal-container{background:#1c1c1e}}.progress-modal.open .modal-container{transform:scale(1) translateY(0)}.progress-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#fff3;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s ease;z-index:10}.progress-modal .modal-close:hover{background:#ffffff4d}.progress-modal .modal-close svg{width:16px;height:16px}.progress-modal-header{position:relative;padding:24px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);display:flex;align-items:center;gap:16px}.progress-modal-cover{width:64px;height:96px;border-radius:8px;background:#ffffff1a;background-size:cover;background-position:center;flex-shrink:0}.progress-modal-info{min-width:0}.progress-modal-title{font-size:16px;font-weight:700;line-height:1.2;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:normal}.progress-modal-subtitle{font-size:12px;font-weight:500;line-height:1.2;color:#fff9;margin-top:2px}.progress-modal-content{padding:24px}.progress-modal-loading{display:flex;align-items:center;justify-content:center;min-height:150px}.progress-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-accent, #007AFF);border-radius:50%;animation:progress-spin .8s linear infinite}@media(prefers-color-scheme:dark){.progress-spinner{border-color:#ffffff1a;border-top-color:var(--color-accent, #007AFF)}}@keyframes progress-spin{to{transform:rotate(360deg)}}.progress-modal-error{text-align:center;color:#ff3b30;padding:24px}.progress-display{margin-bottom:24px}.progress-bar-container{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:8px}@media(prefers-color-scheme:dark){.progress-bar-container{background:#ffffff1a}}.progress-bar-fill{height:100%;width:var(--progress);background:var(--color-accent, #007AFF);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:var(--color-text-muted, #666);margin:0;text-align:center}@media(prefers-color-scheme:dark){.progress-text{color:#fff9}}.progress-controls{display:flex;gap:12px;margin-bottom:20px}.progress-action-btn{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--color-text, #000);cursor:pointer;transition:all .15s ease}@media(prefers-color-scheme:dark){.progress-action-btn{border-color:#ffffff26;color:#fff}}.progress-action-btn:hover{background:#0000000d}@media(prefers-color-scheme:dark){.progress-action-btn:hover{background:#ffffff0d}}.progress-action-btn.primary{background:var(--color-accent, #007AFF);border-color:var(--color-accent, #007AFF);color:#fff}.progress-action-btn.primary:hover{background:#06d}.progress-manual{display:flex;flex-direction:column;gap:8px}.progress-manual label{font-size:12px;font-weight:600;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.progress-manual label{color:#ffffff80}}.progress-manual input[type=number]{padding:12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;font:inherit;font-size:16px;background:transparent;color:var(--color-text, #000);text-align:center}@media(prefers-color-scheme:dark){.progress-manual input[type=number]{border-color:#ffffff26;color:#fff}}.progress-manual input[type=number]:focus{outline:none;border-color:var(--color-accent, #007AFF)}.progress-manual.comic-input input{width:100%}.progress-slider-container{display:flex;align-items:center;gap:16px}.progress-slider-container input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:#0000001a;border-radius:4px;outline:none}@media(prefers-color-scheme:dark){.progress-slider-container input[type=range]{background:#ffffff1a}}.progress-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent, #007AFF);border-radius:50%;cursor:pointer;transition:transform .15s ease}.progress-slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.progress-slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent, #007AFF);border:none;border-radius:50%;cursor:pointer}.progress-number-input{display:flex;align-items:center;gap:4px}.progress-number-input input{width:60px;padding:8px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;text-align:center;background:transparent;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.progress-number-input input{border-color:#ffffff26;color:#fff}}.progress-number-input input:focus{outline:none;border-color:var(--color-accent, #007AFF)}.progress-number-input span{font-size:14px;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.progress-number-input span{color:#ffffff80}}.progress-modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}@media(prefers-color-scheme:dark){.progress-modal-footer{border-color:#ffffff1a}}.progress-modal .modal-btn{padding:10px 20px;border:none;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.progress-modal .modal-btn:disabled{opacity:.5;cursor:not-allowed}.progress-modal .modal-btn.secondary{background:#0000000d;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.progress-modal .modal-btn.secondary{background:#ffffff1a;color:#fff}}.progress-modal .modal-btn.secondary:hover:not(:disabled){background:#0000001a}@media(prefers-color-scheme:dark){.progress-modal .modal-btn.secondary:hover:not(:disabled){background:#ffffff26}}.progress-modal .modal-btn.primary{background:var(--color-accent, #007AFF);color:#fff}.progress-modal .modal-btn.primary:hover:not(:disabled){background:#06d}.progress-modal .modal-btn.dnf{background:#8e8e93;color:#fff}.progress-modal .modal-btn.dnf:hover:not(:disabled){background:#7c7c80}.progress-modal .modal-btn.finish{background:#34c759;color:#fff}.progress-modal .modal-btn.finish:hover:not(:disabled){background:#2db550}@media(max-width:480px){.progress-modal .modal-container{width:100%;max-width:none;max-height:100%;border-radius:0}.progress-controls{flex-direction:column}}.finish-form{display:flex;flex-direction:column;gap:20px}.finish-field{display:flex;flex-direction:column;gap:8px}.finish-field label{font-size:12px;font-weight:600;color:var(--color-text-muted, #666)}@media(prefers-color-scheme:dark){.finish-field label{color:#ffffff80}}.finish-field input[type=date]{padding:12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;font:inherit;font-size:16px;background:transparent;color:var(--color-text, #000)}@media(prefers-color-scheme:dark){.finish-field input[type=date]{border-color:#ffffff26;color:#fff;color-scheme:dark}}.finish-field input[type=date]:focus{outline:none;border-color:var(--color-accent, #007AFF)}.highlight-options{display:flex;gap:8px}.highlight-btn{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--color-text, #000);cursor:pointer;transition:all .15s ease}@media(prefers-color-scheme:dark){.highlight-btn{border-color:#ffffff26;color:#fff}}.highlight-btn:hover{background:#0000000d}@media(prefers-color-scheme:dark){.highlight-btn:hover{background:#ffffff0d}}.highlight-btn.active{background:var(--color-accent, #007AFF);border-color:var(--color-accent, #007AFF);color:#fff}.highlight-btn.loved.active{background:#ff2d55;border-color:#ff2d55}.star-rating{display:flex;align-items:center;gap:4px}.star-btn{position:relative;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .1s ease}.star-btn:hover{transform:scale(1.1)}.star-btn svg{position:absolute;inset:0;width:100%;height:100%}.star-btn .star-empty{color:#0003}@media(prefers-color-scheme:dark){.star-btn .star-empty{color:#fff3}}.star-btn .star-half,.star-btn .star-full{opacity:0}.star-btn.empty .star-empty{opacity:1}.star-btn.empty .star-half,.star-btn.empty .star-full,.star-btn.half .star-empty{opacity:0}.star-btn.half .star-half{opacity:1}.star-btn.half .star-full,.star-btn.full .star-empty,.star-btn.full .star-half{opacity:0}.star-btn.full .star-full{opacity:1}.rating-value{margin-left:8px;font-size:14px;font-weight:600;color:var(--color-text-muted, #666);min-width:20px}@media(prefers-color-scheme:dark){.rating-value{color:#fff9}}.star-rating.hovering .star-btn .star-empty,.star-rating.hovering .star-btn .star-half,.star-rating.hovering .star-btn .star-full{opacity:0}.star-rating.hovering .star-btn.hover-empty .star-empty{opacity:.5}.star-rating.hovering .star-btn.hover-half .star-half,.star-rating.hovering .star-btn.hover-full .star-full{opacity:.7}.albums-panel{display:none;grid-template-columns:360px 1fr;gap:16px}.albums-panel.active{display:grid}.albums-sidebar,.albums-main{display:flex;flex-direction:column;min-height:0}.queue-section{display:flex;flex-direction:column;flex:1;min-height:0}.queue-header-actions{display:flex;align-items:center;gap:8px}.queue-delete-all-btn{display:none;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:7px;background:#ff3b30;color:#fff;font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.queue-delete-all-btn:hover{background:#e0342d}@media(prefers-color-scheme:dark){.queue-delete-all-btn{background:#ff453a}.queue-delete-all-btn:hover{background:#e03e34}}.queue-section.editing .queue-delete-all-btn{display:inline-flex}.queue-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.queue-loading,.collection-loading{padding:32px 16px;text-align:center;color:#0006;font-size:13px}@media(prefers-color-scheme:dark){.queue-loading,.collection-loading{color:#fff6}}.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#00000080;font-size:14px}.queue-empty-hint{font-size:12px;color:#00000059;margin-top:4px}@media(prefers-color-scheme:dark){.queue-empty{color:#ffffff80}.queue-empty-hint{color:#ffffff59}}.queue-card{display:flex;gap:10px;position:relative}.queue-art{width:80px;height:80px;border-radius:8px;object-fit:cover;display:block;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.queue-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.queue-artist{font-size:12px;font-weight:500;color:#00000080;text-transform:uppercase;letter-spacing:.02em}@media(prefers-color-scheme:dark){.queue-artist{color:#ffffff80}}.queue-name{font-size:15px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.queue-name{color:#fff}}.queue-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.queue-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;padding:4px 8px;border-radius:5px;transition:background .15s ease}.queue-link.apple{color:#fc3c44;background:#fc3c441a}.queue-link.apple:hover{background:#fc3c4433}.queue-link.aoty{color:#007aff;background:#007aff1a}.queue-link.aoty:hover{background:#007aff33}.queue-remove-btn{position:absolute;top:4px;left:4px;width:24px;height:24px;border:none;border-radius:50%;background:#0009;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:2}.queue-remove-btn:hover{background:#ff3b30e6;transform:scale(1.1)}.queue-section.editing .queue-remove-btn{display:flex}.collection-section{display:flex;flex-direction:column;flex:1;min-height:0}.collection-header-actions{display:flex;align-items:center;gap:8px}.edit-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:#0000000d;color:#00000080;cursor:pointer;transition:all .15s ease}.edit-toggle-btn:hover{background:#0000001a;color:#000000b3}.edit-toggle-btn.active{background:#007aff;color:#fff}@media(prefers-color-scheme:dark){.edit-toggle-btn{background:#ffffff14;color:#ffffff80}.edit-toggle-btn:hover{background:#ffffff1f;color:#ffffffb3}.edit-toggle-btn.active{background:#007aff;color:#fff}}.sort-controls{display:flex;gap:2px;background:#0000000d;border-radius:7px;padding:2px}@media(prefers-color-scheme:dark){.sort-controls{background:#ffffff14}}.sort-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:5px;background:transparent;color:#0006;cursor:pointer;transition:all .15s ease}.sort-btn:hover{color:#000000b3;background:#0000000d}.sort-btn.active{background:#fff;color:#000;box-shadow:0 1px 3px #0000001a}@media(prefers-color-scheme:dark){.sort-btn{color:#fff6}.sort-btn:hover{color:#ffffffb3;background:#ffffff0d}.sort-btn.active{background:#ffffff26;color:#fff;box-shadow:none}}.add-album-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:7px;background:#007aff;color:#fff;font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.add-album-btn:hover{background:#06d}.add-album-btn .icon-delete,.add-album-btn .btn-label-delete{display:none}.collection-section.editing .add-album-btn{background:#ff3b30}.collection-section.editing .add-album-btn:hover{background:#e0342d}.collection-section.editing .add-album-btn .icon-add,.collection-section.editing .add-album-btn .btn-label-add{display:none}.collection-section.editing .add-album-btn .icon-delete,.collection-section.editing .add-album-btn .btn-label-delete{display:block}@media(prefers-color-scheme:dark){.collection-section.editing .add-album-btn{background:#ff453a}.collection-section.editing .add-album-btn:hover{background:#e03e34}}.collection-scroll{flex:1;min-height:0;overflow-y:auto}.collection-grid{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.collection-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:#0006;font-size:14px}.collection-empty-icon{margin-bottom:12px;opacity:.3}.collection-empty-hint{font-size:12px;color:#0000004d;margin-top:4px}@media(prefers-color-scheme:dark){.collection-empty{color:#fff6}.collection-empty-hint{color:#ffffff4d}}.grid-album{position:relative;border:none;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#0000000d;transition:transform .15s ease,opacity .15s ease}.grid-album:hover{transform:scale(1.04)}.grid-art{width:100%;aspect-ratio:1;object-fit:cover;display:block}.grid-queue-btn{position:absolute;top:6px;left:6px;width:28px;height:28px;border:none;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,transform .15s ease;z-index:2}.grid-album:hover .grid-queue-btn{opacity:1}.grid-queue-btn:hover{background:#007affe6;transform:scale(1.1)}.grid-queue-btn.queued{opacity:1;background:#22c55ee6}.grid-queue-btn.queued:hover{background:#ff3b30e6}.collection-section.editing .grid-queue-btn{display:none}.grid-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);padding:24px 8px 8px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .15s ease}.grid-album:hover .grid-overlay{opacity:1}.grid-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-artist{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-edit-actions{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:8px;background:#00000080;border-radius:10px;z-index:5}.collection-section.editing .grid-edit-actions{display:flex}.collection-section.editing .grid-album:hover{transform:none}.grid-action-btn{width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease}.grid-action-btn:hover{transform:scale(1.1)}.grid-edit-btn{background:#ffffffe6;color:#333}.grid-edit-btn:hover{background:#fff}.grid-delete-btn{background:#ff3b30e6;color:#fff}.grid-delete-btn:hover{background:#ff3b30}.add-album-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.add-album-modal.open{opacity:1;visibility:visible}.add-album-modal .modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.add-album-modal .modal-container{position:relative;width:90%;max-width:520px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease}@media(prefers-color-scheme:dark){.add-album-modal .modal-container{background:#1c1c1e}}.add-album-modal.open .modal-container{transform:scale(1) translateY(0)}.add-album-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:background .15s ease;z-index:10}.add-album-modal .modal-close:hover{background:#0000001a}@media(prefers-color-scheme:dark){.add-album-modal .modal-close{background:#ffffff1a;color:#999}.add-album-modal .modal-close:hover{background:#ffffff26}}.add-album-modal .modal-close svg{width:16px;height:16px}.add-album-modal .modal-header{padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}@media(prefers-color-scheme:dark){.add-album-modal .modal-header{border-color:#ffffff1a}}.add-album-modal .modal-title{font-size:18px;font-weight:600;margin:0;color:#000}@media(prefers-color-scheme:dark){.add-album-modal .modal-title{color:#fff}}.add-album-modal .modal-content{flex:1;overflow-y:auto;padding:20px 24px}.add-album-modal .form-section{margin-bottom:20px}.add-album-modal .form-section:last-child{margin-bottom:0}.add-album-modal .field-label{display:block;font-size:13px;font-weight:500;color:#000000b3;margin-bottom:6px}@media(prefers-color-scheme:dark){.add-album-modal .field-label{color:#ffffffb3}}.add-album-modal .field-hint{font-size:12px;color:#0006;margin:6px 0 0}@media(prefers-color-scheme:dark){.add-album-modal .field-hint{color:#fff6}}.add-album-modal input[type=url],.add-album-modal input[type=text]{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;background:transparent;color:#000;transition:border-color .15s ease}@media(prefers-color-scheme:dark){.add-album-modal input[type=url],.add-album-modal input[type=text]{border-color:#ffffff26;color:#fff}}.add-album-modal input:focus{outline:none;border-color:#007aff}.add-album-modal .manual-search-section{margin-top:20px}.add-album-modal .section-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.add-album-modal .section-divider:before,.add-album-modal .section-divider:after{content:"";flex:1;height:1px;background:#0000001a}@media(prefers-color-scheme:dark){.add-album-modal .section-divider:before,.add-album-modal .section-divider:after{background:#ffffff1a}}.add-album-modal .section-divider span{font-size:12px;color:#00000059;white-space:nowrap}@media(prefers-color-scheme:dark){.add-album-modal .section-divider span{color:#ffffff59}}.add-album-modal .manual-search-row{display:flex;gap:8px;align-items:flex-end}.add-album-modal .manual-search-field{flex:1;min-width:0}.add-album-modal .manual-search-btn{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:transparent;color:#00000080;cursor:pointer;transition:all .15s ease}.add-album-modal .manual-search-btn:hover{background:#0000000d;color:#007aff;border-color:#007aff}@media(prefers-color-scheme:dark){.add-album-modal .manual-search-btn{border-color:#ffffff26;color:#ffffff80}.add-album-modal .manual-search-btn:hover{background:#ffffff14;color:#007aff;border-color:#007aff}}.add-album-modal .album-results{display:flex;flex-direction:column;gap:4px;margin-top:20px;max-height:320px;overflow-y:auto}.add-album-modal .album-result{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:none;cursor:pointer;font:inherit;text-align:left;color:inherit;transition:background .15s ease,border-color .15s ease}.add-album-modal .album-result:hover{background:#0000000a}.add-album-modal .album-result.selected{background:#007aff14;border-color:#007aff4d}@media(prefers-color-scheme:dark){.add-album-modal .album-result:hover{background:#ffffff0f}.add-album-modal .album-result.selected{background:#007aff26;border-color:#007aff66}}.add-album-modal .album-result-art{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.add-album-modal .album-result-info{display:flex;flex-direction:column;gap:1px;min-width:0}.add-album-modal .album-result-name{font-size:14px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.add-album-modal .album-result-name{color:#fff}}.add-album-modal .album-result-artist{font-size:13px;color:#0009}@media(prefers-color-scheme:dark){.add-album-modal .album-result-artist{color:#fff9}}.add-album-modal .album-result-meta{font-size:12px;color:#0006}@media(prefers-color-scheme:dark){.add-album-modal .album-result-meta{color:#fff6}}.add-album-modal .lookup-loading{display:flex;align-items:center;gap:10px;padding:16px;margin-top:20px;font-size:13px;color:#00000080}@media(prefers-color-scheme:dark){.add-album-modal .lookup-loading{color:#ffffff80}}.add-album-modal .spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#007aff;border-radius:50%;animation:album-spin .6s linear infinite}@media(prefers-color-scheme:dark){.add-album-modal .spinner{border-color:#ffffff1a;border-top-color:#007aff}}@keyframes album-spin{to{transform:rotate(360deg)}}.add-album-modal .edit-preview{display:flex;align-items:center;gap:14px;margin-bottom:20px}.add-album-modal .edit-preview-art{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px #0000001f}.add-album-modal .edit-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0}.add-album-modal .edit-preview-name{font-size:16px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-color-scheme:dark){.add-album-modal .edit-preview-name{color:#fff}}.add-album-modal .edit-preview-artist{font-size:14px;color:#0009}@media(prefers-color-scheme:dark){.add-album-modal .edit-preview-artist{color:#fff9}}.add-album-modal .edit-preview-meta{font-size:12px;color:#0006;margin-top:2px}@media(prefers-color-scheme:dark){.add-album-modal .edit-preview-meta{color:#fff6}}.add-album-modal .edit-fields{display:flex;flex-direction:column;gap:16px}.add-album-modal input[type=number]{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font:inherit;font-size:14px;background:transparent;color:#000;transition:border-color .15s ease}@media(prefers-color-scheme:dark){.add-album-modal input[type=number]{border-color:#ffffff26;color:#fff}}.add-album-modal .modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:12px}@media(prefers-color-scheme:dark){.add-album-modal .modal-footer{border-color:#ffffff1a}}.add-album-modal .modal-btn{padding:10px 20px;border:none;border-radius:8px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-album-modal .modal-btn:disabled{opacity:.6;cursor:not-allowed}.add-album-modal .modal-btn.secondary{background:#0000000d;color:#000}@media(prefers-color-scheme:dark){.add-album-modal .modal-btn.secondary{background:#ffffff1a;color:#fff}}.add-album-modal .modal-btn.secondary:hover:not(:disabled){background:#0000001a}@media(prefers-color-scheme:dark){.add-album-modal .modal-btn.secondary:hover:not(:disabled){background:#ffffff26}}.add-album-modal .modal-btn.primary{background:#007aff;color:#fff}.add-album-modal .modal-btn.primary:hover:not(:disabled){background:#06d}.add-album-modal .modal-error{padding:10px 24px;font-size:13px;color:#ff3b30;background:#ff3b3014;text-align:center}.add-album-modal .hidden{display:none!important}.dashboard{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);overflow:hidden}@media(prefers-color-scheme:dark){.dashboard{background:linear-gradient(180deg,#1c1c1e,#000)}}.tabs{display:flex;justify-content:center;gap:6px;padding:12px 24px;border-bottom:none}.tab{padding:8px 18px;border:none;background:none;font:inherit;font-size:13px;font-weight:500;color:#00000080;cursor:pointer;border-radius:8px;transition:all .2s ease}@media(prefers-color-scheme:dark){.tab{color:#ffffff80}}.tab:hover{color:#000000b3;background:#0000000a}@media(prefers-color-scheme:dark){.tab:hover{color:#ffffffb3;background:#ffffff0f}}.tab.active{color:#000000d9;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000f}.tab-icon,.tab-logo{padding:6px 10px}.tab-icon svg{display:block;opacity:.5;transition:opacity .2s ease}.tab-icon:hover svg,.tab-icon.active svg{opacity:1}.tab-logo img{height:24px;width:auto;display:block;opacity:.6;transition:opacity .2s ease}.tab-logo:hover img,.tab-logo.active img{opacity:1}@media(prefers-color-scheme:dark){.tab.active{color:#ffffffe6;background:#ffffff1a;box-shadow:0 1px 2px #0003,0 2px 8px #0000004d}}.panel{position:absolute;inset:auto 0 0;flex:1;padding:0 24px 24px;min-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translate(100%);transition:transform .35s ease,opacity .35s ease}.panel.active{position:relative;display:grid;opacity:1;pointer-events:auto;transform:translate(0)}.panel.slide-out-left{transform:translate(-100%)}.panel.slide-out-right{transform:translate(100%)}section{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f;min-height:0;overflow:hidden}@media(prefers-color-scheme:dark){section{background:#1e1e1eb3;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px #0003,0 4px 12px #0000004d}}section header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;border-bottom:1px solid rgba(0,0,0,.06)}@media(prefers-color-scheme:dark){section header{border-bottom-color:#ffffff0f}}h2{font-size:13px;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.02em}@media(prefers-color-scheme:dark){h2{color:#ffffff80}}.new-design-panel{display:none;grid-template-columns:1fr 1fr;gap:16px}.new-design-panel.active{display:grid}.new-design-left,.new-design-center{display:grid;grid-template-rows:auto 1fr;gap:16px;min-height:0}.clock-weather-row{display:grid;grid-template-columns:1fr auto auto;gap:16px}.widget-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:16px}.widget-row>*{min-height:0}.new-design-center .currently-consuming{aspect-ratio:16 / 9}.new-design-center .media-browser{display:flex;flex-direction:column;overflow:hidden}.new-design-center .media-browser header{flex-shrink:0}.new-design-center .media-panel{flex:1;min-height:0;padding:16px;overflow-y:auto}.new-design-center .media-panel.active{display:block}