:root{font-family:Arial,Helvetica,sans-serif;color:#ece8e0;background:#101322;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e6cd9c;outline-offset:5px}button{border:0;background:none}button:hover{color:#fff1d2}button[aria-pressed=true]{color:#f4d7a7}button[aria-pressed=true]:after{content:"";display:block;width:3px;height:3px;border-radius:50%;background:currentColor;margin:3px auto -6px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#experience{height:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#world,#world canvas,.vignette,.grain{position:absolute;inset:0;width:100%;height:100%}#world{z-index:-3;touch-action:none}#world canvas{display:block}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06091680 0%,transparent 25%,transparent 62%,#060913e6 100%),radial-gradient(ellipse at 50% 42%,transparent 26%,#080b1a70 100%)}.grain{z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;top:max(24px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:4}.signature{font-family:Georgia,serif;font-size:27px;letter-spacing:-3px;display:flex;align-items:center;gap:17px;min-height:44px}.signature span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.22em;max-width:70px;line-height:1.6}.chapter{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;font-size:9px;letter-spacing:.22em}#chapter-number{color:#c4bbad80}#chapter-name{color:#ded8c8}.icon{min-width:44px;min-height:44px;font-size:21px;display:grid;place-items:center}#info{border:1px solid #e6dbc135;border-radius:50%;font-family:Georgia,serif;font-size:17px;width:36px;height:36px;min-width:44px;min-height:44px}#entry{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 20px 100px;transition:opacity 1s,visibility 1s;background:radial-gradient(ellipse at 50% 48%,#0e10222b,transparent 65%)}.eyebrow{font-size:9px;letter-spacing:.3em;font-weight:400;color:#e2d6bd;margin:0 0 25px}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(45px,9.5vw,150px);letter-spacing:.015em;font-weight:400;line-height:1;margin:0;text-shadow:0 2px 50px #10142666}h1:first-letter{letter-spacing:-.06em}.entry-sub{font-family:Georgia,serif;font-style:italic;font-size:clamp(17px,2vw,24px);color:#dfd5c2;margin:27px 0 10px}.track-name{font-size:9px;letter-spacing:.23em;color:#ddd4c2b3;text-transform:uppercase;margin:8px 0 42px}.enter{display:flex;gap:36px;align-items:center;justify-content:space-between;padding:17px 24px;border:1px solid #d8c6a965;background:#12152470;backdrop-filter:blur(12px);font-size:12px;letter-spacing:.025em;min-height:54px;transition:background .3s,border-color .3s}.enter:hover{background:#c8b5921a;border-color:#d8c6a9}.enter span:last-child{font-size:20px;font-weight:300}.entry-note{font-size:9px;letter-spacing:.08em;margin-top:20px;color:#c7c9d29c}.entered #entry{opacity:0;visibility:hidden;pointer-events:none}.lyrics{position:absolute;left:12%;right:12%;top:52%;transform:translateY(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .8s}.entered .lyrics{opacity:1}.lyrics.off{visibility:hidden}.calm #world{filter:brightness(.6) saturate(.78)}#lyric-line{font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,4.2vw,61px);font-weight:400;line-height:1.24;text-wrap:balance;margin:0 auto;max-width:1060px;letter-spacing:-.018em;color:#fff8ea;text-shadow:0 3px 8px #070915,0 0 48px #080a18,0 2px 28px #0b0c17;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-rendering:optimizeLegibility}#lyric-echo{font-family:Georgia,serif;color:#e4dcc4;font-size:clamp(14px,1.5vw,20px);opacity:.36;letter-spacing:.025em;margin:0 auto 25px;max-width:650px;text-shadow:0 2px 10px #060913}#lyric-note{font-size:9px;color:#e3cda5;letter-spacing:.07em;min-height:12px}.word{opacity:.78;transition:opacity .35s,color .35s}.word.revealed{opacity:1}.word.current{color:#ffe2ae}.arrive{animation:arrive .75s ease both}@keyframes arrive{0%{filter:blur(4px);transform:translateY(8px);opacity:0}to{filter:blur(0);transform:translateY(0);opacity:1}}#interaction-hint{position:absolute;bottom:92px;left:50%;transform:translate(-50%);text-align:center;width:90%;font-size:9px;letter-spacing:.13em;color:#d7d0c28a;pointer-events:none;transition:opacity 1s}.entered #interaction-hint{bottom:138px;font-size:8px;opacity:.6}#transport{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:4vw;right:4vw;z-index:5}.wave-wrap{width:100%;height:44px;position:relative}#wave{width:100%;height:44px;display:block}#seek{appearance:none;-webkit-appearance:none;position:absolute;inset:0;margin:0;width:100%;height:44px;background:transparent;cursor:pointer;opacity:.001}#seek:focus-visible{opacity:1;background:#10132222;outline:1px solid #e6cd9c;outline-offset:0}#seek::-webkit-slider-thumb{appearance:none;width:2px;height:36px;background:#ecd5ae}#seek::-moz-range-thumb{width:2px;height:36px;border:0;border-radius:0;background:#ecd5ae}.controls{display:flex;align-items:center;gap:18px;min-height:48px}.time{font-size:10px;font-variant-numeric:tabular-nums;color:#dbd8cf;display:flex;gap:8px}.separator{color:#b5b2ad70}#duration{color:#b5b2ad}.control-spacer{flex:1}.text-button{min-height:44px;padding:0 5px;letter-spacing:.13em;font-size:9px;color:#c4c3c4}.volume-control{display:flex;align-items:center;gap:9px;min-height:44px}.volume-control span{font-size:20px;color:#cac3b5}#volume{width:65px;height:44px;accent-color:#ceb792;cursor:pointer}.quality-label select{font-size:9px;letter-spacing:.1em;min-height:44px;border:0;background:#1013215e;padding:0 5px;cursor:pointer}#fullscreen{font-size:26px}#ending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0d112488;z-index:3}#ending p{font-family:Georgia,serif;font-size:clamp(27px,4vw,54px);line-height:1.3;text-align:center}#about{position:absolute;top:85px;right:4vw;width:min(410px,92vw);padding:35px;background:#111522ed;border:1px solid #cec0a533;backdrop-filter:blur(25px);z-index:8;max-height:calc(100dvh - 120px);overflow:auto;box-shadow:0 15px 80px #0005}#about h2{font-family:Georgia,serif;font-size:32px;font-weight:400}#about p:not(.eyebrow){font-size:12px;line-height:1.8;color:#c7c8ce}#close-info{position:absolute;top:3px;right:3px}#about .eyebrow{font-size:8px}#status{position:absolute;left:50%;bottom:170px;transform:translate(-50%);font-size:12px;text-align:center;width:min(500px,90%);z-index:10;background:#121729d9;padding:12px;border-radius:2px}#status:empty{display:none}#retry{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#e2c49a;color:#171625;z-index:10;min-height:44px;padding:10px 20px}.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}@media(max-width:600px){header{top:max(17px,env(safe-area-inset-top));left:20px;right:20px}.signature span{display:none}.chapter{font-size:8px;gap:11px}#entry{padding:95px 20px 115px}h1{font-size:clamp(40px,11vw,65px)}.eyebrow{font-size:8px;letter-spacing:.21em;margin-bottom:26px}.entry-sub{font-size:18px;max-width:270px;line-height:1.5;margin-top:22px}.track-name{font-size:8px;margin-bottom:32px}.entry-note{font-size:8px}.enter{font-size:11px;padding:15px 20px;gap:24px}.lyrics{left:7%;right:7%;top:46%}#lyric-line{font-size:clamp(27px,7.5vw,39px);line-height:1.32}#lyric-echo{font-size:13px;margin-bottom:20px}#transport{left:18px;right:18px;bottom:max(13px,env(safe-area-inset-bottom))}.controls{gap:6px;flex-wrap:wrap;justify-content:space-between}.control-spacer{display:none}.time{font-size:9px;gap:4px}.text-button{font-size:8px;padding:0 4px}.volume-control{display:none}.quality-label select{font-size:8px;max-width:64px}.controls>.icon{min-width:44px;width:44px;min-height:44px}.controls .text-button{min-width:44px}.controls{display:grid;grid-template-columns:44px 1fr 48px 44px 58px 44px;gap:3px}.volume-control{display:flex;grid-column:1 / -1;justify-content:center;gap:12px;height:35px;min-height:35px;order:10}.volume-control span{font-size:16px}#volume{width:100px;height:35px}.entered #interaction-hint{bottom:160px}#play{min-width:44px}#fullscreen{font-size:22px}.entered #interaction-hint{bottom:88px;font-size:7px;letter-spacing:.07em}#info{min-width:44px}.wave-wrap,#wave{height:44px}#about{right:20px;width:calc(100vw - 40px);padding:30px 24px}#about p:not(.eyebrow){font-size:11px}}@media(max-height:500px)and (orientation:landscape){header{top:8px}#entry{padding:65px 20px 45px}h1{font-size:45px}.eyebrow{margin-bottom:10px}.entry-sub{margin:12px 0 2px;font-size:16px}.track-name{margin:8px 0 14px}.entry-note{display:none}.lyrics{top:43%}#lyric-line{font-size:28px}#lyric-echo{margin-bottom:8px}#interaction-hint{display:none}#transport{bottom:6px}.wave-wrap,#wave,#seek{height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}