:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#09111f;--bg-accent:#13243d;--panel:#0a1220db;--panel-strong:#0c1829f5;--text:#f8fafc;--muted:#9db1c7;--border:#9db2cc2e;--border-strong:#58b8ff42;--primary:#ff8a3d;--primary-hover:#ff6b1a;--info:#58b8ff;--warning:#f7b84b;--error:#ff6b6b;--success:#49d17d;--shadow:0 28px 80px #02061773;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#58b8ff2e,#0000 30%),radial-gradient(circle at 20% 20%,#ff8a3d1f,#0000 24%),linear-gradient(#07101d 0%,#09111f 45%,#0b1630 100%);font-family:Space Grotesk,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px 40px;display:flex}.hero-card{background:var(--panel);border:1px solid var(--border);width:min(100%,980px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;padding:24px}.hero-copy{margin-bottom:28px}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--info);margin:0 0 10px;font-size:.75rem;font-weight:700}.hero-title{letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,8vw,4rem);line-height:.95}.hero-description{max-width:38rem;color:var(--muted);margin:16px 0 0;font-size:1.02rem}.tuner-launch-panel{gap:16px;display:grid}.trust-note{width:fit-content;max-width:100%;color:var(--info);background:#58b8ff1f;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.tuner-stage{background:linear-gradient(#0d1727f5,#08101df5);border:1px solid #58b8ff24;border-radius:28px;gap:18px;padding:20px;display:grid}.tuner-stage-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tuner-stage-kicker{letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc;margin:0 0 6px;font-size:.72rem;font-weight:700}.tuner-stage-title{color:#f8fafc;margin:0;font-size:clamp(1.3rem,3vw,2rem)}.signal-pill{border-radius:999px;align-items:center;min-height:40px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.signal-pill--active,.signal-pill--success{color:#c8f7d7;background:#49d17d29}.signal-pill--warning{color:#fde3ab;background:#f7b84b29}.signal-pill--idle{color:#d8f0ff;background:#58b8ff29}.tuner-primary-readout{gap:18px;display:grid}.note-orb{background:radial-gradient(circle at top,#58b8ff1f,#0000 45%),linear-gradient(#0f1e32f0,#08101de6);border:1px solid #58b8ff29;border-radius:28px;place-items:center;gap:8px;min-height:220px;padding:18px;display:grid}.note-orb-note{letter-spacing:-.06em;color:#f8fafc;font-size:clamp(4.8rem,16vw,8rem);font-weight:700;line-height:.9}.note-orb-target{color:var(--muted);text-align:center;font-size:1rem}.tuner-needle-panel{border:1px solid var(--border);background:#08101dc2;border-radius:24px;gap:12px;padding:18px;display:grid}.tuner-direction-row,.tuner-metric-row{justify-content:space-between;gap:12px;display:flex}.tuner-direction-row{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.82rem}.tuner-scale{background:linear-gradient(90deg,#ff6b6b24,#49d17d2e,#ff6b6b24);border-radius:22px;height:78px;position:relative;overflow:hidden}.tuner-scale-center{background:#f8fafccc;width:2px;margin:0 auto;position:absolute;inset:0}.tuner-needle{--needle-offset:0%;width:4px;height:58px;transform:translateX(var(--needle-offset));background:linear-gradient(#ffd277 0%,#ff8a3d 100%);border-radius:999px;position:absolute;bottom:10px;left:50%;box-shadow:0 0 24px #ff8a3d59}.tuner-needle--success{background:linear-gradient(#a4f1c0 0%,#49d17d 100%);box-shadow:0 0 24px #49d17d59}.tuner-ticks{justify-content:space-between;align-items:stretch;display:flex;position:absolute;inset:0 18px}.tuner-ticks span{background:#ffffff14;width:1px;height:100%}.tuner-ticks .is-center{background:0 0}.tuner-metric-row strong{color:#f8fafc;font-size:1.15rem}.tuner-metric-row span{color:var(--muted)}.direction-chip{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:8px 14px;font-weight:700;display:inline-flex}.direction-chip--flat{color:#fde3ab;background:#f7b84b29}.direction-chip--sharp{color:#ffd0d0;background:#ff6b6b29}.direction-chip--in-tune{color:#c8f7d7;background:#49d17d29}.direction-chip--idle{color:#d8f0ff;background:#58b8ff1f}.tuner-guidance{color:#dbeafe;background:#58b8ff14;border-radius:18px;margin:0;padding:14px 16px}.target-mode-panel{border:1px solid var(--border);background:#060e19d6;border-radius:22px;gap:14px;padding:16px;display:grid}.target-mode-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.target-mode-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:.72rem}.target-mode-title{color:#f8fafc;margin:0;font-size:1rem}.target-mode-toggle{background:#ffffff0a;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.mode-chip{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.mode-chip--active{color:#d8f0ff;background:#58b8ff29}.manual-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.manual-target-pill{color:#f8fafc;text-align:left;background:#0a1220b8;border:1px solid #9db2cc24;border-radius:18px;gap:4px;min-height:66px;padding:12px;display:grid}.manual-target-pill span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.manual-target-pill strong{font-size:1rem}.manual-target-pill--active{background:#58b8ff1f;border-color:#58b8ff57}.rescue-card{border:1px solid var(--border);border-radius:22px;gap:10px;padding:16px;display:grid}.rescue-card--warning{background:#38250ae6;border-color:#f7b84b47}.rescue-card--info{background:#0c1b2deb;border-color:#58b8ff38}.rescue-card--success{background:#0a2818e6;border-color:#49d17d42}.rescue-card-header{gap:4px;display:grid}.rescue-card-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem}.rescue-card-title{color:#f8fafc;margin:0;font-size:1rem}.rescue-card-description{color:#dbeafe;margin:0}.rescue-card-steps{gap:8px;display:grid}.rescue-card-steps p{color:#e2e8f0;background:#ffffff0a;border-radius:14px;margin:0;padding:10px 12px}.input-health-panel{border:1px solid var(--border);background:#060e19d6;border-radius:20px;gap:10px;padding:16px;display:grid}.input-health-copy{gap:4px;display:grid}.input-health-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.72rem}.input-health-message{color:#f8fafc;margin:0}.input-level-track{background:#94a3b829;border-radius:999px;height:12px;position:relative;overflow:hidden}.input-level-fill{border-radius:inherit;height:100%;transition:width .18s;display:block}.input-level-fill--warning{background:linear-gradient(90deg,#ff7b7b 0%,#f7b84b 100%)}.input-level-fill--idle{background:linear-gradient(90deg,#587cff 0%,#58b8ff 100%)}.input-level-fill--active,.input-level-fill--success{background:linear-gradient(90deg,#5ce1a5 0%,#49d17d 100%)}.device-panel{border:1px solid var(--border);background:#060e19d6;border-radius:22px;gap:14px;padding:16px;display:grid}.device-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-panel-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.72rem}.device-panel-title{color:#f8fafc;margin:0;font-size:1rem}.device-refresh-button{color:#d8f0ff;background:#58b8ff14;border:1px solid #58b8ff3d;border-radius:12px;min-height:40px;padding:8px 12px;font-weight:600}.device-panel-grid{gap:12px;display:grid}.device-select-field,.device-active-card{background:#0a1220b8;border:1px solid #9db2cc24;border-radius:18px;gap:8px;padding:14px;display:grid}.device-select-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.device-select{color:#f8fafc;background:#08101deb;border:1px solid #58b8ff38;border-radius:14px;min-height:48px;padding:0 14px}.device-select:focus-visible,.device-refresh-button:focus-visible{outline-offset:3px;outline:3px solid #58b8ff3d}.device-active-card strong{color:#f8fafc;font-size:1rem}.device-active-card p{color:var(--muted);margin:0}.string-target-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.string-target-pill{background:#0a1220b8;border:1px solid #9db2cc24;border-radius:18px;gap:4px;padding:12px;display:grid}.string-target-pill--active{background:#58b8ff1f;border-color:#58b8ff57}.string-target-index{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.primary-button{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);border:0;border-radius:18px;min-height:56px;padding:14px 18px;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 16px 30px #f973163d}.primary-button:disabled{cursor:progress;opacity:.74;transform:none;box-shadow:0 10px 24px #f973162e}.primary-button:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 18px 32px #f973164d}.primary-button:active{transform:translateY(0)}.primary-button:focus-visible{outline-offset:3px;outline:3px solid #f9731647}.permission-note{color:var(--muted);margin:0;font-size:.95rem}.reference-strip{flex-wrap:wrap;gap:10px;display:flex}.reference-pill{border:1px solid var(--border);min-width:54px;color:var(--text);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.status-stack{gap:12px;display:grid}.secondary-button{width:fit-content;min-height:48px;color:var(--text);background:#ffffff14;border:1px solid #3b82f633;border-radius:14px;padding:10px 16px;font-weight:600}.secondary-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb33}.status-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:20px;padding:18px}.status-card--info{background:#0c1b2deb;border-color:#58b8ff38}.status-card--warning{background:#291e0beb;border-color:#f7b84b3d}.status-card--error{background:#321212eb;border-color:#ff6b6b3d}.status-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem;font-weight:700}.status-title{margin:0;font-size:1.05rem}.status-description,.status-hint{color:var(--muted);margin:8px 0 0}.debug-readout-card{color:#0f172a;background:linear-gradient(#fffffff5,#f8fafceb);border:1px solid #0f172a14;border-radius:20px;padding:18px}.debug-readout-header{gap:6px;margin-bottom:14px;display:grid}.debug-readout-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--info);margin:0;font-size:.72rem;font-weight:700}.debug-readout-title{margin:0;font-size:1rem}.debug-readout-description{color:var(--muted);margin:0;font-size:.92rem}.debug-readout-sections{gap:16px;display:grid}.debug-readout-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.85rem;font-weight:700}.debug-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.debug-readout-item{background:#ffffffeb;border:1px solid #94a3b833;border-radius:16px;min-width:0;padding:12px}.debug-readout-item dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.72rem;font-weight:700}.debug-readout-item dd{color:var(--text);word-break:break-word;margin:0;font-size:.95rem;font-weight:700}.developer-log-console{color:#e2e8f0;background:linear-gradient(#0f172af5,#1e293bf5);border:1px solid #0f172a1a;border-radius:22px;padding:18px;box-shadow:inset 0 1px #ffffff0a}.developer-tools{border:1px solid var(--border);background:#08101d75;border-radius:20px;overflow:hidden}.developer-tools summary{cursor:pointer;color:#dbeafe;padding:16px 18px;font-weight:700;list-style:none}.developer-tools summary::-webkit-details-marker{display:none}.developer-tools-stack{gap:14px;padding:0 18px 18px;display:grid}.developer-log-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.developer-log-kicker{letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc;margin:0 0 6px;font-size:.72rem;font-weight:700}.developer-log-title{color:#f8fafc;margin:0;font-size:1rem}.developer-log-description{color:#94a3b8;margin:6px 0 0;font-size:.92rem}.developer-log-clear{color:#e0f2fe;background:#0f172a66;border:1px solid #7dd3fc38;border-radius:12px;min-height:40px;padding:8px 12px;font-weight:600}.developer-log-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.developer-log-stat{background:#0f172a57;border:1px solid #94a3b829;border-radius:14px;margin:0;padding:10px 12px}.developer-log-stat dt{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 6px;font-size:.72rem;font-weight:700}.developer-log-stat dd{color:#f8fafc;margin:0;font-size:1rem;font-weight:700}.developer-log-stream{gap:10px;max-height:520px;padding-right:2px;display:grid;overflow:auto}.developer-log-empty{color:#94a3b8;background:#0f172a57;border-radius:16px;margin:0;padding:16px}.developer-log-entry{background:#0f172a6b;border:1px solid #94a3b82e;border-radius:18px;padding:14px}.developer-log-entry--error{border-color:#f8717152}.developer-log-entry--warn{border-color:#fbbf2447}.developer-log-entry--success{border-color:#4ade8047}.developer-log-entry-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.developer-log-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:62px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.developer-log-badge--trace,.developer-log-badge--debug{color:#cbd5e1;background:#94a3b829}.developer-log-badge--info{color:#bfdbfe;background:#3b82f633}.developer-log-badge--success{color:#bbf7d0;background:#22c55e33}.developer-log-badge--warn{color:#fde68a;background:#f59e0b38}.developer-log-badge--error{color:#fecaca;background:#ef444438}.developer-log-scope,.developer-log-time{color:#94a3b8;font-size:.78rem}.developer-log-entry-title{color:#f8fafc;margin:0;font-size:.96rem}.developer-log-entry-message{color:#cbd5e1;margin:8px 0 0}.developer-log-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.developer-log-meta-item{background:#02061757;border:1px solid #94a3b81f;border-radius:12px;min-width:0;padding:10px}.developer-log-meta-item dt{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin:0 0 4px;font-size:.7rem}.developer-log-meta-item dd{color:#f8fafc;word-break:break-word;margin:0}@media (prefers-reduced-motion:reduce){.primary-button,.input-level-fill{transition:none}}@media (width>=768px){.page-shell{padding:40px 24px 56px}.hero-card{padding:36px}.tuner-launch-panel{gap:18px}.tuner-primary-readout{grid-template-columns:.95fr 1.05fr;align-items:stretch}.device-panel-grid{grid-template-columns:1.2fr .8fr}.manual-target-grid,.string-target-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.status-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-readout-grid,.developer-log-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}