.app-shell-listen .app-header{display:none}.app-shell-listen .app-main{padding:18px 20px calc(115px + env(safe-area-inset-bottom))}.listen-library,.listen-detail{min-width:0;max-width:520px;margin:auto}.listen-library :is(h1,h2,h3),.listen-detail :is(h1,h2),.listen-top>span{color:var(--foreground);font-family:Cormorant Garamond,serif;font-weight:500}.listen-top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.listen-top>a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--primary);font-size:var(--text-body);display:flex}.listen-top>span{font-size:27px}.listen-top>button,.listen-save>button{width:44px;height:44px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.listen-heading{margin:18px 0 16px}.listen-heading h1{letter-spacing:-.8px;max-width:15ch;margin:0;font-size:clamp(34px,9vw,44px);line-height:1.02}.listen-heading>p{font-size:var(--text-body);color:var(--muted-foreground);margin:9px 0 0;line-height:1.5}.listen-tabs{border-bottom:1px solid var(--border);gap:6px;margin:16px 0;display:flex}.listen-tabs>button{min-height:46px;font-size:var(--text-body);color:var(--muted-foreground);border-bottom:2px solid #0000;flex:1}.listen-tabs>button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.listen-art{aspect-ratio:1;border-radius:var(--radius-panel);background:var(--secondary);display:block;overflow:hidden}.listen-art img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.listen-feature{border-radius:var(--radius-panel);color:#fff;position:relative;overflow:hidden}.listen-feature-main{display:block;position:relative}.listen-feature .listen-art{aspect-ratio:1.7;border-radius:0}.listen-feature-main>div{background:linear-gradient(#0000,#140c0cd9);padding:40px 74px 16px 16px;position:absolute;inset:auto 0 0}.listen-feature h2{color:#fff;margin:4px 0;font-size:clamp(24px,6.7vw,32px);line-height:1.04}.listen-kicker{font-size:var(--text-caption);letter-spacing:1.5px;text-transform:uppercase;margin:0}.listen-meta{font-size:var(--text-small);color:var(--muted-foreground);margin:5px 0 0;line-height:1.5}.listen-feature .listen-meta{color:#f4ede1;margin:5px 0 0}.listen-disc,.listen-read-disc{width:52px;height:52px;color:var(--primary-foreground);background:var(--primary);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.listen-disc>svg{width:21px;height:21px}.listen-disc:disabled{opacity:.5;cursor:default}.listen-feature>.listen-disc{color:#892c43;background:#fff;position:absolute;bottom:16px;right:16px}.listen-collections{margin-top:22px}.listen-collections>h2,.listen-list>h2{margin:0 0 10px;font-size:30px;line-height:1.05}.listen-collections>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;display:grid}.listen-collections button{text-align:left;min-width:0}.listen-collections h3{margin:7px 0 2px;font-size:24px;line-height:1.05}.listen-collections p{font-size:var(--text-small);color:var(--muted-foreground);margin:0}.listen-list{margin-top:var(--space-5)}.listen-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;display:flex}.listen-row-main{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.listen-row .listen-art{border-radius:var(--radius-tight);flex-shrink:0;width:58px}.listen-row-main>span{min-width:0}.listen-row h3{margin:0;font-size:22px;line-height:1.08}.listen-row .listen-disc{background:var(--secondary);width:44px;height:44px;color:var(--primary)}.listen-row small{font-size:var(--text-caption);color:var(--muted-foreground);display:block}.listen-save{display:block;position:relative}.listen-save>small{max-width:160px;font-size:var(--text-caption);display:block}.listen-status{font-size:var(--text-body);color:var(--muted-foreground);padding:24px 0;line-height:1.5}.listen-status :is(button,a){min-height:44px;color:var(--primary);text-decoration:underline}.listen-empty{padding-bottom:var(--space-5)}.listen-empty .listen-art{aspect-ratio:1.7;opacity:.85}.listen-empty h2{margin:18px 0 8px;font-size:28px}.listen-empty p{color:var(--muted-foreground)}.listen-collection-back,.listen-back{min-height:44px;color:var(--primary);align-items:center;gap:9px;display:flex}.listen-preview{font-size:var(--text-caption);background:var(--secondary);border-radius:var(--radius-tight);gap:3px;margin:10px 0;padding:9px 12px;line-height:1.5;display:grid}.listen-preview a{color:var(--primary);text-decoration:underline}.listen-preview-label{font-size:var(--text-caption);color:var(--muted-foreground);margin-top:10px;display:block}.listen-owner-link{min-height:44px;font-size:var(--text-caption);color:var(--muted-foreground);align-items:center;text-decoration:underline;display:inline-flex}.today-listen>.listen-art{aspect-ratio:1.45;border-radius:var(--radius-panel);margin-inline:-8px}.today-listen .today-feature-caption{grid-template-columns:minmax(0,1fr) auto}.today-listen .today-feature-caption h2{font-size:clamp(25px,6.7vw,34px);line-height:1.02}.listen-home-links{justify-content:space-between;gap:var(--space-3);margin-top:6px;display:flex}.listen-home-links a{min-height:44px;font-size:var(--text-small);color:var(--primary);text-underline-offset:5px;align-items:center;gap:7px;text-decoration:underline;display:flex}.listen-home-entry{min-height:48px;margin-bottom:var(--space-5);border-bottom:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;display:flex}.listen-detail>.listen-art{aspect-ratio:1.3;margin-top:var(--space-4)}.listen-detail-title{gap:var(--space-3);margin-top:var(--space-5);align-items:center;display:flex}.listen-detail-title>div{flex:1}.listen-detail h1{margin:0;font-size:38px;line-height:1.05}.listen-summary{font-size:var(--text-body);color:var(--muted-foreground);line-height:1.65}.listen-detail-audio{font-size:var(--text-body);color:var(--primary);align-items:center;gap:13px;margin:20px 0;display:flex}.listen-prose{font-size:18px;line-height:1.85}.listen-prose p{white-space:pre-line;margin:0 0 1.4em}.listen-mini{z-index:35;bottom:calc(78px + env(safe-area-inset-bottom));align-items:center;gap:var(--space-1);border-radius:var(--radius-panel);background:var(--primary);min-height:74px;color:var(--primary-foreground);padding:9px 8px 9px 10px;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 4px 20px #0002}.listen-mini-info{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.listen-mini-info img{object-fit:cover;border-radius:var(--radius-tight);flex-shrink:0;width:48px;height:48px}.listen-mini-info>span{flex:1;min-width:0}.listen-mini-info strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Cormorant Garamond,serif;font-size:21px;font-weight:500;line-height:1.05;display:-webkit-box;overflow:hidden}.listen-mini-info small{font-size:var(--text-caption);opacity:.9;line-height:1.6;display:block}.listen-mini-info progress{accent-color:currentColor;appearance:none;width:100%;height:3px;margin-top:3px;display:block}.listen-mini-info progress::-webkit-progress-bar{border-radius:var(--radius-tight);background:#ffffff40}.listen-mini-info progress::-webkit-progress-value{border-radius:var(--radius-tight);background:currentColor}.listen-mini-play,.listen-mini-close{flex-shrink:0;place-items:center;width:44px;min-height:44px;display:grid}.listen-mini-play{border:1px solid;border-radius:50%}.listen-mini-close{width:44px}.listen-mini-error{padding:var(--space-3);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font-size:var(--text-small);border:1px solid var(--border);margin:0;position:absolute;bottom:100%;left:0;right:0}.app-shell-listening .app-main{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.listen-player-sheet{max-width:600px;max-height:92dvh;padding:24px 24px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin-inline:auto;overflow-y:auto}.listen-player-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-panel);width:min(56vw,250px);margin:16px auto;display:block}.listen-player-sheet input[type=range]{width:100%;min-height:44px;accent-color:var(--primary);display:block}.listen-time{font-size:var(--text-small);color:var(--muted-foreground);justify-content:space-between;display:flex}.listen-player-buttons{justify-content:center;align-items:center;gap:30px;margin:16px 0;display:flex}.listen-player-buttons>button:not(.listen-disc){min-width:44px;min-height:44px;color:var(--primary);place-items:center;display:grid}.listen-player-buttons small{font-size:var(--text-caption)}.listen-player-options{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.listen-player-options label{font-size:var(--text-small);gap:6px;display:grid}.listen-player-options select{width:100%;min-height:44px;font-size:var(--text-body);border:1px solid var(--border);border-radius:var(--radius-tight);padding:var(--space-2);background:var(--background)}.listen-text-link{text-align:center;padding:var(--space-4);color:var(--primary);text-decoration:underline;display:block}.listen-library button:focus-visible,.listen-detail button:focus-visible,.listen-mini button:focus-visible{outline-offset:4px;outline:2px solid}.listen-admin{max-width:1100px}.listen-admin-toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.listen-admin-toolbar select{min-height:44px;font-size:var(--text-body);max-width:100%;padding:var(--space-2)}.listen-admin-grid{gap:26px;display:grid}.listen-admin-fields{gap:var(--space-4);display:grid}.listen-admin-fields>label{font-size:var(--text-small);gap:7px;display:grid}.listen-admin-fields small{color:var(--muted-foreground);font-size:var(--text-caption);line-height:1.5}.listen-admin-fields input:not([type=checkbox]),.listen-admin-fields select,.listen-admin-fields textarea{font-size:var(--text-body);border:1px solid var(--border);border-radius:var(--radius-tight);background:var(--background);box-sizing:border-box;width:100%;min-height:44px;padding:10px}.listen-admin-checks{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);display:grid}.listen-admin-checks label{align-items:center;gap:10px;min-height:36px;display:flex}.listen-admin-checks input{width:18px;height:18px}.listen-admin-actions{margin-top:var(--space-5);flex-wrap:wrap;gap:10px;display:flex}.listen-admin-preview{min-width:0}.listen-admin-preview .listen-art{aspect-ratio:1.5}.listen-admin-preview h2{margin:16px 0 8px;font-family:Cormorant Garamond,serif;font-size:34px}.listen-admin-preview p{font-size:var(--text-body);white-space:pre-line;line-height:1.75}.listen-admin-preview audio{width:100%;margin:14px 0}.listen-admin-note{font-size:var(--text-small);color:var(--muted-foreground);line-height:1.6}@media (width>=600px){.listen-mini{width:calc(100% - 32px);max-width:520px;left:50%;right:auto;transform:translate(-50%)}}@media (width>=1024px){.app-shell-listen .app-main{padding:28px 48px 80px}.listen-library{max-width:1060px}.listen-top{max-width:560px}.listen-heading{margin:26px 0 22px}.listen-heading h1{max-width:none;font-size:48px}.listen-tabs{max-width:560px}.listen-feature{float:left;width:56%;max-width:640px;margin-right:30px}.listen-feature .listen-art{aspect-ratio:1.15}.listen-feature-main>div{padding:75px 78px 24px 24px}.listen-feature h2{font-size:40px}.listen-collections{margin-top:0;overflow:hidden}.listen-collections>div{gap:14px}.listen-collections h3{font-size:25px}.listen-list{min-width:250px;overflow:hidden}.listen-row h3{font-size:23px}.listen-library:after{content:"";clear:both;display:block}.listen-mini{max-width:620px;bottom:24px;left:calc(50% + 116px)}.app-shell-listening .app-main{padding-bottom:130px}.today-listen>.listen-art{aspect-ratio:1.25;margin-inline:0}.listen-home-links a{font-size:var(--text-body)}.listen-detail{max-width:660px}.listen-admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.listen-admin-preview{align-self:start;max-height:80vh;position:sticky;top:20px;overflow:auto}}@media (width<=359px){.app-shell-listen .app-main{padding-inline:var(--space-4)}.listen-heading h1{font-size:32px}.listen-top>span{font-size:25px}.listen-feature .listen-art{aspect-ratio:1.3}.listen-feature h2{font-size:27px}.listen-collections h3{font-size:22px}.listen-home-links{gap:var(--space-2)}.listen-home-links a{font-size:var(--text-caption)}.listen-mini{padding:var(--space-2);left:8px;right:8px}.listen-mini-info strong{font-size:18px}.listen-mini-info img{width:38px;height:42px}}@media (prefers-reduced-motion:reduce){.listen-library *,.listen-mini *{transition:none!important;animation:none!important}}.listen-player-sheet>button{place-items:center;min-width:44px;min-height:44px;display:grid;top:4px;right:4px}.listen-player-sheet h2{padding-inline:var(--space-5)}.listen-owner-footer{clear:both;padding-top:var(--space-3)}.brand-signature{object-fit:contain;object-position:left center;width:180px;max-width:100%;height:52px;display:block}.brand-signature-gold{background:#d8bb7e;-webkit-mask:url(/assets/brand/v1/logo-light.png) 0/contain no-repeat;mask:url(/assets/brand/v1/logo-light.png) 0/contain no-repeat}.mobile-brand .brand-signature{width:162px;height:40px}.landing-wordmark .brand-signature{width:184px;height:48px}@media (width<=400px){.mobile-brand .brand-signature{width:146px;height:36px}}.login-welcome-overlay{z-index:100;position:fixed;inset:0}.login-welcome{--welcome-gold:#e0c695;z-index:100;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));color:#f5eddf;background:radial-gradient(at 50% 46%,#8c344c 0%,#6c2439 48%,#481c2e 100%);outline:none;place-items:center;animation:2s both welcome-reveal;display:grid;position:fixed;inset:0;overflow:hidden}.dark .login-welcome{background:radial-gradient(at 50% 46%,#413045 0%,#281f32 48%,#191522 100%)}.login-welcome-content{text-align:center;width:min(100%,400px);animation:welcome-arrive .9s var(--ease-natural) both;justify-items:center;gap:24px;display:grid;position:relative}.login-welcome-brand{width:min(100%,290px)}.login-welcome .brand-signature{aspect-ratio:3;object-position:center;width:100%;height:auto;-webkit-mask-position:50%;mask-position:50%}.login-welcome .brand-signature-gold{background:var(--welcome-gold)}.login-welcome-message{font:400 clamp(26px, 5vw, 32px) / 1.2 var(--font-display);text-wrap:balance;margin:0}.login-welcome-line{background:var(--welcome-gold);opacity:.5;width:48px;height:1px}.login-welcome-halo{aspect-ratio:1;width:min(88vw,560px);animation:welcome-halo 2s var(--ease-natural) both;border:1px solid #e0c6951f;border-radius:50%;position:absolute}.login-welcome-halo:after{content:"";border-radius:inherit;border:1px solid #e0c6950f;position:absolute;inset:-32px}@keyframes welcome-reveal{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}@keyframes welcome-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-halo{0%{opacity:0;transform:scale(.88)}30%{opacity:1}to{opacity:.7;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.login-welcome,.login-welcome-content,.login-welcome-halo{animation:none}}