:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11130f;color:#f3f0e7}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 68% 30%,rgba(135,144,108,.16),transparent 34%),radial-gradient(circle at 52% 82%,rgba(216,121,39,.08),transparent 25%),linear-gradient(145deg,#20231c,#0e100d 72%)}#scene,#scene canvas{display:block;width:100%;height:100%}.intro{position:fixed;z-index:4;top:clamp(30px,7vh,76px);left:clamp(28px,5vw,76px);width:min(390px,34vw);pointer-events:none;text-shadow:0 4px 30px rgba(0,0,0,.72)}.eyebrow,.variant-label,.topology-label,.hint{font-size:12px;font-weight:750;letter-spacing:.19em;text-transform:uppercase}.eyebrow{margin:0 0 18px;color:#dfa34a}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7.2vw,108px);font-weight:400;line-height:.82;letter-spacing:-.067em}.subtitle{max-width:360px;margin:24px 0 0;color:#c4c8ba;font-size:clamp(12px,1.15vw,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(231,232,216,.16);border-radius:999px;background:#0d0f0c85;color:#dde0d1;font-size:12px;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px)}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;pointer-events:auto}.project-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(231,232,216,.22);border-radius:999px;background:#0d0f0cb3;color:#dde0d1;font-size:11px;font-weight:750;text-decoration:none;backdrop-filter:blur(12px);transition:border-color .16s ease,background .16s ease,color .16s ease}.project-action.primary{border-color:#dfa34aad;background:#4f3311b8;color:#fff3db}.project-action:hover,.project-action:focus-visible{border-color:#c4cf8bb8;background:#2d3320e0;color:#fff;outline:2px solid rgba(223,163,74,.3);outline-offset:2px}.controls{position:fixed;z-index:6;top:28px;right:32px;display:flex;gap:5px}.flagship-pager{display:inline-flex;align-items:center;gap:1px;padding:3px;border:1px solid rgba(231,232,216,.18);border-radius:999px;background:#0d0f0ca3;backdrop-filter:blur(14px)}.flagship-pager a{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#a9ad9f;font-size:15px;font-weight:750;text-decoration:none;transition:color .16s ease,background .16s ease}.flagship-pager a:hover,.flagship-pager a:focus-visible{color:#fff3db;background:#dfa34a2e;outline:none}.flagship-pager>span{min-width:34px;color:#a9ad9f;font-size:9px;font-weight:750;letter-spacing:.08em;text-align:center}button{border:1px solid rgba(231,232,216,.2);border-radius:999px;padding:7px 10px;background:#0d0f0ca3;color:#e4e5da;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(14px);transition:border-color .16s ease,background .16s ease,color .16s ease}button:hover,button:focus-visible{border-color:#e8ac4bd1;background:#272b20e6;color:#fff3db;outline:2px solid rgba(232,172,75,.36);outline-offset:2px}.variant-panel{position:fixed;z-index:5;right:34px;bottom:38px;display:grid;grid-template-columns:auto auto;gap:5px 16px;align-items:end;min-width:238px;padding:14px 17px;border:1px solid rgba(231,232,216,.16);border-radius:16px;background:#0d0f0ca1;backdrop-filter:blur(15px)}.variant-label{grid-column:1 / -1;color:#c4cf8b}.variant-panel strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400}#variant-index{color:#a9ad9f;font-size:12px;letter-spacing:.12em}.topology-label{grid-column:1 / -1;margin-top:5px;color:#8e927f;font-size:12px}.reference-preview{position:fixed;z-index:5;left:clamp(28px,5vw,76px);bottom:52px;width:158px;padding:8px;border-radius:18px;background:#0d0f0cad;box-shadow:0 18px 48px #00000061}.reference-preview img{display:block;width:100%;height:auto;aspect-ratio:1.1478;border-radius:11px;object-fit:cover}.reference-preview span{display:block;padding:7px 2px 1px;color:#bec1b4;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.reference-dialog{width:min(920px,90vw);max-height:92vh;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#151712;color:#fff}.reference-dialog::backdrop{background:#040503d1;backdrop-filter:blur(8px)}.reference-dialog img{display:block;width:100%;max-height:76vh;border-radius:10px;object-fit:contain}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 6px 12px 12px}.dialog-heading .eyebrow{margin-bottom:3px}.dialog-heading h2{margin:0;font:400 23px/1.2 Georgia,Times New Roman,serif}.dialog-heading button{width:36px;height:36px;padding:0;font-size:20px}.hint{position:fixed;z-index:4;left:50%;bottom:22px;transform:translate(-50%);color:#d2d6c685;pointer-events:none}#loading{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#11130f;color:#dda34d;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:opacity .45s ease}#loading span:after{content:"";display:block;width:96px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#dda34d,transparent);animation:loading-scan 1.2s ease-in-out infinite}@keyframes loading-scan{0%,to{transform:scaleX(.25);opacity:.4}50%{transform:scaleX(1);opacity:1}}body.ready #loading{opacity:0;pointer-events:none}html[data-capture=true] #loading,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(prefers-reduced-motion:reduce){#loading span:after{animation:none}}@media(max-width:760px){.intro{top:68px;width:min(78vw,370px)}.subtitle{display:none}.project-action{min-height:40px;padding-inline:12px;font-size:10px}.controls{top:16px;right:16px}.controls button:nth-child(2){display:none}.reference-preview{width:112px;bottom:40px}.variant-panel{right:16px;bottom:40px;min-width:178px}.hint{display:none}}