:root,[data-theme=dark]{color-scheme:dark;--bg-canvas: #000000;--bg-panel: #121212;--bg-raised: #1f1f1f;--bg-hover: #2a2a2a;--bg-overlay: #282828;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #999999;--text-disabled: #6f6f6f;--accent: #19e3a1;--accent-hover: #4df0b9;--accent-press: #14c78c;--on-accent: #04150e;--accent-text: #19e3a1;--border-subtle: #ffffff1f;--border-strong: #8f8f8f;--focus-ring: #ffffff;--progress-track: #6f6f6f;--danger: #ff7a7a;--warning: #ffc247;--info: #7ab8ff;--cover-coral: #ff6f59;--cover-sun: #ffc247;--cover-sky: #5ec8ff;--cover-iris: #9a8cff;--shadow-menu: 0 16px 24px #00000080, 0 6px 8px #00000040;--shadow-play: 0 8px 8px #0000004d}[data-theme=light]{color-scheme:light;--bg-canvas: #ffffff;--bg-panel: #ffffff;--bg-raised: #f3f6f5;--bg-hover: #e8eeec;--bg-overlay: #ffffff;--text-primary: #101412;--text-secondary: #4f5753;--text-muted: #5a635e;--text-disabled: #7d8782;--accent: #19e3a1;--accent-hover: #4df0b9;--accent-press: #14c78c;--on-accent: #04150e;--accent-text: #006b49;--border-subtle: #0000001f;--border-strong: #66706b;--focus-ring: #101412;--progress-track: #76807b;--danger: #b3202a;--warning: #7a5200;--info: #0b5cad;--cover-coral: #ff6f59;--cover-sun: #ffc247;--cover-sky: #5ec8ff;--cover-iris: #9a8cff;--shadow-menu: 0 12px 24px #00000029, 0 4px 8px #00000014;--shadow-play: 0 8px 12px #0000002e}:root{--font-sans: "Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--type-display-size: 72px;--type-display-line: 72px;--type-display-weight: 800;--type-display-tracking: -.04em;--type-headline-size: 40px;--type-headline-line: 48px;--type-headline-weight: 800;--type-headline-tracking: -.02em;--type-title-size: 24px;--type-title-line: 32px;--type-title-weight: 700;--type-subtitle-size: 16px;--type-subtitle-line: 24px;--type-subtitle-weight: 700;--type-body-size: 16px;--type-body-line: 24px;--type-body-weight: 400;--type-body-sm-size: 14px;--type-body-sm-line: 20px;--type-body-sm-weight: 400;--type-label-size: 14px;--type-label-line: 20px;--type-label-weight: 700;--type-caption-size: 12px;--type-caption-line: 16px;--type-caption-weight: 400;--type-time-size: 12px;--type-time-line: 16px;--type-time-weight: 400;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--radius-circle: 50%;--size-control-sm: 32px;--size-control-md: 48px;--size-control-lg: 56px;--size-thumb: 48px;--size-player: 72px;--size-sidebar: 232px}.hss-surface{background:var(--bg-panel);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:24px}.hss-surface *{box-sizing:border-box}.hss-icon{width:16px;height:16px;fill:currentColor;flex:none}.hss-icon-24{width:24px;height:24px}:where(.hss-btn,.hss-chip,.hss-iconbtn,.hss-card,.hss-row,.hss-libitem,.hss-menu-item):focus-visible,.hss-search:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.hss-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--size-control-md);padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);font:700 14px/20px var(--font-sans);cursor:pointer;transition:transform .15s ease,background-color .15s ease;white-space:nowrap}.hss-btn:hover{transform:scale(1.04)}.hss-btn:active{transform:scale(1)}.hss-btn-sm{height:var(--size-control-sm);padding:0 var(--space-4)}.hss-btn-primary{background:var(--accent);color:var(--on-accent)}.hss-btn-primary:hover{background:var(--accent-hover)}.hss-btn-primary:active{background:var(--accent-press)}.hss-btn-inverse{background:var(--text-primary);color:var(--bg-panel)}.hss-btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.hss-btn-secondary:hover{border-color:var(--text-primary)}.hss-btn-tertiary{background:transparent;color:var(--text-secondary);padding:0 var(--space-4)}.hss-btn-tertiary:hover{color:var(--text-primary);transform:scale(1.04)}.hss-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.hss-iconbtn{display:inline-grid;place-items:center;width:var(--size-control-md);height:var(--size-control-md);border:0;border-radius:var(--radius-circle);background:var(--bg-raised);color:var(--text-primary);cursor:pointer}.hss-iconbtn:hover{background:var(--bg-hover);transform:scale(1.06)}.hss-iconbtn-ghost{background:transparent;color:var(--text-secondary);width:var(--size-control-sm);height:var(--size-control-sm)}.hss-iconbtn-ghost:hover{background:transparent;color:var(--text-primary)}.hss-iconbtn-play{background:var(--accent);color:var(--on-accent);width:var(--size-control-lg);height:var(--size-control-lg);box-shadow:var(--shadow-play)}.hss-iconbtn-play:hover{background:var(--accent-hover);transform:scale(1.06)}.hss-chip{display:inline-flex;align-items:center;height:var(--size-control-sm);padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--text-primary);font:400 14px/20px var(--font-sans);cursor:pointer;transition:background-color .15s ease}.hss-chip:hover{background:var(--bg-hover)}.hss-chip[aria-pressed=true]{background:var(--text-primary);color:var(--bg-panel)}.hss-search{display:flex;align-items:center;gap:var(--space-3);height:var(--size-control-md);padding:0 var(--space-3) 0 var(--space-4);border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--text-secondary);border:2px solid transparent;transition:background-color .15s ease}.hss-search:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.hss-search:focus-within{border-color:var(--focus-ring);outline:0}.hss-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:400 16px/24px var(--font-sans)}.hss-search input::placeholder{color:var(--text-secondary)}.hss-card{position:relative;display:block;padding:var(--space-3);border-radius:var(--radius-md);background:transparent;transition:background-color .25s ease;cursor:pointer;color:inherit;text-decoration:none}.hss-card:hover,.hss-card:focus-within{background:var(--bg-raised)}.hss-card-cover{position:relative;aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-hover);overflow:hidden;margin-bottom:var(--space-3)}.hss-card-cover.is-artist{border-radius:var(--radius-circle)}.hss-card-play{position:absolute;right:var(--space-2);bottom:var(--space-2);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.hss-card:hover .hss-card-play,.hss-card:focus-within .hss-card-play{opacity:1;transform:translateY(0)}.hss-card-title{font:700 16px/24px var(--font-sans);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-card-sub{font:400 14px/20px var(--font-sans);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--space-1)}.hss-row{display:grid;grid-template-columns:24px minmax(0,4fr) minmax(0,2fr) 56px;align-items:center;gap:var(--space-4);height:56px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:default}.hss-row:hover{background:var(--bg-hover)}.hss-row-index{font:400 16px/24px var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.hss-row-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hss-row-thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-hover);flex:none}.hss-row-title{font:700 16px/24px var(--font-sans);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-row-artist{font:400 14px/20px var(--font-sans);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-row.is-playing .hss-row-title,.hss-row.is-playing .hss-row-index{color:var(--accent-text)}.hss-row-album{font:400 14px/20px var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-row-time{font:400 12px/16px var(--font-mono);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.hss-libitem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.hss-libitem:hover{background:var(--bg-raised)}.hss-libitem[aria-current=true]{background:var(--bg-hover)}.hss-libitem-thumb{width:var(--size-thumb);height:var(--size-thumb);border-radius:var(--radius-sm);background:var(--bg-hover);flex:none;display:grid;place-items:center;color:var(--on-accent)}.hss-libitem-thumb.is-artist{border-radius:var(--radius-circle)}.hss-libitem-title{font:400 16px/24px var(--font-sans);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-libitem[aria-current=true] .hss-libitem-title{color:var(--accent-text)}.hss-libitem-sub{font:400 14px/20px var(--font-sans);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hss-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:var(--space-4);height:var(--size-player);padding:0 var(--space-4);background:var(--bg-canvas);color:var(--text-secondary);font-family:var(--font-sans)}.hss-player *{box-sizing:border-box}.hss-player-now{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hss-player-cover{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--bg-hover);flex:none}.hss-player-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hss-player-controls{display:flex;align-items:center;gap:var(--space-4)}.hss-player-scrub{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:560px;font:400 12px/16px var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums}.hss-bar{position:relative;flex:1;height:4px;border-radius:var(--radius-pill);background:var(--progress-track)}.hss-bar>span{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--text-primary)}.hss-bar:hover>span{background:var(--accent)}.hss-player-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.hss-player-right .hss-bar{flex:none;width:96px}.hss-menu{display:inline-block;min-width:220px;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--bg-overlay);box-shadow:var(--shadow-menu);font-family:var(--font-sans)}.hss-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;height:40px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:400 14px/20px var(--font-sans);text-align:left;cursor:pointer}.hss-menu-item:hover{background:var(--bg-hover)}.hss-menu-item.is-danger{color:var(--danger)}.hss-menu-sep{height:1px;margin:var(--space-1) var(--space-3);background:var(--border-subtle)}.hss-menu-item .hss-icon{color:var(--text-secondary)}.hss-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-3);margin-bottom:var(--space-2)}.hss-shelf-title{margin:0;font:700 24px/32px var(--font-sans);color:var(--text-primary)}.hss-shelf-more{font:700 14px/20px var(--font-sans);color:var(--text-secondary);background:none;border:0;cursor:pointer;padding:0}.hss-shelf-more:hover{color:var(--text-primary);text-decoration:underline}.hss-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.hss-panel{background:var(--bg-panel);border-radius:var(--radius-lg)}[data-theme=light] .hss-panel{border-radius:0;border-inline-end:1px solid var(--border-subtle)}[data-theme=light] .hss-player{border-top:1px solid var(--border-subtle)}[data-theme=light] .hss-card:hover,[data-theme=light] .hss-card:focus-within{background:var(--bg-raised)}.hss-mood-row{display:flex;gap:var(--space-5);flex-wrap:wrap}.hss-mood{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);width:96px;border:0;background:none;padding:0;color:var(--text-primary);font:400 14px/20px var(--font-sans);cursor:pointer}.hss-mood-disc{display:grid;place-items:center;width:96px;height:96px;border-radius:var(--radius-circle);background:var(--bg-raised);color:var(--accent-text);transition:background-color .15s ease,transform .15s ease}.hss-mood-disc svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hss-mood:hover .hss-mood-disc{background:var(--bg-hover);transform:scale(1.04)}.hss-mood[aria-pressed=true] .hss-mood-disc{background:var(--accent);color:var(--on-accent)}.hss-mood:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-lg)}@media(prefers-reduced-motion:reduce){.hss-btn,.hss-card,.hss-card-play,.hss-chip,.hss-search,.hss-mood-disc{transition:none}.hss-btn:hover,.hss-iconbtn:hover,.hss-mood:hover .hss-mood-disc{transform:none}}*{box-sizing:border-box}html{min-width:320px}body.hss-surface{margin:0;min-width:320px;min-height:100vh;background:var(--bg-canvas)}button,textarea,input{font:inherit}button{cursor:pointer}textarea:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{color:var(--on-accent);background:var(--accent)}.shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:clamp(var(--space-4),3vw,var(--space-7))}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-4)}.masthead-heading{display:flex;align-items:center;gap:var(--space-3)}.masthead-title{margin:0;font:800 40px/48px var(--font-sans);letter-spacing:-.02em;color:var(--text-primary)}.masthead-note{max-width:34ch;margin:0;color:var(--text-secondary);font:400 14px/20px var(--font-sans);text-align:right}.connectivity-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--text-secondary);font:400 12px/16px var(--font-sans)}.connectivity-glyph{display:inline-flex}.connectivity-glyph-icon{width:16px;height:16px}.connectivity-indicator[data-online=true]{color:var(--accent-text)}.connectivity-indicator[data-online=false]{color:var(--danger)}.update-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:0 auto var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font:400 14px/20px var(--font-sans)}.update-notice-action{flex:none;border:0;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);background:var(--accent);color:var(--on-accent);font:700 14px/20px var(--font-sans)}.update-notice-action:hover{background:var(--accent-hover)}.update-notice-action:active{background:var(--accent-press)}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);gap:var(--space-2);padding-top:var(--space-6)}.desk{min-width:0;padding:clamp(var(--space-5),4vw,var(--space-8))}.desk-title{margin:0 0 var(--space-2);font:700 24px/32px var(--font-sans);color:var(--text-primary)}.desk-intro{max-width:64ch;margin:0 0 var(--space-6);color:var(--text-secondary);font:400 16px/24px var(--font-sans)}.study-form{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field-label{color:var(--text-secondary);font:400 14px/20px var(--font-sans)}.field-input{width:100%;color:var(--text-primary);background:var(--bg-raised);border:0;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:400 16px/24px var(--font-sans)}.field-input:hover{background:var(--bg-hover)}.field-input::placeholder{color:var(--text-secondary)}textarea.field-input{min-height:14rem;resize:vertical}.form-actions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-1)}.status-line{min-height:1.5rem;margin:0;color:var(--text-secondary);font:400 14px/20px var(--font-sans)}.status-line[data-kind=error]{color:var(--danger)}.status-line[data-kind=success]{color:var(--accent-text)}.status-line[data-kind=progress]{color:var(--info)}.now-playing{display:none;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.now-playing.is-visible{display:block}.now-playing-label{display:block;color:var(--text-muted);font:400 12px/16px var(--font-sans)}.now-playing-title{margin:var(--space-1) 0 var(--space-3);font:700 16px/24px var(--font-sans);color:var(--text-primary)}.player-frame{background:var(--bg-raised);border-radius:var(--radius-md);padding:var(--space-4)}.player-frame audio{display:block;width:100%}.reading-frame{margin-top:var(--space-4);max-height:20rem;overflow-y:auto;display:grid;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-raised)}.reading-chunk{display:grid;gap:var(--space-2)}.reading-sentence{display:block;width:100%;text-align:left;color:var(--text-primary);background:transparent;border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font:400 16px/24px var(--font-sans)}.reading-sentence:hover{background:var(--bg-hover)}.reading-sentence[aria-current=true]{font-weight:700;background:var(--bg-hover)}.reading-unavailable{margin:0;color:var(--text-secondary);font:400 14px/20px var(--font-sans)}.archive{min-width:0;padding:clamp(var(--space-5),4vw,var(--space-8))}.archive-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.archive-title{margin:0;font:700 24px/32px var(--font-sans);color:var(--text-primary)}.archive-count{color:var(--text-muted);font:400 12px/16px var(--font-mono);font-variant-numeric:tabular-nums}.library-state{padding:var(--space-6) 0;color:var(--text-secondary);font:400 16px/24px var(--font-sans)}.library-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.study-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.study-row:last-child{border-bottom:0}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}[data-remove-warning]{margin:0 var(--space-4) var(--space-3);color:var(--danger);font:400 14px/20px var(--font-sans)}.study-details{margin:0 var(--space-4) var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--bg-raised)}.study-details h4{margin:0 0 var(--space-3);font:700 16px/24px var(--font-sans);color:var(--text-primary)}.study-details dl{display:grid;gap:var(--space-2);margin:0}.study-details dl div{display:grid;grid-template-columns:minmax(5rem,.4fr) 1fr;gap:var(--space-4)}.study-details dt{color:var(--text-muted);font:400 12px/16px var(--font-sans)}.study-details dd{margin:0;color:var(--text-secondary);font:400 12px/16px var(--font-mono);font-variant-numeric:tabular-nums}@media(max-width:820px){.shell{padding:var(--space-4)}.masthead{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.masthead-note{text-align:left}.workspace{grid-template-columns:1fr}.desk,.archive{padding:var(--space-5)}textarea.field-input{min-height:11rem}.reading-frame{max-height:14rem}}