:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#020202;--surface:#101010e6;--surface-elevated:#202020eb;--border-strong:#ffffff14;--text-strong:#fff;--text-soft:#d1d1d1;--text-muted:#8e8e8e;--shadow-soft:0 28px 60px #00000057;font-family:Bahnschrift,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#ff7e2224,#0000 28%),linear-gradient(#050505,#000 42%)}body{min-width:320px;min-height:100vh;color:var(--text-strong);background:0 0;margin:0}body:before{content:"";opacity:.35;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}button,input,textarea,select{font:inherit}h1,h2,h3{letter-spacing:.01em;margin:0;font-family:Arial Narrow,Bahnschrift Condensed,Segoe UI Variable,sans-serif}h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.96}h2{font-size:clamp(1.5rem,2vw,2rem)}a{color:inherit}#root{min-height:100vh}.route-header{width:min(1240px,100vw - 32px);margin:0 auto;padding-top:22px}.route-header-inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.route-eyebrow{margin-bottom:6px}.route-title{margin:0;font-size:clamp(1.4rem,2vw,1.95rem)}.route-nav{border:1px solid var(--border-strong);background:#ffffff08;border-radius:18px;align-items:center;gap:10px;padding:8px;display:inline-flex}.route-link,.secondary-link{min-height:42px;color:var(--text-strong);border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.route-link.is-active,.secondary-link{background:#ff7e2229;border:1px solid #ff9a3c33}.route-link:hover,.secondary-link:hover{transform:translateY(-1px)}.app-shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.hero-panel,.graph-panel,.notes-panel,.status-card{border:1px solid var(--border-strong);background:linear-gradient(180deg, #ffffff08, #fff0), var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{border-radius:28px;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff7e224d,#ff7e2200);border-radius:999px;width:280px;height:280px;position:absolute;inset:auto -80px -90px auto}.eyebrow,.panel-kicker,.status-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin:0 0 10px;font-size:.72rem}.hero-copy{max-width:62ch;color:var(--text-soft);margin:0}.hero-actions{flex-direction:column;justify-content:center;gap:14px;display:flex}.hero-toggle{justify-content:space-between}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:16px;padding:14px 18px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.primary-button{color:#130700;background:linear-gradient(135deg,#ff9a3c,#ff7e22 60%,#d85f00);box-shadow:0 18px 36px #ff7e223d}.secondary-button{color:var(--text-strong);background:#ffffff0d;border:1px solid #ffffff14}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.status-card{border-radius:22px;min-height:150px;padding:20px}.status-card strong{color:var(--text-strong);margin-bottom:12px;font-size:clamp(1.25rem,1.8vw,1.7rem);display:block}.heart-rate-display{align-items:center;gap:14px;margin-bottom:12px;display:flex}.heart-rate-display strong{margin-bottom:0}.heart-glyph{color:#fff;transform-origin:50%;background:radial-gradient(circle,#ffffff2e,#ffffff0a);border-radius:999px;place-items:center;width:46px;height:46px;font-size:1.65rem;line-height:1;animation:.78s cubic-bezier(.2,.8,.2,1) heartBeat;display:inline-grid;box-shadow:0 0 0 1px #ffffff14,0 10px 28px #ffffff14}@keyframes heartBeat{0%{transform:scale(.9);box-shadow:0 0 #ffffff38,0 10px 28px #ffffff14}18%{transform:scale(1.24)}36%{transform:scale(.96)}54%{transform:scale(1.14);box-shadow:0 0 0 14px #fff0,0 16px 34px #ffffff1a}to{transform:scale(1);box-shadow:0 0 #fff0,0 10px 28px #ffffff14}}.status-card p{color:var(--text-soft);margin:0}.status-card-accent{background:linear-gradient(145deg, #ff7e2238, #ff7e2208), var(--surface)}.graph-panel{border-radius:32px;margin-top:18px;padding:24px}.panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.icon-button{width:42px;height:42px;color:var(--text-strong);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;place-items:center;transition:transform .16s,border-color .16s,background .16s;display:inline-grid}.icon-button:hover{background:#ffffff14;border-color:#ff9a3c3d;transform:translateY(-1px)}.icon-button-svg{width:18px;height:18px}.toggle-control{color:var(--text-soft);align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:inline-flex}.toggle-switch{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;width:56px;height:32px;transition:background .18s,border-color .18s,transform .18s;position:relative}.toggle-switch:hover{transform:translateY(-1px)}.toggle-switch:disabled{cursor:not-allowed;opacity:.45;transform:none}.toggle-switch.is-on{background:#ff7e2233;border-color:#ff9a3c59}.toggle-thumb{background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 6px 18px #00000047}.toggle-switch.is-on .toggle-thumb{transform:translate(24px)}.connection-pill{border-radius:999px;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.connection-pill.is-live{color:#89f89b;background:#00d42529}.connection-pill.is-simulated{color:#ffb271;background:#ff7e2229}.chart-frame{grid-template-columns:94px minmax(0,1fr);gap:16px;display:grid}.y-axis,.x-axis{color:var(--text-muted);font-size:.84rem}.y-axis{grid-template-rows:repeat(5,1fr);align-items:center;padding:8px 0;display:grid}.chart-surface{background:radial-gradient(circle at 100% 0,#ff7e2229,#0000 36%),linear-gradient(#ffffff08,#fff0),#060606;border:1px solid #ffffff0f;border-radius:26px;min-height:360px;position:relative;overflow:hidden}.chart-svg{width:100%;height:360px;display:block}.grid-line{stroke:#ffffff14;stroke-width:1px}.sweep-gap-fill{fill:#060606fa}.sweep-gap-fade{fill:url(#sweepGapFade)}.wave-shadow{fill:none;stroke:#ff7e2238;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.wave-line{fill:none;stroke:url(#waveGlow);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #ff7e2259)}.chart-overlay{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.79rem;display:flex;position:absolute;inset:auto 18px 16px}.x-axis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px;padding-left:110px;display:grid}.notes-panel{border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px;padding:20px 24px;display:grid}.notes-panel h3{margin:0 0 10px;font-size:1rem}.notes-panel p{color:var(--text-soft);margin:0}.experiment-hero{margin-top:10px}.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experiment-panel{margin-top:18px}.experiment-copy{color:var(--text-soft);margin:0}.experiment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.experiment-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.experiment-view-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;padding:18px}.experiment-view-card h3{margin:0 0 14px}.experiment-element-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.experiment-element-list li{color:var(--text-soft);background:#00000038;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.experiment-element-list strong{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.82rem}.experiment-xml-viewer{color:#ffd4ad;white-space:pre-wrap;word-break:break-word;background:#060606;border:1px solid #ffffff0f;border-radius:22px;max-height:520px;margin:0;padding:18px;font-size:.88rem;line-height:1.5;overflow:auto}@media (width<=1080px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-grid,.experiment-summary-grid,.experiment-views{grid-template-columns:1fr}}@media (width<=820px){.app-shell{width:min(100vw - 20px,1240px);padding:14px 0 26px}.hero-panel,.notes-panel{grid-template-columns:1fr}.route-header-inner{flex-direction:column;align-items:flex-start}.chart-frame{grid-template-columns:1fr}.y-axis{display:none}.x-axis{padding-left:0}}@media (width<=640px){.status-grid{grid-template-columns:1fr}.hero-panel,.graph-panel,.notes-panel,.status-card{border-radius:22px}.hero-panel,.graph-panel,.notes-panel{padding:18px}.chart-surface,.chart-svg{height:300px;min-height:300px}}