:root{color-scheme:dark;--bg:#101813;--panel:#19251e;--ink:#f3f0e7;--muted:#a2b0a4;--gold:#dec79b;--line:#344238;--soft:#222f27;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 20%,#1b2c21 0,transparent 50%),var(--bg);color:var(--ink);min-height:100dvh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wordmark{font-size:11px;letter-spacing:2px;font-weight:650;white-space:nowrap}.wordmark span{color:var(--gold);padding:0 9px}.topbar{max-width:1180px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.text-button{background:transparent;color:var(--muted);min-height:44px;display:inline-flex;gap:9px;align-items:center;padding:8px;font-size:12px}.text-button:hover{color:var(--ink)}.listening-room{max-width:1110px;padding:50px 36px 40px;margin:auto}.book-layout{display:grid;grid-template-columns:minmax(250px,400px) minmax(300px,1fr);gap:64px;align-items:center}.album{position:relative}.album img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border-radius:16px;box-shadow:0 20px 60px #0006;border:1px solid #485044}.album-caption{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted);padding-top:18px}.eyebrow{color:var(--gold);letter-spacing:2.4px;font-size:10px;font-weight:600;margin-bottom:16px}h1{font:400 clamp(34px,3.9vw,49px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1px}.author{font-size:13px;line-height:1.7;color:var(--muted);margin-top:15px}.author span{padding:0 6px;color:var(--gold)}.progress-copy{font-size:12px;color:var(--gold);margin-top:30px;min-height:18px}.timeline{margin-top:13px}.timeline input{display:block;width:100%;margin:0;height:28px;accent-color:var(--gold);cursor:pointer}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;margin-top:3px}.transport{display:flex;align-items:center;justify-content:center;gap:34px;margin:24px 0}.play{background:var(--gold);color:#16231a;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;transition:transform .15s,background .15s}.play:hover{background:#eddbb7;transform:scale(1.04)}.play svg{width:27px;height:27px;fill:currentColor}.play #pause-icon{fill:none;stroke:currentColor;stroke-width:4}.skip{width:48px;height:48px;background:transparent;position:relative;color:#dae1d8}.skip svg{position:absolute;inset:6px;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip span{font-size:11px;position:relative;top:2px;font-weight:650}.player-tools{display:flex;justify-content:center;gap:12px}.tool{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:0 12px;border-radius:10px;min-height:44px;color:var(--muted);font-size:11px}.tool select{background:transparent;color:var(--ink);border:0;max-width:84px;height:40px;font-size:12px}.tool option{background:var(--panel)}.player-status{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin-top:16px;min-height:17px}.spots-section{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}.spots-header{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font:400 23px/1.3 Georgia,serif}h2 span{font:500 11px/1 system-ui;background:var(--soft);border-radius:20px;padding:4px 7px;vertical-align:middle;color:var(--muted);margin-left:7px}.spots-header p{font-size:12px;color:var(--muted);margin-top:5px}.secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #566451;background:#243328;border-radius:10px;padding:10px 16px;color:var(--gold);font-size:12px;font-weight:600}.secondary:hover{background:#304334}.spots-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spot{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#19241dcc;min-width:0}.spot-jump{display:flex;align-items:center;gap:14px;flex:1;min-width:0;background:transparent;text-align:left;padding:16px;color:var(--ink)}.spot-time{font-variant-numeric:tabular-nums;color:var(--gold);font-size:14px;white-space:nowrap}.spot-meta{font-size:11px;color:var(--muted)}.spot-remove{min-width:44px;min-height:48px;background:transparent;color:var(--muted);border-left:1px solid var(--line);font-size:22px}.spot button:hover{color:var(--gold)}.empty-spots{font-size:13px;color:var(--muted);padding:22px;border:1px dashed var(--line);border-radius:12px;margin-top:18px;text-align:center;line-height:1.6}.storage-note{font-size:10px;color:#9aaa9c;margin-top:16px;line-height:1.5}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);background:#e3d2ac;color:#122017;padding:13px 20px;border-radius:12px;font-size:13px;box-shadow:0 8px 30px #0007;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);width:max-content;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}.entry-page{display:grid;place-items:center;background:#0e1612;overflow-x:hidden}.entry{width:min(1040px,100%);display:grid;grid-template-columns:1.15fr 1fr;position:relative;align-items:center;gap:64px;padding:80px 40px}.entry>.wordmark{position:absolute;top:28px;left:40px}.door-frame{position:relative;overflow:hidden;border-radius:160px 160px 12px 12px;box-shadow:0 30px 80px #0006}.door-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:scale(1.035);transition:transform .8s,filter .8s}.door-light{position:absolute;inset:12% 49% 18%;background:#eef4d6;box-shadow:0 0 50px 15px #f6f2d8;opacity:0;transition:opacity .65s,transform .65s}.entry-copy h1{font-size:clamp(39px,4.5vw,58px);line-height:1.04}.entry-note{color:var(--muted);font-size:14px;margin-top:18px}.entry form{margin-top:30px}.entry form label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.password-wrap{display:flex;background:#1b2720;border:1px solid #4b5a4d;border-radius:10px;align-items:center}.password-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #dec79b20}.password-wrap input{background:none;border:0;color:var(--ink);width:100%;min-width:0;padding:16px;font-size:16px;outline:none}.password-wrap input::placeholder{font-size:12px;color:#9caa9e}.password-wrap .text-button{padding:12px}.primary{background:var(--gold);color:#17241a;border-radius:10px;min-height:50px;padding:14px 18px;font-weight:650;font-size:13px}.enter-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:12px}.enter-button:hover{background:#ead6ad}.form-error{min-height:30px;color:#f0b6a5;font-size:12px;line-height:1.5;margin-top:12px}.entry-foot{font-size:10px;letter-spacing:.3px;color:var(--muted);margin-top:8px}.entering .door-art{transform:scale(1.14);filter:brightness(1.5)}.entering .door-light{opacity:.75;transform:scaleX(8)}
@media(min-width:1400px){.listening-room{padding-top:65px}}
@media(max-width:760px){.topbar{padding:14px 20px}.wordmark{font-size:9px;letter-spacing:1.5px}.wordmark span{padding:0 4px}.topbar .text-button{font-size:10px}.listening-room{padding:25px 22px 40px;max-width:530px}.book-layout{grid-template-columns:1fr;gap:25px}.album{max-width:240px;width:62%;margin:auto}.album-caption{font-size:8px;letter-spacing:1.5px;padding-top:12px}.book-panel{text-align:center}.book-panel .eyebrow{display:none}h1{font-size:34px}.author{font-size:12px;margin-top:10px}.progress-copy{margin-top:22px}.timeline{margin-top:8px}.transport{margin:20px 0;gap:32px}.play{width:64px;height:64px}.player-status{font-size:10px}.spots-section{margin-top:30px;padding-top:24px}.spots-header{gap:12px;align-items:center}h2{font-size:21px}.spots-header p{font-size:11px}.secondary{font-size:11px;padding:9px 11px;gap:6px;white-space:nowrap}.secondary .icon{width:16px}.spots-list{grid-template-columns:1fr}.empty-spots{font-size:12px;padding:18px 16px}.entry{display:flex;flex-direction:column;gap:24px;max-width:490px;padding:68px 28px 24px}.entry>.wordmark{left:0;right:0;top:25px;text-align:center}.door-frame{width:66%;max-width:290px;border-radius:120px 120px 10px 10px}.entry-copy{width:100%;max-width:360px;text-align:center}.entry-copy .eyebrow{font-size:8px;margin-bottom:12px}.entry-copy h1{font-size:38px}.entry-copy h1 br{display:none}.entry-note{font-size:12px;margin-top:10px}.entry form{margin-top:24px;text-align:left}.entry-foot{margin-top:0}.form-error{min-height:24px}.entry form label{font-size:10px}.primary{min-height:48px}}
@media(max-width:380px){.listening-room{padding-left:16px;padding-right:16px}.topbar{padding:12px}.album{width:62%}.book-layout{gap:20px}h1{font-size:31px}.spots-header p{font-size:10px}.entry{padding-top:62px;gap:20px}.entry-copy h1{font-size:34px}.entry-copy .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}