:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--bg:#0d1117;--surface:#161b22;--surface-raised:#21262d;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--danger:#f85149;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100svh}.app{box-sizing:border-box;max-width:1600px;font-family:var(--font-sans);color:var(--text);min-height:100vh;margin:0 auto;padding:1.5rem}.app--dragging{background:#58a6ff0a}.app__header{background:radial-gradient(circle at 90% 20%, #58a6ff21, transparent 35%), linear-gradient(135deg, var(--surface-raised), var(--surface));border:1px solid #58a6ff47;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-bottom:1.25rem;padding:1.15rem 1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000029}.app__header:before{content:"";background:var(--accent);width:3px;position:absolute;inset:0 auto 0 0}.app__header h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:700}.app__header h1 button{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.app__header h1 button:hover{color:var(--accent)}.app__header h1 button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.app__header-eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:700}.app__header-tagline{max-width:30rem;color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.app__header-tagline a,.app__about-card a:not(.app__about-back){color:var(--accent);text-underline-offset:.2em}.app__header-tagline a:hover,.app__about-card a:not(.app__about-back):hover{text-decoration-thickness:2px}.app__toolbar{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.app__toolbar strong{color:var(--text)}.app__toolbar-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.field-selector{position:relative}.field-selector__trigger{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:.55rem;padding:.4rem .65rem;display:flex}.field-selector__trigger:hover,.field-selector__trigger[aria-expanded=true]{border-color:var(--accent)}.field-selector__chevron{color:var(--text-muted);font-size:.75rem}.field-selector__menu{z-index:10;border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;width:min(320px,100vw - 3rem);position:absolute;top:calc(100% + .4rem);right:0;overflow:hidden;box-shadow:0 12px 30px #00000038}.field-selector__actions{border-bottom:1px solid var(--border);gap:.5rem;padding:.65rem;display:flex}.field-selector__actions button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.2rem .35rem}.field-selector__actions button:hover{text-decoration:underline}.field-selector__options{max-height:min(420px,60vh);padding:.35rem;overflow-y:auto}.field-selector__option{color:var(--text);cursor:pointer;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem;display:grid}.field-selector__option:hover{background:#58a6ff14}.field-selector__option input{accent-color:var(--accent)}.field-selector__option small{color:var(--text-muted)}@media (width<=600px){.app__toolbar-controls{width:100%}.field-selector__menu{width:min(320px,100vw - 4.8rem);left:0;right:auto}}.app__misfire-toggle{cursor:pointer;accent-color:var(--danger);align-items:center;gap:.4rem;display:flex}.app__misfire-select{align-items:center;gap:.45rem;display:flex}.app__misfire-select select{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font:inherit;border-radius:6px;padding:.35rem .5rem}.app__chart-stack{flex-direction:column;gap:1rem;display:flex}.app__view-toggle{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.app__view-toggle button{appearance:none;background:var(--surface-raised);color:var(--text-muted);font:inherit;cursor:pointer;border:0;padding:.4rem .75rem}.app__view-toggle button+button{border-left:1px solid var(--border)}.app__view-toggle button:hover{color:var(--text)}.app__view-toggle button[aria-pressed=true]{color:var(--accent);background:#58a6ff24}.app__scale-select{align-items:center;gap:.4rem;display:flex}.app__scale-select select{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font:inherit;border-radius:6px;padding:.35rem .5rem}.combined-chart{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%}.combined-chart__canvas{width:100%;height:100%}.app__no-fields{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:8px;padding:3rem 1rem}.log-chart{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;height:260px}.app__error{color:var(--danger)}.app__loading-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1117c2;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.app__loading-card{box-sizing:border-box;background:var(--surface);border:1px solid #58a6ff66;border-radius:14px;width:min(460px,100%);padding:1.35rem;box-shadow:0 18px 55px #00000073}.app__loading-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.app__loading-heading div{min-width:0}.app__loading-heading strong,.app__loading-heading span{display:block}.app__loading-heading span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.82rem;overflow:hidden}.app__loading-heading b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.9rem}.app__loading-spinner{border:2px solid #58a6ff40;border-top-color:var(--accent);border-radius:50%;width:1.15rem;height:1.15rem;animation:.75s linear infinite loading-spin}.app__loading-track{background:var(--surface-raised);border-radius:999px;height:6px;margin-top:1.1rem;overflow:hidden}.app__loading-track span{border-radius:inherit;background:linear-gradient(90deg, #388bfd, var(--accent));height:100%;transition:width .12s;display:block}.app__loading-track--indeterminate span{width:42%;animation:1.1s ease-in-out infinite loading-slide}.app__loading-steps{color:var(--text-muted);grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.9rem 0 0;padding:0;font-size:.75rem;list-style:none;display:grid}.app__loading-steps li{text-align:center}.app__loading-steps li:before{content:"";border:1px solid var(--border);background:var(--surface-raised);border-radius:50%;width:.4rem;height:.4rem;margin:0 auto .35rem;display:block}.app__loading-steps .is-active{color:var(--text)}.app__loading-steps .is-active:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #58a6ff24}.app__loading-steps .is-complete:before{border-color:var(--accent);background:#58a6ff73}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(245%)}}@media (prefers-reduced-motion:reduce){.app__loading-spinner,.app__loading-track--indeterminate span{animation-duration:2s}}.app__empty{place-items:center;min-height:68vh;padding:2rem 0;display:grid}.app__empty--active .app__empty-card{border-color:var(--accent);background:#58a6ff08;box-shadow:0 0 0 3px #58a6ff14}.app__empty-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;max-width:720px;padding:2rem;box-shadow:0 8px 18px #0f172a0a}.app__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .4rem;font-size:.72rem;font-weight:700}.app__empty-card h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.app__empty-card p{color:var(--text-muted);margin:.9rem 0 0;line-height:1.6}.app__sample-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.app__sample-actions button{appearance:none;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:.7rem 1rem;transition:border-color .15s,transform .15s}.app__sample-actions button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.app__file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app__empty-dropzone{border:1px dashed var(--border);text-align:center;width:100%;color:var(--text-muted);font:inherit;cursor:pointer;background:#94a3b80a;border-radius:10px;margin-top:1.5rem;padding:1rem;display:block}.app__empty-dropzone:hover,.app__empty-dropzone:focus-visible{border-color:var(--accent);color:var(--accent)}.app__about{place-items:start center;padding:clamp(1rem,4vw,3rem) 0;display:grid}.app__about-card{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(100%,760px);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 8px 18px #0000001f}.app__about-card h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.app__about-card h3{margin:1.75rem 0 0;font-size:1.1rem}.app__about-card p:not(.app__eyebrow){color:var(--text-muted);margin:.75rem 0 0;line-height:1.7}.app__about-back{border:1px solid var(--accent);color:var(--accent);border-radius:10px;margin-top:2rem;padding:.7rem 1rem;text-decoration:none;display:inline-block}.app__about-back:hover,.app__about-back:focus-visible{background:#58a6ff1a}
