:root{--bg: #F6F4EF;--surface: #FFFFFF;--surface-2: #ECE9E2;--border: #DDD9D0;--text: #20212B;--text-muted: #5E6157;--primary: #2D4354;--primary-hover: #233544;--on-primary: #FFFFFF;--primary-subtle: #DCE4EA;--accent: #FED7A5;--on-accent: #7A4D3D;--accent-subtle: #FFF0DC;--accent-strong: #9E6752;--focus: #A9BCCB;--track: #DDD9D0;--status-watching: #2D4354;--status-completed-bg: #DCEEE8;--status-completed: #24584B;--status-planning: #7A4D3D;--status-paused-bg: #E6E8DF;--status-paused: #4B4E44;--status-dropped-bg: #F6DDD5;--status-dropped: #8A3A2A;--cover-1: #C8D5DF;--cover-2: #FED7A5;--cover-3: #C9C8BE;--harbor-50: #EEF2F5;--harbor-100: #DCE4EA;--harbor-200: #C8D5DF;--harbor-300: #A9BCCB;--harbor-400: #7F97A9;--harbor-500: #56718A;--harbor-600: #3E5768;--harbor-700: #2D4354;--harbor-800: #233544;--harbor-900: #1A2834;--harbor-950: #121C25;--ember-50: #FFF8EE;--ember-100: #FFF0DC;--ember-200: #FED7A5;--ember-300: #F6BE86;--ember-400: #D99A72;--ember-500: #BB7E62;--ember-600: #9E6752;--ember-700: #7A4D3D;--stone-0: #FFFFFF;--stone-50: #F6F4EF;--stone-100: #ECE9E2;--stone-200: #DDD9D0;--stone-300: #C9C8BE;--stone-400: #A2A398;--stone-500: #73766A;--stone-600: #5E6157;--stone-700: #44434E;--stone-800: #33343F;--stone-900: #20212B;--plum: #534145;--brand-cream: #FEF0D7;--scrim: rgba(32,33,43,.48);--font-sans: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-raised: 0 1px 2px rgba(32,33,43,.06), 0 4px 12px rgba(32,33,43,.06);--shadow-overlay: 0 8px 32px rgba(32,33,43,.14);--touch-target: 44px;--control-height: 44px;--field-height: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--cover-sm: 40px;--cover-md: 52px;--cover-lg: 120px;--cover-xl: 160px;--content-max: 1200px;--bp-tablet: 600px;--bp-desktop: 1024px;--bp-wide: 1440px;--z-base: 0;--z-sticky: 10;--z-nav: 20;--z-overlay: 40;--z-toast: 50;--opacity-disabled: .7;--ease: cubic-bezier(.22,1,.36,1);--fab-bg: #2D4354;--fab-icon: #FEF0D7;--glass-bg: rgba(255,255,255,.58);--glass-edge: rgba(255,255,255,.85);--glass-line: rgba(45,67,84,.1);--glass-shine: rgba(255,255,255,.75);--glass-active: rgba(45,67,84,.1);--glass-shadow: 0 10px 30px rgba(32,33,43,.16), 0 2px 6px rgba(32,33,43,.08);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #20212B;--surface: #292A35;--surface-2: #33343F;--border: #44434E;--text: #F1EDE6;--text-muted: #ADAA9F;--primary: #A9BCCB;--primary-hover: #C8D5DF;--on-primary: #20212B;--primary-subtle: #303C48;--on-accent: #20212B;--accent-subtle: #534145;--accent-strong: #FED7A5;--focus: #C8D5DF;--track: #44434E;--status-watching: #C8D5DF;--status-completed-bg: #1D3A3A;--status-completed: #86CDB8;--status-planning: #FED7A5;--status-paused-bg: #33372F;--status-paused: #C3C6B6;--status-dropped-bg: #3D2A2A;--status-dropped: #F0A898;--cover-1: #2D4354;--cover-2: #534145;--cover-3: #44434E;--scrim: rgba(0,0,0,.6);--shadow-raised: none;--shadow-overlay: none;--fab-bg: #A9BCCB;--fab-icon: #20212B;--glass-bg: rgba(51,52,63,.55);--glass-edge: rgba(255,255,255,.14);--glass-line: rgba(255,255,255,.08);--glass-shine: rgba(255,255,255,.1);--glass-active: rgba(169,188,203,.18);--glass-shadow: 0 10px 30px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--bg: #20212B;--surface: #292A35;--surface-2: #33343F;--border: #44434E;--text: #F1EDE6;--text-muted: #ADAA9F;--primary: #A9BCCB;--primary-hover: #C8D5DF;--on-primary: #20212B;--primary-subtle: #303C48;--on-accent: #20212B;--accent-subtle: #534145;--accent-strong: #FED7A5;--focus: #C8D5DF;--track: #44434E;--status-watching: #C8D5DF;--status-completed-bg: #1D3A3A;--status-completed: #86CDB8;--status-planning: #FED7A5;--status-paused-bg: #33372F;--status-paused: #C3C6B6;--status-dropped-bg: #3D2A2A;--status-dropped: #F0A898;--cover-1: #2D4354;--cover-2: #534145;--cover-3: #44434E;--scrim: rgba(0,0,0,.6);--shadow-raised: none;--shadow-overlay: none;--fab-bg: #A9BCCB;--fab-icon: #20212B;--glass-bg: rgba(51,52,63,.55);--glass-edge: rgba(255,255,255,.14);--glass-line: rgba(255,255,255,.08);--glass-shine: rgba(255,255,255,.1);--glass-active: rgba(169,188,203,.18);--glass-shadow: 0 10px 30px rgba(0,0,0,.45);color-scheme:dark}.sh-root{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased}.sh-icon{display:inline-block;flex:none;vertical-align:middle}.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s ease}.sh-btn:focus-visible,.sh-iconbtn:focus-visible,.sh-seg-btn:focus-visible,.sh-chip-filter:focus-visible,.sh-toggle input:focus-visible+.sh-toggle-track,.sh-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sh-btn--sm{height:36px;padding:0 14px;font-size:13px}.sh-btn--block{display:flex;width:100%}.sh-btn--primary{background:var(--primary);color:var(--on-primary)}.sh-btn--primary:hover{background:var(--primary-hover)}.sh-btn--secondary{background:var(--primary-subtle);color:var(--text)}.sh-btn--ghost{background:transparent;color:var(--primary);padding:0 16px}.sh-btn--ghost:hover{background:var(--surface-2)}.sh-btn--accent{background:var(--accent);color:var(--on-accent)}.sh-btn--danger{background:transparent;color:var(--status-dropped);border:1px solid var(--border)}.sh-btn:disabled{background:var(--surface-2);color:var(--text-muted);opacity:.7;cursor:not-allowed}.sh-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text);cursor:pointer}.sh-iconbtn--outlined{border:1px solid var(--border);background:var(--surface);color:var(--primary)}.sh-iconbtn--subtle{background:var(--primary-subtle);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:700}.sh-iconbtn--accent{background:var(--accent);color:var(--on-accent)}.sh-iconbtn:hover{background:var(--surface-2)}.sh-iconbtn--subtle:hover{background:var(--primary-subtle);filter:brightness(.97)}.sh-iconbtn--accent:hover{background:var(--accent);filter:brightness(.97)}.sh-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.sh-field-label{font-size:13px;line-height:18px;font-weight:600;color:var(--text)}.sh-field-input{height:48px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:500;box-sizing:border-box;width:100%}.sh-field-input:focus{outline:none;border:2px solid var(--primary);padding:0 13px}.sh-field-input[aria-invalid=true]{border:2px solid var(--status-dropped);padding:0 13px}.sh-field-help{font-size:12px;line-height:16px;font-weight:500;color:var(--text-muted)}.sh-field-help--error{color:var(--status-dropped)}.sh-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);box-sizing:border-box}.sh-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-sans);font-size:15px;color:var(--text)}.sh-search input::placeholder{color:var(--text-muted)}.sh-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.sh-seg{display:flex;padding:4px;border-radius:12px;background:var(--surface-2);gap:4px}.sh-seg-btn{flex:1;height:40px;border:none;border-radius:9px;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer}.sh-seg-btn[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #20212b1f}.sh-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:13px;font-weight:600;white-space:nowrap}.sh-chip-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.sh-chip--watching{background:var(--primary-subtle);color:var(--status-watching)}.sh-chip--completed{background:var(--status-completed-bg);color:var(--status-completed)}.sh-chip--planning{background:var(--accent-subtle);color:var(--status-planning)}.sh-chip--paused{background:var(--status-paused-bg);color:var(--status-paused)}.sh-chip--dropped{background:var(--status-dropped-bg);color:var(--status-dropped)}.sh-chip-filter{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex:none}.sh-chip-filter[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.sh-chip-count{font-variant-numeric:tabular-nums}.sh-score{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.sh-score--sm{height:24px;padding:0 8px;font-size:12px;gap:4px}.sh-score .sh-icon{color:var(--accent-strong)}.sh-score--empty{background:var(--surface-2);color:var(--text-muted)}.sh-score--empty .sh-icon{color:var(--text-muted)}.sh-progress{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.sh-progress-head{display:flex;justify-content:space-between;font-size:13px;font-weight:500}.sh-progress-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.sh-progress-track{height:6px;border-radius:var(--radius-full);background:var(--track);overflow:hidden}.sh-progress-track--thin{height:4px}.sh-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--primary)}.sh-cover{position:relative;flex:none;overflow:hidden;border-radius:var(--radius-md);color:var(--cover-fg,var(--text));display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:700}.sh-cover img{width:100%;height:100%;object-fit:cover;display:block}.sh-cover--1{background:var(--cover-1)}.sh-cover--2{background:var(--cover-2)}.sh-cover--3{background:var(--cover-3)}.sh-cover-ribbon{position:absolute;top:0;right:8px;color:var(--accent)}.sh-row{display:flex;gap:14px;padding:10px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);align-items:center;font-family:var(--font-sans)}.sh-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sh-row-title{font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.sh-row-meta{font-size:12px;line-height:16px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sh-tabbar{display:grid;grid-template-columns:repeat(var(--sh-tabs,4),minmax(0,1fr));padding:10px 4px 26px;background:var(--surface);border-top:1px solid var(--border)}.sh-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;min-height:44px;text-decoration:none;color:var(--text-muted);font-family:var(--font-sans);font-size:11px;font-weight:600;border:none;background:transparent;cursor:pointer}.sh-tab[aria-current=page]{color:var(--primary);font-weight:700}.sh-brand{display:inline-flex;align-items:center;line-height:0}.sh-brand img{display:block}.sh-brand--auto .sh-brand-on-dark{display:none}.sh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px;font-family:var(--font-sans)}.sh-empty-mark{width:64px;height:64px;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent-strong);display:flex;align-items:center;justify-content:center}.sh-empty-title{margin:0;font-size:17px;line-height:22px;font-weight:600;color:var(--text)}.sh-empty-body{margin:0;font-size:15px;line-height:22px;color:var(--text-muted);max-width:320px}.sh-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-family:var(--font-sans);cursor:pointer}.sh-toggle-text{display:flex;flex-direction:column;gap:2px}.sh-toggle-label{font-size:15px;line-height:22px;font-weight:500;color:var(--text)}.sh-toggle-desc{font-size:12px;line-height:16px;font-weight:500;color:var(--text-muted)}.sh-toggle input{position:absolute;opacity:0;width:1px;height:1px}.sh-toggle-track{position:relative;width:48px;height:28px;flex:none;border-radius:var(--radius-full);background:var(--track);transition:background-color .15s ease}.sh-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface);box-shadow:0 1px 2px #20212b33;transition:transform .15s ease}.sh-toggle input:checked+.sh-toggle-track{background:var(--primary)}.sh-toggle input:checked+.sh-toggle-track:after{transform:translate(20px)}.sh-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;font-family:var(--font-sans);color:var(--text)}.sh-card--raised{border-color:transparent;box-shadow:var(--shadow-raised)}.sh-sheet{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:8px 16px 24px;box-shadow:var(--shadow-overlay);font-family:var(--font-sans);color:var(--text)}.sh-sheet-grip{width:36px;height:4px;border-radius:var(--radius-full);background:var(--border);margin:0 auto 12px}.sh-sheet-title{margin:0 0 12px;font-size:17px;line-height:22px;font-weight:600}.sh-stat{display:flex;flex-direction:column;gap:4px;font-family:var(--font-sans)}.sh-stat-value{font-size:28px;line-height:32px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.sh-stat-label{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sh-toast{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 8px 8px 16px;border-radius:var(--radius-md);background:var(--text);color:var(--bg);font-family:var(--font-sans);font-size:14px;font-weight:500;box-shadow:var(--shadow-raised)}.sh-toast-msg{flex:1}.sh-toast-action{height:36px;padding:0 12px;border:none;border-radius:8px;background:transparent;color:var(--accent);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}:root[data-theme=dark] .sh-brand--auto .sh-brand-on-light{display:none}:root[data-theme=dark] .sh-brand--auto .sh-brand-on-dark{display:block}:root[data-theme=dark] .sh-card--raised{border-color:var(--border);box-shadow:none;background:var(--surface-2)}:root[data-theme=dark] .sh-sheet{box-shadow:none;background:var(--surface-2)}:root[data-theme=dark] .sh-toast-action{color:var(--harbor-700)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sh-brand--auto .sh-brand-on-light{display:none}:root:not([data-theme=light]) .sh-brand--auto .sh-brand-on-dark{display:block}:root:not([data-theme=light]) .sh-card--raised{border-color:var(--border);box-shadow:none;background:var(--surface-2)}:root:not([data-theme=light]) .sh-sheet{box-shadow:none;background:var(--surface-2)}:root:not([data-theme=light]) .sh-toast-action{color:var(--harbor-700)}}html{height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{margin:0;height:100%;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent}@media (min-width: 560px){body{background:var(--surface-2)}}#root{height:100%}*,*:before,*:after{box-sizing:border-box}.sh-field-input,.sh-search{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent}img{max-width:100%}.app{position:relative;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow:hidden;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}@media (min-width: 560px){.app{border-inline:1px solid var(--border)}}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar,.hscroll::-webkit-scrollbar{display:none}.hscroll{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.pad{padding-top:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:24px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}h1.display{margin:0;font-size:34px;line-height:40px;font-weight:700;letter-spacing:-.02em}h1.t1{margin:0;font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.01em;text-wrap:balance}h2.t2{margin:0;font-size:20px;line-height:26px;font-weight:600}.over{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.muted{color:var(--text-muted)}.cap{font-size:12px;line-height:16px;color:var(--text-muted)}.lab{font-size:13px;line-height:18px}.body{font-size:15px;line-height:22px}.link{background:none;border:0;padding:8px 0;font:inherit;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link:focus-visible,.tap:focus-visible,.opt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tap{cursor:pointer;text-align:left}.back{display:flex;align-items:center;gap:4px;margin-left:-10px}.list-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.list-box>*+*{border-top:1px solid var(--border)}.opt{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;background:var(--surface);border:0;font:inherit;font-size:15px;font-weight:500;color:var(--text);width:100%;box-sizing:border-box;cursor:pointer;text-align:left}.radio{width:20px;height:20px;border-radius:10px;box-sizing:border-box;flex:none;border:1.5px solid var(--text-muted)}.radio.on{border:6px solid var(--primary)}.err{font-size:12px;line-height:16px;color:var(--status-dropped);font-weight:600}.avatar{width:36px;height:36px;border-radius:18px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text)}.dd{position:relative;z-index:22}.dd-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.dd-btn[aria-expanded=true]{border-color:var(--primary)}.dd-btn:focus-visible,.dd-opt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dd-caret{display:flex;color:var(--text-muted);transition:transform .35s cubic-bezier(.22,1,.36,1)}.dd-caret.up{transform:rotate(180deg)}.dd-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent;border:0;padding:0;cursor:default}.dd-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:21;min-width:190px;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;transform-origin:top right;animation:ddIn .32s cubic-bezier(.22,1,.36,1) both}@keyframes ddIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.dd-opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .25s ease}.dd-opt:hover,.dd-opt:active{background:var(--surface-2)}.dd-opt[aria-selected=true]{color:var(--primary);font-weight:600}@media (prefers-reduced-motion: reduce){.dd-menu{animation:fadeIn .2s ease both}.dd-caret{transition:none}}.navwrap{position:absolute;z-index:30;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;pointer-events:none}.navwrap>*{pointer-events:auto}.navwrap .sh-tabbar{flex:1;min-width:0;padding:6px;gap:2px;border:1px solid var(--glass-edge);border-radius:32px;background:linear-gradient(180deg,var(--glass-shine),transparent 55%),var(--glass-bg);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-shine),inset 0 -1px 0 var(--glass-line)}.navwrap .sh-tab{border-radius:26px;padding:7px 0 6px;min-height:52px;gap:2px;font-size:10.5px;transition:background-color .35s ease,color .35s ease}.navwrap .sh-tab[aria-current=page]{background:var(--glass-active);box-shadow:inset 0 1px 0 var(--glass-shine)}.navwrap .sh-tabbar{--glass-bg: rgba(35,53,68,.82);--glass-edge: rgba(255,255,255,.2);--glass-shine: rgba(255,255,255,.14);--glass-line: rgba(255,255,255,.06);--glass-active: rgba(255,255,255,.16)}.navwrap .sh-tab{color:#fff}.navwrap .sh-tab[aria-current=page]{color:#fed7a5}.fab{flex:none;width:62px;height:62px;border-radius:31px;border:1px solid var(--glass-edge);background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 60%),var(--fab-bg);color:var(--fab-icon);box-shadow:var(--glass-shadow),inset 0 1px #ffffff59;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1)}.fab:active{transform:scale(.94)}.fab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.scroll.has-dock .pad{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.fab,.navwrap .sh-tab{transition:none}}.badge-dot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:5px;background:var(--accent-strong);border:2px solid var(--surface)}.iconlink{position:relative;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.check{width:24px;height:24px;border-radius:12px;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center}.check.done{background:var(--primary);color:var(--on-primary)}.check.now{border:2px solid var(--primary)}.check.todo{border:1.5px solid var(--text-muted)}.hero-band{height:150px;background:var(--cover-1);flex:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.overlay .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:0;padding:0;cursor:pointer}.overlay .sheet-wrap{position:relative;max-height:90%;overflow-y:auto;scrollbar-width:none;animation:rise .48s cubic-bezier(.22,1,.36,1)}.overlay .sheet-wrap::-webkit-scrollbar{display:none}.overlay .sh-sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}@keyframes rise{0%{transform:translateY(48px);opacity:0}to{transform:none;opacity:1}}.toast-wrap{position:absolute;left:16px;right:16px;bottom:calc(104px + env(safe-area-inset-bottom,0px));z-index:50;animation:rise .2s ease-out}.score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.score-btn{height:44px;border-radius:var(--radius-md);font:inherit;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text)}.score-btn[aria-checked=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.stepper{display:flex;align-items:center;gap:12px}.hero-lib{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:24px;color:#fff;background:radial-gradient(70% 80% at 105% -10%,rgba(254,215,165,.3),transparent 60%),linear-gradient(140deg,#20212b,#2d4354);box-shadow:0 10px 28px #20212b38}.hero-over{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fed7a5}.hero-num{font-size:56px;line-height:60px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-sub{font-size:14px;color:#ffffffd1}.caught{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:-6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--status-completed);background:var(--status-completed-bg)}.hero-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.hero-kpi{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);min-width:0}.hero-kpi-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.hero-kpi-num{font-size:26px;line-height:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}.hero-kpi-sub{font-size:12px;line-height:16px;color:#ffffffc7}.hero-meter{display:block;height:4px;border-radius:2px;background:#ffffff2e;overflow:hidden;margin:2px 0 1px}.hero-meter>span{display:block;height:100%;border-radius:2px;background:#fed7a5}.hero-meter.two{background:#a9bccb;display:flex}.hero-meter.two>span{border-radius:2px 0 0 2px;box-shadow:2px 0 #1f3347}.hero-btn{flex:1;min-height:46px;border-radius:23px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1)}.hero-btn.solid{background:#f3f3f7;color:#2d4354;border:0}.hero-btn.ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35)}.hero-btn:active,.quick:active,.tile:active,.rank-row:active{transform:scale(.97)}.hero-btn:focus-visible,.quick:focus-visible,.tile:focus-visible,.rank-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.quick3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:14px;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1)}.quick>svg,.quick>.sh-icon{color:var(--primary)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;text-align:left;min-width:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}button.tile{cursor:pointer}.tile-ic{flex:none;display:flex}.tile-txt{display:flex;flex-direction:column;min-width:0}.tile-num{font-size:24px;line-height:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile-lab{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.seg-pair{display:grid;grid-template-columns:1fr;gap:8px}.rank-list{display:flex;flex-direction:column;margin:0 -6px}.rank-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:6px;border:0;background:none;border-radius:12px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .25s ease}.rank-row:hover{background:var(--bg)}.rank-row>.sh-icon{color:var(--text-muted);flex:none}.rank-n{width:14px;flex:none;text-align:center;font-size:13px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.rank-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delta{flex:none;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;padding:3px 9px;border-radius:999px}.delta.up{color:var(--status-completed);background:var(--status-completed-bg)}.delta.down{color:var(--status-dropped);background:var(--status-dropped-bg)}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:10px}.bar-label{font-size:13px;color:var(--text-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{display:flex;align-items:center;gap:8px;min-width:0}.bar-fill{height:16px;border-radius:2px 4px 4px 2px;background:var(--primary);transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-val{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.bar-fill,.hero-btn,.quick,.tile,.rank-row{transition:none}}.checkbox{width:22px;height:22px;border-radius:6px;box-sizing:border-box;flex:none;border:1.5px solid var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--on-primary);transition:background-color .25s ease,border-color .25s ease}.checkbox.on{background:var(--primary);border-color:var(--primary)}.tab-dot{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:5px;background:#fed7a5;box-shadow:0 0 0 2px #233544}.person-row{display:flex;align-items:center;gap:10px;min-height:60px}.person-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:0;padding:6px 0;font:inherit;color:var(--text);text-align:left;cursor:pointer;border-radius:10px}.person-main:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.act-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.act-item:last-child{border-bottom:0;padding-bottom:2px}.act-item:first-child{padding-top:2px}.react-bar{display:flex;align-items:center}.react-btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .25s ease}.react-btn.on{background:var(--accent-subtle);border-color:transparent;color:var(--text)}.react-btn:active,.react-emoji:active{transform:scale(.94)}.react-pick{display:flex;gap:4px;padding:3px;border-radius:20px;background:var(--bg);border:1px solid var(--border);animation:sheet-fade .3s cubic-bezier(.22,1,.36,1) both}.react-emoji{width:40px;height:34px;border-radius:17px;border:0;background:none;font-size:20px;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s ease}.react-emoji.on{background:var(--accent-subtle)}.react-btn:focus-visible,.react-emoji:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rec-pill{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--accent-subtle);color:var(--accent-strong)}.follow-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer}.fc strong{font-size:22px;line-height:26px;font-weight:800;font-variant-numeric:tabular-nums}.fc:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rec-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--accent-subtle)}@keyframes sheet-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.react-pick{animation:none}.react-btn,.react-emoji,.checkbox{transition:none}}.top-bar{display:flex;align-items:center;gap:10px}.top-bar.end{justify-content:flex-end}.top-bar .sh-search,.top-bar .sh-field{margin:0}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px -6px 2px 0}.iconlink.on-dark{background:#ffffff1a;border-color:#ffffff38;color:#fff}.iconlink.on-dark .badge-dot{border-color:#2a3e4f;background:#fed7a5}.iconlink.plain{border-color:transparent;background:none;margin-left:-10px;width:40px}.dd-btn{height:44px;padding:0 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spread>.sr-only+*{margin-left:auto}.stats2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statcell{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);min-width:0}.statkind{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.statnum{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:28px;line-height:32px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.statunit{font-size:13px;font-weight:600;letter-spacing:0;color:var(--text-muted)}.stepper strong{flex:1;text-align:center;font-size:28px;line-height:32px;font-variant-numeric:tabular-nums}.numtap{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:2px 0;font:inherit;color:var(--text);cursor:text}.numtap .num{font-size:28px;line-height:32px;font-weight:700;font-variant-numeric:tabular-nums;border-bottom:2px dashed var(--border);padding:0 6px}.numtap:hover .num,.numtap:focus-visible .num{border-bottom-color:var(--primary)}.numtap:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:8px}.numinput{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.numinput input{width:100%;max-width:140px;box-sizing:border-box;text-align:center;font:inherit;font-size:28px;line-height:32px;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 8px;border:2px solid var(--primary);border-radius:10px;background:var(--surface);color:var(--text);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.numinput input::-webkit-outer-spin-button,.numinput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numinput input:focus{outline:none;box-shadow:0 0 0 3px var(--accent-subtle)}.genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genre{min-height:52px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:0 14px;font:inherit;font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.cover-card{width:120px;flex:none;display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:0;font:inherit;color:var(--text);cursor:pointer;text-align:left}.bar-row{display:grid;grid-template-columns:76px 1fr 28px;gap:10px;align-items:center}.screen-anim{height:100%;will-change:transform,opacity}.anim-push{animation:pushIn .46s cubic-bezier(.22,1,.36,1) both}.anim-back{animation:backIn .46s cubic-bezier(.22,1,.36,1) both}.anim-tab,.anim-reset{animation:tabIn .42s cubic-bezier(.22,1,.36,1) both}@keyframes pushIn{0%{transform:translate(44px);opacity:0}to{transform:none;opacity:1}}@keyframes backIn{0%{transform:translate(-44px);opacity:0}to{transform:none;opacity:1}}@keyframes tabIn{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.overlay .scrim{animation:fadeIn .38s ease-out both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen-anim .pad>*{animation:settle .55s cubic-bezier(.22,1,.36,1) backwards}.screen-anim .pad>*:has(.dd),.pad>.dd-host{position:relative;z-index:10}.screen-anim .pad>*:nth-child(2){animation-delay:.06s}.screen-anim .pad>*:nth-child(3){animation-delay:.12s}.screen-anim .pad>*:nth-child(4){animation-delay:.18s}.screen-anim .pad>*:nth-child(5){animation-delay:.24s}.screen-anim .pad>*:nth-child(n+6){animation-delay:.3s}@keyframes settle{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sh-btn,.sh-iconbtn,.sh-chip-filter,.sh-seg-btn,.score-btn,.opt,.genre,.cover-card,.tap{transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sh-btn:active,.sh-iconbtn:active,.sh-chip-filter:active,.score-btn:active,.genre:active,.cover-card:active,.tap:active{transform:scale(.97)}.opt:active{background:var(--surface-2)}.sh-progress-fill{transition:width .8s cubic-bezier(.22,1,.36,1)}.sh-chip{transition:background-color .35s ease,color .35s ease}.radio{transition:border-width .28s ease,border-color .28s ease}.app,body{transition:background-color .45s ease,color .45s ease}.sh-brand img{border-radius:14px}.welcome-logo{display:inline-flex}.welcome-logo img{border-radius:32px}.welcome-logo{animation:logoIn 1s cubic-bezier(.22,1,.36,1) .1s both}@keyframes logoIn{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:none;opacity:1}}.badge-dot{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px var(--accent-subtle)}}.toast-wrap{animation:toastIn .42s cubic-bezier(.22,1,.36,1) both}@keyframes toastIn{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.anim-push,.anim-back,.anim-tab,.anim-reset,.screen-anim .pad>*,.welcome-logo,.toast-wrap,.overlay .sheet-wrap{animation:fadeIn .3s ease both;animation-delay:0s!important}.badge-dot{animation:none}.sh-btn:active,.sh-iconbtn:active,.sh-chip-filter:active,.score-btn:active,.genre:active,.cover-card:active,.tap:active,.fab:active{transform:none}.sh-progress-fill{transition:none}}.screen-host{flex:1;min-height:0;display:flex;flex-direction:column}.app-screen{display:flex;flex-direction:column;height:100%}.hero-band{position:relative;overflow:hidden}.hero-band img{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(22px) saturate(120%);opacity:.55}.sh-cover img{max-width:none}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.textarea{min-height:96px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:15px;width:100%;resize:vertical}.textarea:focus{outline:none;border:2px solid var(--primary);padding:11px 13px}.loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.sub-head{margin:8px 0 0;font-size:13px;line-height:18px;font-weight:700;color:var(--text-muted)}.google-wrap{position:relative}.google-wrap .google-real{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.01;overflow:hidden;display:flex;align-items:center;justify-content:center}.google-wrap .google-real>div,.google-wrap .google-real iframe{width:100%!important}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.cover-pick{display:flex;flex-direction:column;gap:6px;padding:0;border:2px solid transparent;border-radius:var(--radius-md);background:none;font:inherit;color:var(--text);cursor:pointer;text-align:left;overflow:hidden}.cover-pick:hover,.cover-pick:focus-visible{border-color:var(--primary);outline:none}.cover-pick:disabled{opacity:.5;cursor:default}.cover-pick .cp-img{aspect-ratio:2 / 3;width:100%;background:var(--surface-2);border-radius:8px;overflow:hidden}.cover-pick .cp-img img{width:100%;height:100%;object-fit:cover;display:block}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}