:root{color-scheme:dark;--ink: #f7f3e8;--muted: #b7c1be;--panel: rgb(10 16 18 / 82%);--panel-strong: rgb(18 27 30 / 92%);--line: rgb(255 255 255 / 14%);--accent: #ff6b4a;--accent-2: #50c2ff;--accent-3: #f5c84c;--green: #65d18f;--danger: #ff856e;--shadow: 0 28px 70px rgb(0 0 0 / 38%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden;background:#071012;color:var(--ink)}html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100dvh;background:linear-gradient(180deg,#10181a,#071012 58%,#05090a)}.scene-panel{position:relative;height:100dvh;min-height:760px;overflow:hidden}.scene-mount{position:absolute;inset:0}.scene-mount canvas{display:block;width:100%;height:100%}.topbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;padding:26px clamp(18px,4vw,54px) 0;pointer-events:none}.brand{display:inline-block;margin:0 0 12px;color:var(--ink);font-size:.82rem;font-weight:950;letter-spacing:0;text-decoration:none;text-transform:uppercase;pointer-events:auto}h1{width:min(820px,68vw);margin:0;font-size:clamp(3.7rem,5.2vw,4.7rem);line-height:.95;letter-spacing:0;text-wrap:balance;text-shadow:0 16px 45px rgb(0 0 0 / 55%)}.hero-line{margin:14px 0 0;color:#f7f3e8d1;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:780;text-shadow:0 8px 24px rgb(0 0 0 / 72%)}.top-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:360px}.top-metrics span{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#060c0e8a;color:#dce5e1;font-size:.78rem;font-weight:850;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.fpv-mode .topbar,body.fpv-mode .caption-panel,body.fpv-mode .site-footer{display:none}body.fpv-mode{overflow:hidden}body.fpv-mode .scale-guide,body.fpv-mode .meaning-section,body.fpv-mode .faq-section{display:none}.control-panel,.caption-panel{position:absolute;z-index:3;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-panel{left:clamp(14px,3vw,42px);bottom:clamp(14px,3vw,42px);width:min(380px,calc(100vw - 28px))}.panel-toggle{display:none}form{display:grid;gap:12px;padding:14px}.field-row,.field-grid,.action-row,.share-grid{display:grid;gap:10px}.field-grid,.action-row{grid-template-columns:1fr 1fr}.audience-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.audience-presets button{min-height:30px;padding:5px 3px;border-color:#f5c84c42;background:#f5c84c14;color:#fff1b5;font-size:.64rem}label,legend{color:#dce5e1;font-size:.82rem;font-weight:850}fieldset{min-width:0;margin:0;padding:0;border:0}input,select,textarea,button{width:100%;min-width:0;border-radius:8px}input,select,textarea{border:1px solid rgb(255 255 255 / 16%);background:#ffffff14;color:var(--ink)}input,select{min-height:40px;padding:8px 10px}select option{color:#11191b}input[type=file]{padding:8px;font-size:.78rem}input[type=range]{accent-color:var(--accent-2)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgb(80 194 255 / 30%);outline-offset:2px}button{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgb(255 255 255 / 16%);background:#ffffff14;color:#eef5f0;font-size:.76rem;font-weight:900}.range-field,.share-panel{display:grid;gap:8px}.share-panel>span{color:#dce5e1;font-size:.82rem;font-weight:850}.share-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.share-grid button{min-height:34px;padding:7px 5px;border-color:#50c2ff47;background:#50c2ff17;font-size:.62rem}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:18px;height:18px;accent-color:var(--accent-2)}.primary-action{border-color:#ff6b4af5;background:linear-gradient(180deg,#ff7b55,#d94732)}.mode-action{border-color:#50c2ff6b;background:#50c2ff1f}.mode-action[aria-pressed=true]{border-color:#50c2ffeb;background:linear-gradient(180deg,#50c2ff57,#144e6875);color:#f4fbff}.copy-status{min-height:18px;margin:-5px 0 0;color:var(--green);font-size:.82rem;font-weight:850}.caption-panel{right:clamp(14px,3vw,42px);bottom:clamp(14px,3vw,42px);width:min(440px,calc(100vw - 28px));padding:14px}.caption-panel p{margin:0 0 10px;color:#fff7e4;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:950;line-height:1.32}textarea{min-height:76px;padding:11px;overflow:hidden;resize:none;color:#e5ece8;line-height:1.45}.content-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.scale-guide,.meaning-section,.faq-section{padding:clamp(76px,9vw,130px) 0}.scale-guide{background:#f3f0e7;color:#101719}.meaning-section{background:#dce7e2;color:#101719}.faq-section{background:#0d1719}.section-kicker{margin:0 0 18px;color:var(--accent);font-size:.78rem;font-weight:950;text-transform:uppercase}.scale-guide h2,.meaning-section h2,.faq-section h2{max-width:860px;margin:0;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;letter-spacing:0;text-wrap:balance}.section-lede{max-width:760px;margin:26px 0 56px;color:#445052;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.55}.scale-list{margin:0;padding:0;border-top:1px solid rgb(16 23 25 / 20%);list-style:none}.scale-list a{display:grid;grid-template-columns:minmax(150px,.7fr) 1.2fr auto;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid rgb(16 23 25 / 20%);color:#101719;text-decoration:none}.scale-list strong{color:#d94732;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.scale-list span{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:850}.scale-list small{color:#526062;font-size:.82rem;font-weight:800}.scale-list a:hover small,.scale-list a:focus-visible small{color:#c83d2a}.meaning-layout,.faq-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(48px,8vw,120px)}.meaning-copy{align-self:end}.meaning-copy p{margin:0 0 28px;color:#344143;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.space-answer{max-width:720px;margin:26px 0 0;color:#344143;font-size:clamp(1rem,1.8vw,1.24rem);line-height:1.58}.space-benchmarks{margin:0 0 26px;border-top:1px solid rgb(16 23 25 / 22%)}.space-benchmarks div{display:flex;gap:24px;align-items:baseline;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgb(16 23 25 / 22%)}.space-benchmarks dt,.space-benchmarks dd{margin:0}.space-benchmarks a{color:#101719;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:900;text-decoration-color:#b9332273;text-underline-offset:4px}.space-benchmarks dd{color:#b93322;font-weight:900;white-space:nowrap}.meaning-copy .space-note{margin-bottom:24px;color:#526062;font-size:.82rem;line-height:1.6}.space-note a{color:#344143;font-weight:800;text-underline-offset:3px}.text-link{color:#b93322;font-weight:900;text-underline-offset:5px}.faq-list{border-top:1px solid rgb(255 255 255 / 16%)}.faq-list details{padding:22px 0;border-bottom:1px solid rgb(255 255 255 / 16%)}.faq-list summary{color:var(--ink);cursor:pointer;font-size:1.05rem;font-weight:850}.faq-list p{margin:14px 0 0;color:var(--muted);line-height:1.55}.site-footer{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:34px max(24px,calc((100vw - 1180px)/2));border-top:1px solid rgb(255 255 255 / 12%);background:#071012}.site-footer p{margin:0;color:var(--muted);font-size:.84rem}.footer-brand,.site-footer nav a{color:var(--ink);font-weight:900;text-decoration:none}.footer-brand{font-size:1rem;text-transform:uppercase}.site-footer nav{display:flex;gap:20px}.site-footer nav a{font-size:.78rem}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.noscript-message{position:fixed;inset:auto 16px 16px;z-index:10;margin:0;padding:14px;border:1px solid var(--line);background:#10191b;color:var(--ink)}@media(max-width:1040px){.topbar{grid-template-columns:1fr;gap:16px}h1{width:min(760px,calc(100vw - 72px));font-size:clamp(3rem,7vw,4.25rem)}.top-metrics{justify-content:flex-start}.caption-panel{display:none}.meaning-layout,.faq-layout{grid-template-columns:1fr}}@media(max-width:720px){.topbar{gap:12px;padding:18px 20px 0}.brand{margin-bottom:8px;font-size:.72rem}h1{width:calc(100vw - 40px);font-size:clamp(2.25rem,11vw,3rem);line-height:.98}.hero-line{margin-top:8px;font-size:.92rem}.top-metrics{max-width:calc(100vw - 40px);gap:6px}.top-metrics span{min-height:28px;padding:5px 8px;font-size:.68rem}.control-panel{top:auto;bottom:10px;left:10px;width:calc(100vw - 20px);max-height:min(58dvh,500px);overflow-y:auto;overscroll-behavior:contain}.panel-toggle{position:sticky;top:0;z-index:2;display:flex;min-height:38px;border:0;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;background:#0a1012f5;color:#dce5e1}.control-panel.is-collapsed{width:174px;max-height:42px;overflow:hidden}.control-panel.is-collapsed .panel-toggle{border-bottom:0;border-radius:8px}.control-panel.is-collapsed form{display:none}form{gap:9px;padding:12px}label,legend{font-size:.74rem}input,select{min-height:36px;padding:7px 9px}button{min-height:40px;font-size:.7rem}.audience-presets button{min-height:32px}.share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.copy-status{min-height:12px}.content-shell{width:min(100% - 32px,1180px)}.scale-guide,.meaning-section,.faq-section{padding:72px 0}.scale-list a{grid-template-columns:1fr;gap:8px;padding:20px 0}.site-footer{grid-template-columns:1fr;gap:14px;padding:28px 20px}.site-footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
