@font-face{font-family:Archivo;src:url(../fonts/archivo-fda1ac3dafef.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{font-synthesis:none;font-variant-numeric:tabular-nums;color:#342b24;--ink:#342b24;--muted:#706455;--control:#66503b;--glass-fill:#ffffff29;--glass-border:transparent;--glass-filter:blur(24px);--glass-shadow:none;--glass-radius:12px;--control-size:44px;--icon-size:20px;background:#e3ddcf;font-family:Archivo,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--control);outline-offset:3px}button svg{width:var(--icon-size);height:var(--icon-size);stroke-width:1.6px;flex:none;display:block}[hidden]{display:none!important}#world,#scene-poster{width:100%;height:100%;display:block;position:fixed;inset:0}#world{touch-action:none}#scene-poster{object-fit:cover;pointer-events:none;transition:opacity .16s ease-out}.ready:not(.flat-mode) #scene-poster{opacity:0}.flat-mode #scene-poster{opacity:1}.flat-mode #world{display:none}header{z-index:2;pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;inset:22px 26px auto}header>*{pointer-events:auto}header .brand{flex:none;place-items:center;width:36px;height:44px;display:grid}header .brand img{opacity:.88;width:27px;height:27px;display:block}.views,#deck{isolation:isolate;border:1px solid var(--glass-border);background:linear-gradient(125deg,#ffffff14,#fff0 45%,#9d8e7905),var(--glass-fill);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.views{border-radius:999px;grid-template-columns:repeat(3,minmax(60px,1fr));gap:2px;margin-left:auto;padding:3px;display:grid}.views button{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;min-width:60px;height:44px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;display:grid}.views button[aria-pressed=true]{background:#ffffff4d;border-color:#ffffff38;box-shadow:inset 0 1px #ffffff40}#loading{color:#514438;font-size:14px;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}#deck{z-index:3;left:50%;bottom:max(22px,env(safe-area-inset-bottom));border-radius:var(--glass-radius);width:min(680px,100% - 48px);padding:10px 14px 8px;position:fixed;transform:translate(-50%)}.transport{grid-template-columns:44px 44px minmax(100px,1fr) auto 44px 84px;align-items:center;gap:7px;display:grid}.round,.play{background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background-color .12s,transform .12s;display:grid}.play{color:#fffaf0;background:#66503b;border-color:#ffffff52;box-shadow:inset 0 1px #fff3,0 2px 5px #342b241a}.play[aria-label^=Play] svg{transform:translate(1px)}.round:active,.play:active{transform:scale(.97)}.track{flex-direction:column;gap:4px;min-width:0;padding-left:3px;display:flex}.track strong,.track>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track strong{letter-spacing:-.015em;font-size:15px;font-weight:500;line-height:1.2}.track>span{color:var(--muted);font-size:11px;line-height:1.2}.clock{white-space:nowrap;color:var(--ink);align-items:center;gap:5px;font-size:11px;line-height:1;display:flex}.clock .divider,.clock #duration{color:var(--muted)}.clock .divider{opacity:.6}#volume{appearance:none;cursor:ew-resize;width:84px;height:44px;accent-color:var(--control);background:0 0;margin:0}#volume::-webkit-slider-runnable-track{background:#6b543e45;border-radius:4px;height:3px}#volume::-webkit-slider-thumb{appearance:none;background:#76604b;border:1px solid #ffffffa6;border-radius:3px;width:10px;height:15px;margin-top:-6px;box-shadow:0 1px 3px #342b2420}#volume::-moz-range-track{background:#6b543e45;border-radius:4px;height:3px}#volume::-moz-range-thumb{background:#76604b;border:1px solid #ffffffa6;border-radius:3px;width:9px;height:14px}.timeline{height:24px;margin:6px 0 0;position:relative}.timeline canvas{opacity:.8;width:100%;height:14px;display:block;position:absolute;top:4px}.timeline input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:44px;margin:0;position:absolute;top:-8px;left:0}.timeline input::-webkit-slider-runnable-track{background:0 0;height:20px}.timeline input::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:16px;height:20px}.timeline input::-moz-range-track{background:0 0}.timeline input::-moz-range-thumb{background:0 0;border:none;width:16px;height:20px}#status{text-align:center;color:var(--muted);margin:0;font-size:11px;line-height:1.3}#status:not(:empty){margin:3px 0 2px}.flat-mode{background:radial-gradient(at 30% 10%,#f6eee0,#d9d0bc)}@media (hover:hover){.round:hover,.views button:hover{background:#ffffff40}.play:hover{background:#745b43}.views button[aria-pressed=true]:hover{background:#ffffffb8}}@media (max-width:700px){header{grid-template-columns:30px minmax(0,1fr);gap:8px 10px;display:grid;inset:14px 16px auto}header .brand{width:30px;height:44px}header .brand img{width:25px;height:25px}.views{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:3px}.views button{min-width:0;height:44px;padding:0 10px;font-size:13px}#deck{width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px 7px}.transport{grid-template-rows:44px 44px;grid-template-columns:44px 44px minmax(0,1fr) 44px;gap:0 7px}#restart{grid-area:1/1}.play{grid-area:1/2}.track{grid-area:1/3;padding-left:2px}.track strong{font-size:14px}.track>span{font-size:11px}.clock{grid-area:2/1/auto/3;padding-left:7px;font-size:11px}#mute{grid-area:1/4}#volume{grid-area:2/3/auto/5;justify-self:end;width:115px;height:44px}.timeline{height:24px;margin-top:7px}}@media (max-width:350px){#deck{padding-inline:10px}.transport{column-gap:4px}.track strong{font-size:13px}.track>span{font-size:10px}#volume{width:102px}}@media (max-height:500px) and (min-width:701px){header{top:10px}#deck{padding-block:7px;bottom:10px}.timeline{height:20px;margin-top:4px}}@media (prefers-reduced-motion:reduce){button,#scene-poster{transition:none}.round:active,.play:active{transform:none}}