:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06121d;color:#f5f2e9}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 72% 36%,rgba(31,96,103,.22),transparent 34%),radial-gradient(circle at 54% 78%,rgba(222,132,39,.12),transparent 28%),linear-gradient(145deg,#081824,#03080e 70%)}#scene,#scene canvas{width:100%;height:100%;display:block}.intro{position:fixed;z-index:4;top:clamp(26px,6vh,68px);left:clamp(28px,5vw,72px);width:min(360px,32vw);pointer-events:none;text-shadow:0 3px 28px rgba(0,0,0,.72)}.eyebrow,.variant-label,.hint{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow{margin:0 0 18px;color:#e8b95e}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,7vw,104px);font-weight:400;line-height:.82;letter-spacing:-.065em}.subtitle{max-width:320px;margin:24px 0 0;color:#b8c8cb;font-size:clamp(12px,1.2vw,15px);line-height:1.65}.proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.proof span{padding:7px 10px;border:1px solid rgba(225,235,231,.16);border-radius:999px;background:#050d1373;color:#d8e2df;font-size:10px;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls{position:fixed;z-index:6;top:28px;right:32px;display:flex;gap:8px}button{border:1px solid rgba(225,235,231,.18);border-radius:999px;padding:9px 13px;background:#050d138f;color:#dce8e5;font:inherit;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .16s ease,background .16s ease,color .16s ease}button:hover,button:focus-visible{border-color:#ffc65cb3;background:#182428cc;color:#fff3d4}.variant-panel{position:fixed;z-index:5;right:34px;bottom:38px;display:grid;grid-template-columns:auto auto;gap:5px 16px;align-items:end;padding:14px 17px;min-width:210px;border:1px solid rgba(225,235,231,.16);border-radius:16px;background:#040c1294;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.variant-label{grid-column:1 / -1;color:#62dce3}.variant-panel strong{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}#variant-index{color:#8fa5a8;font-size:11px;letter-spacing:.12em}.reference-preview{position:fixed;z-index:5;left:clamp(28px,5vw,72px);bottom:54px;width:154px;padding:8px;border-radius:18px;background:#050d139e;box-shadow:0 16px 45px #00000059}.reference-preview img{display:block;width:100%;aspect-ratio:16 / 9;border-radius:11px;object-fit:cover}.reference-preview span{display:block;padding:7px 2px 1px;color:#aebfc0;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.reference-dialog{max-width:min(900px,88vw);padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#071019;color:#fff}.reference-dialog::backdrop{background:#010508d1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.reference-dialog img{display:block;max-width:100%;max-height:78vh;border-radius:10px}.reference-dialog button{position:absolute;top:18px;right:18px;width:34px;height:34px;padding:0;font-size:20px}.hint{position:fixed;z-index:4;left:50%;bottom:22px;transform:translate(-50%);color:#c8d9d98f;pointer-events:none}#loading{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#06121d;color:#e7b45b;font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:opacity .5s ease}body.ready #loading{opacity:0;pointer-events:none}html[data-ui=hidden] .intro,html[data-ui=hidden] .controls,html[data-ui=hidden] .variant-panel,html[data-ui=hidden] .reference-preview,html[data-ui=hidden] .hint{display:none}@media(max-width:760px){.intro{width:58vw}.subtitle{display:none}.controls{top:16px;right:16px}.controls button:nth-child(2){display:none}.reference-preview{width:118px;bottom:42px}.variant-panel{right:16px;bottom:42px;min-width:170px}.hint{display:none}}