:root{font-family:"Segoe UI",Arial,sans-serif;color:#f4f1e7;background:#171c1b;color-scheme:dark;--paper:#e5e2cb;--muted:#c1c7bb}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f3ca72;outline-offset:4px}[hidden]{display:none!important}#scene,#poster{position:fixed;inset:0}#poster{background:#171c1b;transition:opacity .5s}#poster svg{width:100%;height:100%;object-fit:cover;object-position:center 64%;filter:brightness(.5) saturate(.8)}#poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101715a6,transparent 90%),linear-gradient(0deg,#111915b3,transparent 40%)}header{position:fixed;left:32px;top:25px;pointer-events:none;text-shadow:0 2px 12px #0009;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.2px;line-height:1.5;color:#c7cbb9;margin:0 0 8px}h1{font-size:29px;letter-spacing:-.6px;font-weight:400;line-height:1.1;margin:0 0 9px}.date{font-size:12px;color:var(--muted);margin:0}nav{position:fixed;top:27px;right:32px;display:flex;gap:3px;padding:5px;border:1px solid #ffffff26;border-radius:10px;background:#151d1ce8;backdrop-filter:blur(12px);z-index:4}nav button{border:0;border-radius:5px;background:transparent;color:#dddccf;font-size:12px;padding:10px 12px}nav button:hover,nav button[aria-pressed="true"]{color:#19221d;background:var(--paper)}.share{position:fixed;right:32px;bottom:30px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff35;border-radius:7px;background:#15201eea;backdrop-filter:blur(10px);color:var(--paper);padding:12px 16px;font-size:12px;z-index:4}.share:hover{border-color:#e5e2cb}.share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}#intro{position:fixed;inset:0;display:grid;align-items:center;padding:60px;z-index:2;pointer-events:none}.intro-content,#load-panel{max-width:530px;pointer-events:auto}h2{font-size:52px;font-weight:350;letter-spacing:-1.6px;line-height:1.1;margin:15px 0 20px}.lead{font-size:17px;line-height:1.65;font-weight:350;color:#e0e4d8;margin:0 0 28px}#start,#retry{border:0;border-radius:5px;background:var(--paper);color:#1c2720;padding:15px 20px;font-size:14px;box-shadow:0 5px 20px #0003}#start:hover,#retry:hover{background:#f3edd2}#start span{margin-left:30px;font-size:20px}#size{font-size:11px;color:#bdc5b5;margin:14px 0}.track{width:300px;max-width:90vw;height:2px;background:#ffffff30;margin-top:26px}#progress{height:100%;width:0;background:#ece5be;transition:width .2s}#load-title{font-size:35px;letter-spacing:-.8px}#load-status{font-size:14px;line-height:1.6;color:#d4dbcf;max-width:440px}#retry{margin-top:20px}footer{position:fixed;left:32px;bottom:27px;padding:13px 16px;background:#15201eea;border:1px solid #ffffff20;border-radius:8px;backdrop-filter:blur(10px);max-width:calc(100vw - 230px);z-index:3}footer p{font-size:11px;line-height:1.4;color:#dae0d3;margin:0 0 8px}.footer-bottom{display:flex;gap:18px;align-items:center}#model-info{font-size:10px;color:#b1bcad}#about{border:0;background:none;color:#dbdcc9;font-size:10px;padding:0;text-decoration:underline;text-underline-offset:3px}dialog{border:1px solid #ffffff26;border-radius:12px;background:#1c2823;color:#e5eadf;max-width:550px;width:calc(100vw - 40px);padding:36px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#08100cb3;backdrop-filter:blur(5px)}dialog h2{font-size:32px;letter-spacing:-.6px}dialog p{font-size:14px;line-height:1.7;color:#c8d1c2}dialog a{color:#e4ddba}dialog .credits{font-size:11px;margin-top:25px}.close{position:absolute;right:17px;top:12px;background:none;border:0;color:#d1d8c9;font-size:25px}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:110px;padding:12px 18px;background:#e5e2cb;color:#18231c;border-radius:6px;font-size:12px;z-index:10;max-width:90vw;text-align:center}@media(max-width:700px){header{left:20px;top:22px}h1{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1.8px}nav{left:20px;right:auto;top:116px;padding:4px}nav button{padding:9px 10px;font-size:11px}#intro{padding:25px;align-items:center}h2{font-size:41px}.lead{font-size:15px;max-width:320px}.desktop{display:none}footer{left:16px;bottom:16px;max-width:calc(100vw - 84px);padding:11px 13px}.footer-bottom{display:block}#model-info{display:block;max-width:250px;line-height:1.4}#about{margin-top:8px}.share{right:16px;bottom:16px;padding:14px}.share span{display:none}.share svg{width:20px;height:20px}#toast{bottom:135px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
