:root{--bg:#000;--surface:#101216;--fg:#e6e8ec;--fg-soft:#e6e8ecb8;--dim:#6b7076;--line:#e6eaf029;--line-strong:#e6eaf085;--frame:#e6eaf04d;--focus:#e6eaf0d9;--mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--s1:8px;--s2:14px;--s3:22px;--s4:32px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16px}#app{min-height:100vh;padding:var(--s4);grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;display:grid}#landing-view{z-index:3;background:#000;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}.landing-shell{justify-content:stretch;align-items:stretch;gap:0;width:100%;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.landing-scene{aspect-ratio:auto;width:100%;height:100%;min-height:100%;box-shadow:none;background:#000;border:none;overflow:hidden}.landing-scene canvas{touch-action:none;width:100%;height:100%;display:block}.landing-proceed-btn{z-index:2;letter-spacing:.14em;text-transform:lowercase;background:#0000006b;min-width:126px;height:34px;position:absolute;bottom:clamp(20px,5vh,44px);left:50%;transform:translate(-50%)}.view{opacity:0;pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;width:100%;transition:opacity .32s;display:flex}#gallery-view{padding-block:var(--s4);align-items:flex-start}.view.is-visible{opacity:1;pointer-events:auto}.view[hidden]{display:none}.date-wrap{align-items:center;gap:var(--s3);flex-direction:column;display:flex}.date-field{cursor:text;background:0 0;border:none;align-items:center;gap:5px;padding:20px 30px;font-size:30px;font-weight:400;line-height:1;transition:border-color .16s;display:inline-flex;position:relative}.date-field.is-focused{border-color:var(--line-strong)}.date-field .cell{text-align:center;font-variant-numeric:tabular-nums;width:.74em;transition:color .14s;display:inline-block;position:relative}.date-field .cell.placeholder{color:var(--dim);font-weight:400}.date-field .cell.filled{color:var(--fg);font-weight:500}.date-field .sep{color:var(--dim);padding:0 3px;font-weight:400}.date-field .cell.caret:after{content:"";background:var(--fg);width:62%;height:2px;animation:1.06s step-end infinite caretBlink;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.date-hidden{color:#0000;caret-color:#0000;width:100%;height:100%;font:inherit;cursor:text;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.message{letter-spacing:.1em;min-height:1.2em;color:var(--dim);opacity:0;text-align:center;max-width:320px;font-size:24px;transition:opacity .62s}.message.is-visible{opacity:1}.tlines{justify-content:center;align-items:center;width:min(90vw,620px);height:40vh;min-height:160px;display:flex;position:relative}.tline{text-align:center;text-wrap:balance;letter-spacing:.1em;color:var(--fg-soft);opacity:0;will-change:opacity, transform;animation:lineRise var(--dur,2.6s) ease forwards;font-size:clamp(15px,2.2vw,19px);font-weight:400;line-height:1.55;position:absolute;left:0;right:0}@keyframes lineRise{0%{opacity:0;transform:translateY(22px)}18%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}.player{align-items:stretch;gap:var(--s3);flex-direction:column;width:min(92vw,820px);display:flex}.gallery-shell,.canvas-shell{align-items:stretch;gap:var(--s3);flex-direction:column;width:min(92vw,980px);display:flex}.gallery-list{--gallery-item-height:220px;--gallery-gap:14px;--gallery-fit:contain;place-content:flex-start;align-items:flex-start;gap:var(--gallery-gap);flex-flow:wrap;width:100%;max-height:none;display:flex;overflow:visible}.gallery-item{height:var(--gallery-item-height);flex:none;margin:0;padding:0}.gallery-image{width:auto;height:100%;max-height:var(--gallery-item-height);object-fit:var(--gallery-fit);max-width:min(100%,100vw);display:block}.gallery-status,.canvas-status{border:1px solid var(--line);min-height:72px;color:var(--fg-soft);letter-spacing:.08em;justify-content:center;align-items:center;font-size:12px;display:flex}.gallery-status{flex:1 0 100%}body.is-gallery-view{scrollbar-width:thin;scrollbar-color:transparent transparent}body.is-gallery-view::-webkit-scrollbar{width:4px;height:4px}body.is-gallery-view::-webkit-scrollbar-track{background:0 0}body.is-gallery-view::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}body.is-gallery-view::-webkit-scrollbar-button{width:0;height:0;display:none}body.is-gallery-view.is-scrolling{scrollbar-color:#e6eaf057 transparent}body.is-gallery-view.is-scrolling::-webkit-scrollbar-thumb{background:#e6eaf057}.canvas-mount{border:1px solid var(--frame);background:#000;justify-content:center;align-items:stretch;width:100%;min-height:min(58vh,520px);display:flex;overflow:hidden}.custom-canvas{width:100%;height:100%;display:block}.spectro{border:1px solid var(--frame);width:100%;height:min(52vh,380px);image-rendering:pixelated;background:#000;border-style:none;display:block}.spectro.spectro--scope{aspect-ratio:1;image-rendering:auto;border-style:none;width:min(100%,52vh,380px);height:auto;margin-inline-start:auto;margin-inline-end:auto}.controls{align-items:center;gap:var(--s2);width:100%;height:30px;display:flex}.btn{-webkit-appearance:none;appearance:none;color:var(--fg);border:1px solid var(--line);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;font-size:13px;line-height:1;transition:background .14s,color .14s,border-color .14s}.btn:hover{border-color:var(--line-strong);background:var(--fg);color:var(--bg)}.btn:active{opacity:.9}.return-btn{width:36px;height:30px;color:var(--fg-soft);align-self:flex-start;font-size:15px}.pp-btn{flex:none;justify-content:center;align-items:center;width:40px;height:100%;padding:0;font-size:11px;display:inline-flex}.bar{border:1px solid var(--line);cursor:pointer;touch-action:none;background:0 0;flex:auto;height:100%;transition:border-color .14s;position:relative;overflow:hidden}.bar:hover{border-color:var(--line-strong)}.progress{pointer-events:none;background:#e6eaf014;width:0;height:100%;position:absolute;top:0;left:0}.marker{background:var(--fg);pointer-events:none;width:2px;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.time{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--fg-soft);white-space:nowrap;text-align:right;flex:none;font-size:12px;font-weight:500}:focus-visible{outline:1px solid var(--focus);outline-offset:2px}.bar:focus-visible{border-color:var(--focus);outline:none}@media (prefers-reduced-motion:reduce){.view,.message{transition-duration:1ms}.date-field .cell.caret:after{animation:none}.tline{animation-duration:1ms}}@media (max-width:640px){#app{padding:var(--s3)}.landing-shell{min-height:100%}.landing-scene{width:100%;height:100%}}