@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,300&display=swap";:root{color:#e8f3f6;background:#06090b;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}.app-shell{--cyan: #9ce7ff;--red: #ff4d42;position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 63% 46%,rgba(34,91,111,.15),transparent 34%),linear-gradient(135deg,#070b0d,#050709 58%,#080b0c)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(177,224,236,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(177,224,236,.06) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(90deg,transparent 6%,black 45%,transparent 94%);mask-image:linear-gradient(90deg,transparent 6%,black 45%,transparent 94%)}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid rgba(188,231,241,.12)}.brand{display:flex;align-items:center;gap:12px;color:#eef8fa;text-decoration:none;font:500 11px/1 DM Mono,monospace;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(197,237,246,.42);color:var(--cyan)}.topbar-meta{display:flex;gap:28px;color:#d7eff470;font:400 9px/1 DM Mono,monospace;letter-spacing:.18em}.hero-copy{position:absolute;z-index:4;left:3vw;top:15vh;width:min(33vw,500px);pointer-events:none}.eyebrow{margin:0 0 24px;color:var(--red);font:500 10px/1 DM Mono,monospace;letter-spacing:.24em}h1{margin:0;font-weight:300;font-size:clamp(54px,6.3vw,112px);line-height:.83;letter-spacing:-.065em;text-wrap:balance}h1 em{color:var(--cyan);font-family:Newsreader,serif;font-weight:300}.lede{width:min(360px,82%);margin:32px 0 0 4px;color:#e2f0f38c;font-size:13px;line-height:1.7}.visual-stage{position:absolute;inset:7vh -7vw 4vh 28vw}.visual-stage canvas{width:100%!important;height:100%!important}.field-axis{position:absolute;z-index:2;pointer-events:none;background:#b7e5ef1f}.field-axis-x{left:11%;right:9%;top:52%;height:1px}.field-axis-y{top:11%;bottom:10%;left:53%;width:1px}.field-label{position:absolute;color:#c2e8f05e;font:400 8px/1 DM Mono,monospace;letter-spacing:.18em}.field-label-a{top:13%;left:54%}.field-label-b{right:10%;top:50%}.field-index{position:absolute;right:9%;bottom:9%;color:#a0d9e729;font:300 clamp(70px,8vw,128px)/1 "Manrope",sans-serif}.control-panel{position:absolute;z-index:5;left:3vw;bottom:76px;width:min(340px,28vw);padding:18px;border:1px solid rgba(184,229,239,.14);background:#070d10bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-heading div{display:flex;align-items:baseline;gap:11px}.panel-heading span,.panel-heading strong{font:400 9px/1 DM Mono,monospace;letter-spacing:.14em}.panel-heading span{color:#cbe8ee6b}.panel-heading strong{color:var(--cyan);font-weight:500}.panel-heading i{width:6px;height:6px;border-radius:50%;background:#344046;box-shadow:0 0 0 4px #5a737c14}.panel-heading i.live{background:#9fe9ff;box-shadow:0 0 14px #65d7ff,0 0 0 4px #65d7ff17}.meters{display:grid;gap:9px}.meter{display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center}.meter span,.meter b{color:#cdebf17a;font:400 8px/1 DM Mono,monospace}.meter b{text-align:right;font-weight:400}.meter-track{height:2px;overflow:hidden;background:#addee91a}.meter-track i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#386d7c,#a8edff);transition:transform .1s linear}.control-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.control-actions button,.file-button{min-height:32px;padding:0 12px;border:1px solid rgba(187,229,238,.18);color:#e2f2f5b8;background:transparent;cursor:pointer;font:400 9px/1 DM Mono,monospace;letter-spacing:.08em;transition:.2s ease;display:inline-flex;align-items:center}.control-actions button:hover,.file-button:hover,.control-actions button.active{border-color:#9ce7ff99;color:#effbff;background:#70d0ef14}.file-button input{display:none}.file-name{overflow:hidden;margin:13px 0 0;color:#d2e9ee6b;font:400 8px/1.4 DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.privacy-note{margin:5px 0 0;color:#d2e9ee45;font-size:9px}footer{position:absolute;z-index:5;left:3vw;right:3vw;bottom:0;height:56px;display:flex;align-items:center;gap:18px;color:#cee8ed66;font:400 9px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.footer-rule{height:1px;flex:1;background:#bce6ef1a}footer a{color:#dcf1f5a6;text-decoration:none}@media(max-width:760px){.app-shell{min-height:100svh}.topbar{height:58px;padding:0 18px}.topbar-meta span:first-child{display:none}.topbar-meta{gap:13px}.hero-copy{top:82px;left:20px;width:calc(100% - 40px)}.eyebrow{margin-bottom:15px}h1{font-size:clamp(46px,14vw,68px);line-height:.85}.lede{margin-top:18px;width:75%;font-size:11px}.visual-stage{inset:18vh -40vw 18vh -28vw}.field-axis,.field-label{opacity:.55}.field-index{right:18%;bottom:17%}.control-panel{left:18px;right:18px;bottom:55px;width:auto;padding:14px}footer{left:18px;right:18px;height:46px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}