:root{--bg:#07080c;--bg-deep:#04050a;--bg-elev:#0c0e15;--ink:#f5f7fa;--ink-mute:#8a93a6;--ink-dim:#4a5266;--line:#ffffff14;--line-strong:#ffffff29;--teal:#5eead4;--teal-dim:#2dd4bf;--teal-glow:#5eead459;--amber:#ffb347;--amber-dim:#f59e0b;--amber-glow:#ffb34752;--danger:#ff6b6b;--glass-bg:#0e11198c;--glass-bg-2:#141822b8;--glass-tint:#ffffff06;--glass-line:#ffffff16;--glass-line-hi:#ffffff2e;--f-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--f-display:"Space Grotesk", sans-serif;--t-2xs:10px;--t-xs:11px;--t-sm:12px;--t-md:14px;--t-base:15px;--t-lg:18px;--t-xl:22px;--t-2xl:32px;--t-3xl:48px;--t-4xl:72px;--t-5xl:112px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--d-xs:.12s;--d-sm:.22s;--d-md:.42s;--d-lg:.72s;--d-xl:1.2s}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--f-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(ellipse 1400px 800px at 18% 110%, #5eead40b, transparent 60%), radial-gradient(ellipse 1200px 700px at 92% -10%, #ffb3470a, transparent 60%), radial-gradient(ellipse 900px 600px at 50% 50%, #785adc06, transparent 65%), var(--bg-deep)}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{color:inherit;font-family:inherit}::selection{background:var(--teal-glow);color:var(--ink)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(140%);border:1px solid var(--glass-line);border-radius:var(--r-lg)}.glass-strong{background:var(--glass-bg-2);-webkit-backdrop-filter:blur(40px)saturate(160%);border:1px solid var(--glass-line-hi);border-radius:var(--r-lg)}.mono{font-family:var(--f-mono);font-feature-settings:"ss01", "cv11"}.upper{text-transform:uppercase;letter-spacing:.14em}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.scroll::-webkit-scrollbar-track{background:0 0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}:focus-visible{outline:1px solid var(--teal);outline-offset:2px}.starfield{pointer-events:none;opacity:.85;background-image:radial-gradient(1px 1px at 23% 17%,#ffffff8c,#0000 50%),radial-gradient(1px 1px at 67% 42%,#ffffff61,#0000 50%),radial-gradient(1px 1px at 11% 81%,#ffffff73,#0000 50%),radial-gradient(1px 1px at 89% 27%,#ffffff85,#0000 50%),radial-gradient(1px 1px at 42% 7%,#ffffff47,#0000 50%),radial-gradient(1px 1px at 78% 91%,#ffffff6b,#0000 50%),radial-gradient(1px 1px at 33% 56%,#ffffff52,#0000 50%),radial-gradient(1px 1px at 95% 73%,#ffffff7a,#0000 50%),radial-gradient(1px 1px at 5% 35%,#ffffff59,#0000 50%),radial-gradient(1px 1px at 57% 88%,#ffffff6b,#0000 50%),radial-gradient(1px 1px at 15% 49%,#ffffff40,#0000 50%),radial-gradient(2px 2px at 71% 14%,#ffffff80,#0000 50%),radial-gradient(1px 1px at 48% 71%,#fff6,#0000 50%),radial-gradient(1px 1px at 84% 53%,#ffffff4d,#0000 50%);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.starfield:before,.starfield:after{content:"";background-image:radial-gradient(1px 1px at 7% 23%,#fff6,#0000 50%),radial-gradient(1px 1px at 38% 91%,#ffffff59,#0000 50%),radial-gradient(1px 1px at 62% 64%,#ffffff73,#0000 50%),radial-gradient(1px 1px at 91% 12%,#ffffff80,#0000 50%),radial-gradient(1px 1px at 18% 67%,#ffffff4d,#0000 50%),radial-gradient(1px 1px at 53% 39%,#ffffff8c,#0000 50%),radial-gradient(1px 1px at 27% 9%,#ffffff4d,#0000 50%),radial-gradient(2px 2px at 81% 78%,#fff9,#0000 50%),radial-gradient(1px 1px at 44% 55%,#ffffff61,#0000 50%);background-repeat:no-repeat;position:absolute;inset:0}.starfield:before{opacity:.75;transform:scale(1.5)translate(-3%,4%)}.starfield:after{opacity:.55;transform:scale(2.1)translate(2%,-3%)}@keyframes twinkle{0%,to{opacity:.85}50%{opacity:.65}}.starfield{animation:8s ease-in-out infinite twinkle}.btn{align-items:center;gap:var(--s-2);border-radius:var(--r-full);border:1px solid var(--glass-line);background:var(--glass-tint);color:var(--ink);font-size:var(--t-sm);letter-spacing:.02em;transition:all var(--d-xs) var(--ease);-webkit-backdrop-filter:blur(20px);white-space:nowrap;padding:10px 16px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--glass-line-hi);background:#ffffff0f}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:#061015;border-color:var(--teal)}.btn-primary:hover{background:#76f0db}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:#ffffff0a}.btn-ghost-sm{border:1px solid var(--glass-line);color:var(--ink-mute);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-full);transition:all var(--d-xs) var(--ease);white-space:nowrap;background:0 0;padding:6px 10px}.btn-ghost-sm:hover{border-color:var(--danger);color:var(--danger);background:#ff6b6b0f}.btn-icon{border-radius:var(--r-full);justify-content:center;width:36px;height:36px;padding:0}.btn-outline{border-color:var(--line-strong);color:var(--ink-mute);background:0 0}.btn-outline:hover{border-color:var(--ink-mute);color:var(--ink);background:#ffffff0a}.btn-danger{color:var(--danger);border-color:#ff6b6b4d}.btn-danger:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.chip{border-radius:var(--r-full);background:var(--glass-tint);border:1px solid var(--glass-line);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.05em;color:var(--ink-mute);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.segmented{border:1px solid var(--glass-line);border-radius:var(--r-full);background:#0006;gap:2px;padding:3px;display:inline-flex}.segmented>button{border-radius:var(--r-full);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);transition:all var(--d-xs) var(--ease);padding:7px 14px;font-weight:500}.segmented>button.on{color:var(--ink);background:#ffffff14}.segmented>button:hover:not(.on){color:var(--ink)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--teal) 0%, var(--teal) var(--pct,50%), var(--line) var(--pct,50%), var(--line) 100%);border-radius:1px;height:2px}.range::-moz-range-track{background:var(--line);border-radius:1px;height:2px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:14px;height:14px;transition:box-shadow var(--d-xs) var(--ease), transform var(--d-xs) var(--ease);border:0;border-radius:50%;margin-top:-6px;box-shadow:0 0 0 4px #5eead400,0 0 12px #5eead499}.range::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #5eead42e,0 0 12px #5eead4b3}.range:active::-webkit-slider-thumb{transform:scale(1.1)}.range::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}.row{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.label-tiny{font-family:var(--f-mono);font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);font-weight:500}.value-num{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--ink);letter-spacing:.02em;font-variant-numeric:tabular-nums}.divider{background:var(--glass-line);height:1px;margin:var(--s-5) 0}.fade-up,.fade-in{opacity:1}.brand{align-items:center;gap:var(--s-3);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.32em;color:var(--ink);text-transform:uppercase;white-space:nowrap;font-weight:500;display:flex}.brand-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 12px var(--teal-glow);border-radius:50%;flex-shrink:0;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.app-root{width:100%;height:100%;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-scroll{z-index:50;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;background:var(--bg-deep);scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.landing-scroll::-webkit-scrollbar{width:0}.landing-bg-persistent{z-index:0;pointer-events:none;background:radial-gradient(ellipse 1400px 800px at 18% 110%, #5eead40b, transparent 60%), radial-gradient(ellipse 1200px 700px at 92% -10%, #ffb3470a, transparent 60%), var(--bg-deep);position:fixed;inset:0}.landing-bg-persistent .starfield{opacity:.7;position:absolute;inset:0}.landing-page{scroll-snap-align:start;width:100%;min-height:100vh;position:relative}.landing{grid-template-rows:1fr auto;padding-top:88px;display:grid}.landing-bg{z-index:0;pointer-events:none;background:radial-gradient(#0a0b14 0%,#04050a 80%);position:absolute;inset:0}.landing>.landing-mid,.landing>.landing-bottom{z-index:1;position:relative}.landing-art{opacity:.9;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.landing-art g{transform-box:view-box}.landing-sunglow{pointer-events:none;filter:blur(40px);z-index:-1;background:radial-gradient(circle,#ffd16633 0%,#ffb3471a 25%,#5eead40f 45%,#0000 65%);width:900px;height:900px;position:absolute;top:50%;right:-120px;transform:translateY(-50%)}.landing-nav{gap:var(--s-6);align-items:center;display:flex}.landing-top{z-index:100;padding:var(--s-5) var(--s-10);-webkit-backdrop-filter:blur(20px)saturate(160%);background:linear-gradient(#07080cbf,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-bottom{padding:var(--s-8) var(--s-10);z-index:2;justify-content:space-between;align-items:center;display:flex}.landing-mid{padding:0 var(--s-20);z-index:2;align-content:center;justify-items:start;width:100%;max-width:1400px;margin:0 auto;display:grid}.landing-eyebrow{align-items:center;gap:var(--s-3);color:var(--ink-mute);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.28em;text-transform:uppercase;margin-bottom:var(--s-8);display:flex}.landing-eyebrow:before{content:"";background:var(--teal);width:32px;height:1px}.landing-title{font-family:var(--f-display);letter-spacing:-.045em;color:var(--ink);max-width:14ch;margin:0;font-size:clamp(56px,9vw,132px);font-weight:300;line-height:.92}.landing-title em{color:var(--teal);background:linear-gradient(120deg, var(--teal), var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:300}.landing-sub{margin-top:var(--s-8);font-size:var(--t-lg);color:var(--ink-mute);max-width:56ch;font-weight:400;line-height:1.5}.landing-cta-row{align-items:center;gap:var(--s-4);margin-top:var(--s-10);display:flex}.landing-stats{margin-top:var(--s-16);gap:var(--s-12);display:flex}.landing-stat .label-tiny{margin-bottom:6px}.landing-stat .val{font-family:var(--f-display);font-size:var(--t-2xl);letter-spacing:-.02em;color:var(--ink);font-weight:300}.landing-bottom{font-family:var(--f-mono);font-size:var(--t-2xs);color:var(--ink-dim);letter-spacing:.22em;text-transform:uppercase}.landing-bottom .tickers{gap:var(--s-8);display:flex}.landing-bottom .tickers span{gap:8px;display:flex}.landing-bottom .tickers em{color:var(--ink-mute);font-style:normal}.ticker{font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);align-items:baseline;gap:8px;display:inline-flex}.ticker em{color:var(--teal);font-style:normal}.hud-top{padding:var(--s-6) var(--s-8);z-index:20;pointer-events:none;transition:right var(--d-md) var(--ease);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-top.drawer-open{right:484px}.hud-top-center{gap:var(--s-2);align-items:center;display:flex}.hud-bottom{padding:var(--s-6) var(--s-8);z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:var(--s-6);transition:right var(--d-md) var(--ease);display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bottom.drawer-open{right:484px}.hud-bottom>*{pointer-events:auto}.stat-pill{align-items:center;gap:var(--s-2);border-radius:var(--r-full);background:var(--glass-bg);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;padding:8px 14px;display:flex}.stat-pill b{color:var(--ink);font-weight:500}.stat-pill .dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 8px var(--teal-glow);border-radius:50%}.time-pill{align-items:center;gap:var(--s-3);border-radius:var(--r-full);background:var(--glass-bg-2);border:1px solid var(--glass-line-hi);-webkit-backdrop-filter:blur(32px)saturate(180%);padding:10px 18px 10px 12px;display:flex;box-shadow:0 12px 40px #0000008c}.time-btn{width:36px;height:36px;transition:all var(--d-xs) var(--ease);color:var(--ink-mute);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.time-btn:hover{color:var(--ink);background:#ffffff0f}.time-btn.primary{background:var(--teal);color:#061015;width:44px;height:44px}.time-btn.primary:hover{background:#76f0db}.time-scrub{align-items:center;gap:var(--s-3);font-family:var(--f-mono);font-size:var(--t-sm);color:var(--ink);padding:0 var(--s-3);min-width:0;display:flex}.time-scale{font-variant-numeric:tabular-nums;letter-spacing:.04em}.time-date{color:var(--ink-mute);font-size:var(--t-xs);letter-spacing:.06em}.telemetry{font-family:var(--f-mono);font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);white-space:nowrap;flex-shrink:0;gap:4px;display:grid}.telemetry .row{gap:var(--s-4)}.telemetry .v{color:var(--ink-mute);font-variant-numeric:tabular-nums}.drawer{z-index:30;width:460px;transition:transform var(--d-md) var(--ease);padding:var(--s-6);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(0)}.drawer.closed{transform:translate(calc(100% + 12px))}.drawer>*{pointer-events:auto}.drawer-card{background:var(--glass-bg-2);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--glass-line-hi);border-radius:var(--r-xl);flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff0f}.drawer-head{padding:var(--s-5) var(--s-6) 0;justify-content:space-between;align-items:center;display:flex}.drawer-tabs{gap:var(--s-5);padding:var(--s-4) var(--s-6) 0;border-bottom:1px solid var(--glass-line);display:flex}.drawer-tabs>button{font-size:var(--t-sm);color:var(--ink-mute);transition:all var(--d-xs) var(--ease);letter-spacing:.02em;border-bottom:1px solid #0000;margin-bottom:-1px;padding:12px 2px;font-weight:500}.drawer-tabs>button.on{color:var(--ink);border-color:var(--teal)}.drawer-tabs>button:hover:not(.on){color:var(--ink)}.drawer-body{padding:var(--s-6);flex:1;overflow-y:auto}.drawer-foot{padding:var(--s-4) var(--s-6);border-top:1px solid var(--glass-line);gap:var(--s-2);display:flex}.drawer-fab{top:50%;right:var(--s-6);z-index:25;border-radius:var(--r-full);background:var(--glass-bg-2);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--glass-line-hi);width:44px;height:88px;transition:all var(--d-sm) var(--ease);color:var(--ink-mute);justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 12px 40px #0006}.drawer-fab:hover{color:var(--ink);border-color:var(--teal);background:#5eead414}.drawer-fab.hidden{opacity:0;pointer-events:none;transform:translate(20px,-50%)}.body-grid{gap:var(--s-2);grid-template-columns:repeat(5,1fr);display:grid}.body-cell{aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--glass-line);cursor:pointer;transition:all var(--d-xs) var(--ease);background:#ffffff06;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.body-cell:hover{border-color:var(--glass-line-hi);background:#ffffff0d}.body-cell.on{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#5eead414}.body-cell-dot{border-radius:50%;width:22px;height:22px}.body-cell-name{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:9px}.body-cell.on .body-cell-name{color:var(--ink)}.selbody{padding-bottom:var(--s-5);border-bottom:1px solid var(--glass-line);margin-bottom:var(--s-5);gap:var(--s-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.selbody-orb{border-radius:50%;width:56px;height:56px;position:relative}.selbody-orb:after{content:"";border:1px dashed #5eead466;border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-8px}.selbody h2{font-family:var(--f-display);font-size:var(--t-2xl);letter-spacing:-.02em;margin:0 0 4px;font-weight:300;line-height:1}.selbody .meta{font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.section{margin-top:var(--s-6)}.section-h{margin-bottom:var(--s-4);justify-content:space-between;align-items:center;display:flex}.slider-row{margin-bottom:var(--s-5)}.slider-row .row{margin-bottom:6px}.mass-chips{gap:var(--s-1);flex-wrap:wrap;display:flex}.mass-chip{border-radius:var(--r-sm);border:1px solid var(--glass-line);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.08em;color:var(--ink-mute);cursor:pointer;transition:all var(--d-xs) var(--ease);white-space:nowrap;background:#ffffff06;padding:5px 9px}.mass-chip:hover{color:var(--ink);border-color:var(--glass-line-hi);background:#ffffff12}.mass-chip.on{border-color:var(--teal);color:var(--teal);background:#5eead41f}.stepper{align-items:center;gap:var(--s-2);display:flex}.stepper button{border:1px solid var(--glass-line);width:28px;height:28px;color:var(--ink-mute);transition:all var(--d-xs) var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stepper button:hover{border-color:var(--teal);color:var(--ink)}.stepper .v{text-align:center;min-width:32px;font-family:var(--f-mono);font-variant-numeric:tabular-nums}.toggle{align-items:center;gap:var(--s-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.toggle-track{width:36px;height:20px;transition:background var(--d-xs) var(--ease);background:#ffffff1a;border-radius:12px;flex-shrink:0;position:relative}.toggle-thumb{background:var(--ink);width:16px;height:16px;transition:all var(--d-xs) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on .toggle-track{background:var(--teal)}.toggle.on .toggle-thumb{background:#061015;left:18px}.compo-row{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.compo-pill{border-radius:var(--r-md);border:1px solid var(--glass-line);text-align:center;font-size:var(--t-xs);letter-spacing:.06em;font-family:var(--f-mono);text-transform:uppercase;color:var(--ink-mute);transition:all var(--d-xs) var(--ease);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.compo-pill:hover{color:var(--ink);border-color:var(--glass-line-hi)}.compo-pill.on{color:var(--teal);border-color:var(--teal);background:#5eead40f}.compo-pill-icon{opacity:.7;background:currentColor;border-radius:50%;width:18px;height:18px}.scenarios{gap:var(--s-2);display:grid}.scenario{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--glass-line);cursor:pointer;transition:all var(--d-xs) var(--ease);text-align:left;background:#ffffff05;grid-template-columns:auto 1fr auto;display:grid}.scenario:hover{border-color:var(--glass-line-hi);background:#ffffff0d}.scenario.on{border-color:var(--teal);background:#5eead40f}.scenario-num{font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.1em;color:var(--ink-dim)}.scenario-name{font-size:var(--t-sm);color:var(--ink);font-weight:500}.scenario-desc{font-size:var(--t-xs);color:var(--ink-mute);margin-top:2px;font-weight:400}.scenario-arrow{color:var(--ink-dim);transition:all var(--d-xs) var(--ease)}.scenario:hover .scenario-arrow{color:var(--teal);transform:translate(2px)}.action-row{gap:var(--s-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.action-row .btn{justify-content:center;width:100%;padding:10px}.add-form-field{border:1px solid var(--glass-line);border-radius:var(--r-sm);width:100%;font-size:var(--t-sm);color:var(--ink);margin-bottom:var(--s-3);transition:border-color var(--d-xs) var(--ease);background:#ffffff0a;padding:8px 12px;font-family:inherit}.add-form-field:focus{border-color:var(--teal);outline:none}.add-form-field::placeholder{color:var(--ink-dim)}.body-label{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;display:flex;transform:translate(10px,-5px)}.label-name{font-family:var(--f-mono);font-size:var(--t-2xs);color:#fff9;text-transform:uppercase;letter-spacing:.14em;font-weight:500;line-height:1.3}.label-vel{font-family:var(--f-mono);font-size:var(--t-2xs);color:#ffffff59;letter-spacing:.06em;line-height:1.3}.body-label.selected .label-name{color:var(--teal)}.body-label.selected .label-vel{color:#5eead48c}.zoom-control{align-items:center;gap:var(--s-1);border-radius:var(--r-full);background:var(--glass-bg);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);padding:6px 10px;display:flex}.zoom-btn{width:28px;height:28px;color:var(--ink-mute);transition:all var(--d-xs) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.zoom-btn:hover{color:var(--ink);background:#ffffff14}.zoom-val{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:44px}.nav-pageswitch{border-radius:var(--r-full);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);transition:all var(--d-xs) var(--ease);background:0 0;border:1px solid #0000;padding:7px 14px}.nav-pageswitch:hover{color:var(--ink)}.nav-pageswitch.on{color:var(--ink);border-color:var(--glass-line-hi);background:#ffffff0f}.page-dots{right:var(--s-8);gap:var(--s-3);z-index:90;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.page-dot{cursor:pointer;width:8px;height:8px;transition:all var(--d-sm) var(--ease);background:#ffffff26;border:0;border-radius:50%;padding:0}.page-dot:hover{background:#ffffff59}.page-dot.on{background:var(--teal);box-shadow:0 0 10px var(--teal-glow);transform:scale(1.15)}.scroll-cue{border-radius:var(--r-full);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;transition:all var(--d-xs) var(--ease);background:#ffffff06;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.scroll-cue:hover{color:var(--teal);border-color:var(--teal)}.scroll-cue svg{animation:2s ease-in-out infinite bob}@keyframes bob{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.landing-about{position:relative}.about-me-wrap{width:100%;height:100%;min-height:100vh;padding:100px var(--s-12) 80px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-blob{filter:blur(80px);opacity:.55;will-change:transform;mix-blend-mode:screen;border-radius:50%;position:absolute}.blob-amber{background:radial-gradient(circle,#ffd16673,#ffb34700);width:620px;height:620px;animation:38s ease-in-out infinite alternate drift-a;top:-80px;left:-120px}.blob-teal{background:radial-gradient(circle,#5eead452,#5eead400);width:540px;height:540px;animation:46s ease-in-out infinite alternate drift-b;top:12%;right:-140px}.blob-cool{background:radial-gradient(circle,#4682dc38,#4682dc00);width:720px;height:720px;animation:56s ease-in-out infinite alternate drift-c;bottom:-260px;left:22%}.blob-warm{background:radial-gradient(circle,#ff826433,#ff826400);width:460px;height:460px;animation:42s ease-in-out infinite alternate drift-d;bottom:-120px;right:18%}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(160px,90px)scale(1.12)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-180px,110px)scale(.92)}}@keyframes drift-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(140px,-120px)scale(1.18)}}@keyframes drift-d{0%{transform:translate(0,0)scale(1)}to{transform:translate(-120px,-100px)scale(.88)}}.bg-noise{pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.bg-blob{animation:none}}.about-me-grid{z-index:1;gap:var(--s-16);grid-template-columns:360px 1fr;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.about-me-portrait{gap:var(--s-4);justify-items:center;display:grid}.portrait-frame{width:320px;height:320px;position:relative}.portrait-photo{object-fit:cover;object-position:center top;border:1px solid #5eead44d;border-radius:50%;width:100%;height:100%;display:block}.portrait-ring{pointer-events:none;border:1px dashed #5eead473;border-radius:50%;animation:18s linear infinite spin-ring;position:absolute;inset:-18px}.portrait-ring:after{content:"";background:var(--teal);width:6px;height:6px;box-shadow:0 0 10px var(--teal-glow);border-radius:50%;position:absolute;top:-3px;left:50%;transform:translate(-50%)}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portrait-coords{gap:var(--s-4);font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;margin-top:var(--s-6);display:flex}.about-me-text{max-width:56ch}.about-me-namekicker{font-family:var(--f-mono);font-size:var(--t-2xs);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--s-3)}.about-me-name{font-family:var(--f-display);letter-spacing:-.04em;color:var(--ink);margin:0 0 var(--s-8);font-size:clamp(48px,7vw,88px);font-weight:300;line-height:.92}.about-me-name em{background:linear-gradient(120deg, var(--teal), var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:300}.about-me-blurb{font-size:var(--t-lg);color:var(--ink-mute);margin:0 0 var(--s-4);max-width:52ch;line-height:1.55}.about-me-blurb em{color:var(--teal);font-style:italic;font-weight:400}.about-me-blurb .brand-name{letter-spacing:.005em;background:linear-gradient(120deg, var(--teal), var(--amber));-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:600}.about-me-facts{margin-top:var(--s-8);gap:var(--s-5) var(--s-8);padding:var(--s-5) 0;border-top:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);grid-template-columns:repeat(2,1fr);max-width:520px;display:grid}.fact{gap:6px;display:grid}.fact-v{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--ink);letter-spacing:.02em}.about-me-links{gap:var(--s-2);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.contact-link{border-radius:var(--r-full);border:1px solid var(--glass-line);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.04em;color:var(--ink-mute);transition:all var(--d-xs) var(--ease);align-items:center;gap:8px;padding:9px 14px;text-decoration:none;display:inline-flex}.contact-link:hover{color:var(--teal);border-color:var(--teal);background:#5eead40f}.about-me-cta-row{margin-top:var(--s-8);gap:var(--s-3);flex-wrap:wrap;display:flex}@media (width<=900px){.about-me-grid{gap:var(--s-8);grid-template-columns:1fr;justify-items:start}.portrait-frame{width:220px;height:220px}.about-me-facts{grid-template-columns:1fr 1fr}.landing-nav .ticker,.page-dots{display:none}}