:root{--bg:#1a1a1a;--panel-bg:#2e2e2e;--surface-bg:#212121;--text:#b0b0b0;--text-h:#e0e0e0;--muted:#7a7a7a;--border-dark:#121212;--border-light:#454545;--border:var(--border-dark);--accent:#d1d1d1;--accent-bg:#3a3a3a;--accent-border:#555;--led-green:#39ff14;--led-red:#ff3131;--led-amber:#ffbf00;--shadow:0 4px 10px #000c;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#151515;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-image:radial-gradient(circle at 50% 0,#252525 0%,#151515 100%);min-width:320px;margin:0}#root{width:min(1200px,100%);margin:0 auto}h1,h2,h3,p{margin:0}h1{text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 2px 4px #00000080;font-size:1.5rem;font-weight:700}h2{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}button,input,textarea,select{font:inherit}button{border:0;outline:none}a{color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;gap:12px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.panel{background:var(--panel-bg);border-top:1px solid var(--border-light);border-left:1px solid var(--border-light);border-right:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);border-radius:4px;padding:16px;position:relative;box-shadow:inset 1px 1px #ffffff0d,0 4px 15px #0009}.eyebrow,.label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700;display:inline-block}strong,.tabular-nums{font-variant-numeric:tabular-nums;color:#fff;font-family:Helvetica,Arial,sans-serif}.panel-header{border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex;box-shadow:0 1px #ffffff0d}.panel-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.summary-panel{gap:8px;display:grid}.summary-panel.passed{border-top-color:#315031;box-shadow:inset 1px 1px #ffffff0d,0 4px 15px #0009,inset 0 0 0 1px #39ff1414}.summary-panel.failed{border-top-color:#5a2a2a;box-shadow:inset 1px 1px #ffffff0d,0 4px 15px #0009,inset 0 0 0 1px #ff313114}.summary-title{color:#f0f0f0;font-size:15px}.summary-detail{color:#8f8f8f;font-size:11px}.summary-panel.passed .summary-title,.summary-panel.passed .summary-detail{color:var(--led-green)}.summary-panel.failed .summary-title,.summary-panel.failed .summary-detail{color:var(--led-red)}.summary-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.summary-tag{color:#a7a7a7;letter-spacing:.04em;background:#1b1b1b;border:1px solid #0e0e0e;border-radius:2px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.profile-tabs-container{z-index:20;background:#333;border:1px solid #111;border-top-color:#444;border-radius:4px;padding:12px 16px;position:sticky;top:12px;box-shadow:0 8px 30px #000000b3}.profile-tabs-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tab-list{background:#1a1a1a;border:1px solid #000;border-radius:3px;gap:2px;padding:2px;display:flex}.tab-btn{color:#999;text-transform:uppercase;cursor:pointer;background:linear-gradient(#444,#2a2a2a);border:1px solid #111;border-radius:2px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .1s;box-shadow:inset 0 1px #ffffff1a}.tab-btn:hover{color:#ccc;background:linear-gradient(#4a4444,#333)}.tab-btn.is-active{color:#fff;background:linear-gradient(#666,#444);border-color:#000;box-shadow:inset 0 1px 2px #00000080,0 0 5px #ffffff1a}.tab-details{border-top:1px solid #222;align-items:center;gap:20px;padding-top:10px;display:flex}.tab-details-target{background:#111;border:1px solid #444;border-radius:2px;align-items:baseline;gap:8px;padding:4px 10px;display:flex}.tab-details-target strong{color:var(--led-green);font-family:Courier New,Courier,monospace;font-size:14px}.tab-details-target span{color:#666;font-size:10px}.tab-details-desc{color:var(--muted);font-size:11px}.status-pill,.check-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #000;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:800}.status-pill{color:#aaa;background:linear-gradient(#444,#222);box-shadow:inset 0 1px #ffffff0d}.check-badge.passed{color:var(--led-green);background:#1a3a1a;border-color:#0a200a}.check-badge.failed{color:var(--led-red);background:#3a1a1a;border-color:#200a0a}.upload-panel{gap:12px;display:grid}.upload-dropzone{cursor:pointer;text-align:center;background:#1a1a1a;border:1px solid #111;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,640px);margin:0 auto;padding:30px;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000080}.upload-dropzone>span{text-align:center;max-width:100%;display:block}.upload-dropzone strong{color:#ccc;text-transform:uppercase;font-size:14px}.upload-hint{color:#555;font-size:11px}.upload-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,640px);margin:0 auto;display:grid}.upload-meta>div{background:#252525;border:1px solid #111;border-top-color:#333;border-radius:2px;padding:8px 12px}.upload-meta strong{color:#999;font-family:Courier New,monospace;font-size:11px}.upload-panel .error-banner{width:min(100%,640px);margin:0 auto}.tutorial-overlay{z-index:120;position:fixed;inset:0}.tutorial-backdrop{background:#070c1452;position:absolute;inset:0}.tutorial-highlight{z-index:1;pointer-events:none;border:2px solid #7dd8ff;border-radius:14px;position:fixed;box-shadow:0 0 0 9999px #070c142e,0 0 0 1px #ffffff2e,0 16px 48px #00000073}.tutorial-popover{z-index:2;align-items:flex-end;gap:16px;width:min(430px,100vw - 32px);display:flex;position:fixed}.tutorial-mascot{filter:drop-shadow(0 12px 24px #00000047);-webkit-user-select:none;user-select:none;pointer-events:none;flex:0 0 132px;width:132px;display:block;transform:scaleX(-1)}.tutorial-card{color:#223246;background:linear-gradient(#f8fdff 0%,#eaf7ff 100%);border:3px solid #88d9ff;border-radius:20px;flex:1;min-width:0;padding:20px 22px;position:relative;box-shadow:0 18px 40px #00000047}.tutorial-card:before,.tutorial-card:after{content:"";border-style:solid;position:absolute;top:48px;left:-18px}.tutorial-card:before{border-width:14px 18px 14px 0;border-color:#0000 #88d9ff #0000 #0000}.tutorial-card:after{border-width:10px 14px 10px 0;border-color:#0000 #f5fbff #0000 #0000;left:-13px}.tutorial-popover.is-below .tutorial-card:before,.tutorial-popover.is-below .tutorial-card:after{left:auto}.tutorial-popover.is-below .tutorial-card:before{border-width:0 14px 18px;border-color:#0000 #0000 #88d9ff;top:-18px;right:68px}.tutorial-popover.is-below .tutorial-card:after{border-width:0 11px 14px;border-color:#0000 #0000 #f5fbff;top:-13px;right:71px}.tutorial-eyebrow{color:#5491b6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.tutorial-message{color:#18304a;font-size:18px;font-weight:700;line-height:1.45}.tutorial-optout{color:#45627c;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;display:inline-flex}.tutorial-optout input{accent-color:#3bb8ff;width:16px;height:16px}.tutorial-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.tutorial-button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-width:84px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .12s,filter .12s}.tutorial-button:hover{filter:brightness(1.02);transform:translateY(-1px)}.tutorial-button.primary{color:#092238;background:linear-gradient(#5fd0ff 0%,#3bb8ff 100%);border-color:#169ae4}.tutorial-button.secondary{color:#32506d;background:#ffffffad;border-color:#507fa038}.waveform-chart-shell{background:#edf3f9;border:1px solid #7f8b99;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 3px 10px #00000059}.waveform-chart{width:100%;height:auto;display:block}.waveform-axis-label,.waveform-time-label,.waveform-axis-title{fill:#516171;font-family:Helvetica Neue,Arial,sans-serif}.waveform-axis-label{font-size:11px}.waveform-time-label{font-size:12px;font-weight:700}.waveform-axis-title{letter-spacing:.05em;font-size:12px;font-weight:700}.waveform-hit-area{cursor:col-resize}.waveform-transport{justify-content:flex-start;margin-top:12px;display:flex}.transport-controls{gap:8px;display:flex}.transport-button{color:#d3d3d3;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#464646,#262626);border:1px solid #0d0d0d;border-color:#4b4b4b #0d0d0d #0d0d0d #4b4b4b;border-radius:3px;min-width:88px;padding:8px 14px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff14}.transport-button:hover:not(:disabled){background:linear-gradient(#525252,#2b2b2b)}.transport-button:disabled{opacity:.45;cursor:not-allowed}.transport-button.icon-button{justify-content:center;align-items:center;width:52px;min-width:52px;height:40px;padding:0;display:inline-flex}.transport-button.play-toggle{color:#b6f3bc}.transport-button.play-toggle.is-playing{background:linear-gradient(#3f4c3f,#253025)}.transport-button.stop{color:#f6b3b3}.transport-icon{display:inline-block}.play-icon{filter:drop-shadow(0 0 2px #38d45b59);border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid #38d45b;width:0;height:0;margin-left:3px}.pause-icon{width:16px;height:16px;position:relative}.pause-icon:before,.pause-icon:after{content:"";background:#38d45b;width:5px;height:16px;position:absolute;top:0;box-shadow:0 0 2px #38d45b59}.pause-icon:before{left:1px}.pause-icon:after{right:1px}.stop-icon{background:#e14b4b;width:14px;height:14px;box-shadow:0 0 2px #e14b4b59}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:16px;display:grid}.metric-card{background:linear-gradient(#2a2a2a,#1a1a1a);border:1px solid #111;border-radius:2px;flex-direction:column;gap:4px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff0d}.metric-card span{color:#666;text-transform:uppercase;font-size:9px;font-weight:700}.metric-card strong{color:#fff;letter-spacing:-.05em;font-family:Courier New,monospace;font-size:20px}.metric-card small{color:#444;font-size:10px}.channel-table-wrap{background:#111;border:1px solid #000;border-radius:2px;box-shadow:inset 0 2px 5px #00000080}.channel-table{border-collapse:collapse;width:100%;font-size:11px}.channel-table th{color:#555;text-align:right;background:#252525;border-bottom:1px solid #000;padding:6px 12px;font-weight:700}.channel-table td{text-align:right;color:#888;border-bottom:1px solid #1a1a1a;padding:6px 12px;font-family:Courier New,monospace}.channel-table th:first-child,.channel-table td:first-child{text-align:left;color:#aaa;font-family:sans-serif;font-weight:700}.checklist-list{flex-direction:column;gap:6px;display:flex}.checklist-item{background:#252525;border:1px solid #111;border-radius:2px;padding:12px;box-shadow:inset 0 1px #ffffff05}.checklist-title-row strong{color:#d8d8d8;font-size:11px}.checklist-details{gap:4px;margin-top:8px;display:grid}.checklist-details div{border-bottom:1px solid #1a1a1a;justify-content:space-between;padding-bottom:2px;display:flex}.checklist-details dt{color:#b8b8b8;font-size:10px}.checklist-details dd{color:#e0e0e0;font-family:Courier New,monospace;font-size:10px}.checklist-details div:last-child{border:none;flex-direction:column}.checklist-details div:last-child dd{color:#d0d0d0;margin-top:2px;font-family:sans-serif;font-size:10px;line-height:1.45}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border:1px solid #111;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@media (width<=1024px){.content-grid{grid-template-columns:1fr}.tutorial-popover{align-items:center}.tutorial-mascot{flex-basis:108px;width:108px}.tutorial-card{padding:18px}}@media (width<=768px){.app-shell{padding:16px}.upload-meta{grid-template-columns:1fr}.tab-list,.tab-details{flex-wrap:wrap}.tab-btn{flex:calc(50% - 4px)}.tutorial-popover{gap:12px;width:calc(100vw - 24px)}.tutorial-mascot{flex-basis:88px;width:88px}.tutorial-message{font-size:16px}.tutorial-button{min-width:72px;padding:9px 12px}.transport-controls{flex-wrap:wrap}.transport-button{flex:calc(50% - 4px)}.transport-button.icon-button{flex:0 0 52px}}