/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 · genre: atmospheric · macrostructure: Ecosystem Index · theme: Midnight · nav: N9 · footer: none/app-shell · contrast: pass (40–41) · slop: pass (42–49) · mobile: pass (34,49–57) */
html,body{max-width:100%;overflow-x:clip}body{font-family:var(--font-body)}h1,h2,h3,.brand b{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0}.eyebrow{font-family:var(--font-mono)}button,a,input,select,textarea{transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}button,a{white-space:nowrap}
:where(button,a,input,select,textarea){outline:2px solid transparent;outline-offset:1px}:where(button,a,input,select,textarea):focus-visible{outline-color:var(--color-focus)}button:active,a:active{opacity:.82}button:disabled{cursor:not-allowed;opacity:.55;background:var(--color-paper-soft)}#player{width:100%;max-width:100%}.hero{padding-block:64px 88px}.tools .premium,.subscribe,.campaign>button:last-child{color:var(--color-accent-ink)}
.page-head{padding:clamp(70px,10vw,130px) max(4vw,22px) var(--space-5);background:radial-gradient(circle at 15% 0,color-mix(in oklab,var(--color-accent) 18%,transparent),transparent 36%)}
.page-head h1{font-size:clamp(40px,7vw,78px);line-height:1;margin:var(--space-3) 0;letter-spacing:-.055em}.page-head p{color:var(--color-muted)}
.player-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0}.player-actions button,.account-actions button{min-height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:10px 13px;background:var(--color-paper);color:var(--color-ink)}.player-actions span,.player-tip{color:var(--color-muted);font-size:12px}.episodes button.locked{color:color-mix(in oklab,var(--color-muted) 78%,var(--color-paper))}.episodes button.locked::after{content:'Locked';display:block;font-size:9px;margin-top:3px}
.watch-meter{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-ink) 25%,transparent);overflow:hidden}.watch-meter i{display:block;height:100%;background:var(--color-accent)}.poster{position:relative}.empty-card{grid-column:1/-1;padding:var(--space-7);border:1px dashed var(--color-rule);border-radius:var(--radius-md);color:var(--color-muted)}.empty-card::before{content:'COLA · ';color:var(--color-accent)}
.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-5) max(4vw,22px)}.account-grid article{display:grid;gap:6px;padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-raised)}.account-grid span,.account-grid small{color:var(--color-muted)}.account-grid b{font-size:24px}.account-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;padding:10px max(4vw,22px) 50px}.account-actions button:first-child{border-color:var(--color-accent);color:color-mix(in oklab,var(--color-accent) 70%,white)}
.message-list{display:grid;gap:10px;padding:20px max(4vw,22px) 60px}.message{padding:var(--space-5);border:1px solid color-mix(in oklab,var(--color-rule) 76%,var(--color-muted));border-radius:var(--radius-md);background:var(--color-paper-soft);cursor:pointer}.message.read{opacity:.62;border-color:var(--color-rule)}.message h3{margin:0 0 6px}.message p{margin:0 0 8px;color:var(--color-muted)}.message small{color:var(--color-muted)}.unread{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-ink);font-size:10px}.inbox{display:flex;align-items:center;gap:5px}
@media(max-width:760px){.tools .inbox{display:none}.account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-grid article{padding:var(--space-4)}.page-head{padding-top:62px}.bottom a{min-height:44px;font-size:12px;padding:8px}.player-tip{display:none}.hero{padding-block:46px 62px}}
@media(max-width:360px){.account-grid{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.hero-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}