:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050706;color:#f2f7ef;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.stage{position:relative;width:100vw;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(40,158,120,.22),transparent 32%),radial-gradient(circle at 86% 72%,rgba(221,149,55,.16),transparent 30%),linear-gradient(135deg,#050706,#08100d 47%,#080607)}#graph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#050706d1,#05070638 38%,#050706a3),linear-gradient(0deg,rgba(5,7,6,.88) 0%,transparent 28%,rgba(5,7,6,.28) 100%)}.masthead{position:absolute;z-index:3;top:clamp(28px,6vw,76px);left:clamp(22px,6vw,92px);max-width:min(520px,calc(100vw - 44px))}.eyebrow{margin:0 0 16px;color:#72e1b8;font-size:1.08rem;text-shadow:0 0 7px rgba(114,225,184,.2);font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{max-width:8ch;margin:0;font-size:clamp(5rem,11vw,12rem);line-height:.86;letter-spacing:0;text-shadow:0 0 10px rgba(242,247,239,.12)}.lede{max-width:390px;margin:22px 0 0;color:#f2f7efc2;font-size:clamp(1.35rem,2vw,1.7rem);text-shadow:0 0 7px rgba(242,247,239,.08);line-height:1.55}.control-panel{position:absolute;z-index:4;right:clamp(18px,4vw,56px);top:clamp(24px,5vw,70px);width:min(360px,calc(100vw - 36px));padding:20px;border:1px solid rgba(242,247,239,.14);background:#070a09ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid rgba(242,247,239,.1)}.metric span,label{color:#f2f7ef9e;font-size:1.06rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric strong{color:#f1b25d;font-size:2.05rem;font-weight:800}label{display:grid;gap:10px;margin-top:18px}input[type=range]{width:100%;accent-color:#72e1b8}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}button{min-height:54px;font-size:1.16rem;text-shadow:0 0 5px rgba(242,247,239,.1);border:1px solid rgba(242,247,239,.18);background:#f2f7ef14;color:#f2f7ef;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}button:hover{border-color:#72e1b899;background:#72e1b81f;transform:translateY(-1px)}.status-line{position:absolute;z-index:3;left:clamp(22px,6vw,92px);right:clamp(22px,6vw,92px);bottom:clamp(18px,4vw,48px);display:flex;justify-content:space-between;gap:24px;color:#f2f7ef94;font-size:1.14rem}@media(max-width:760px){.stage{min-height:100svh}.masthead{top:22px}h1{font-size:clamp(4rem,21vw,6.5rem)}.lede{max-width:270px}.control-panel{top:auto;right:14px;bottom:68px;left:14px;width:auto;padding:14px}.metric{display:inline-flex;width:calc(50% - 6px);border-bottom:0}label{margin-top:12px}.status-line{right:18px;left:18px;bottom:18px;font-size:.92rem}.status-line span:last-child{display:none}}