:root{--bg:#070b12;--bg-deep:#05080e;--panel:#0c1420;--panel-2:#101b2c;--border:#1c2a40;--border-strong:#2a3d5c;--text:#e6edf7;--muted:#8296b0;--faint:#55677f;--accent:#22d3ee;--accent-soft:#22d3ee1f;--accent-line:#22d3ee59;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--purple:#a78bfa;--red:#f87171;--radius:12px;--radius-lg:16px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 420px at 15% -10%, #22d3ee17, transparent 60%), radial-gradient(700px 380px at 95% 0%, #4ade800d, transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15px;line-height:1.55}#app{max-width:1180px;margin:0 auto;padding:0 22px 64px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.15}p{margin:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:26px;padding:18px 2px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand svg{display:block}.brand .crumb{color:var(--faint);font-weight:500}.topbar .spacer{flex:1}.file-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13.5px;display:flex}.file-meta .name{color:var(--text);font-family:var(--mono);font-size:13px}.badge{border:1px solid var(--border-strong);background:var(--panel);color:var(--muted);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.deep{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.badge.export{color:var(--purple);background:#a78bfa1a;border-color:#a78bfa66}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,transform 60ms}.btn:hover{border-color:var(--accent-line);background:#142338}.btn:active{transform:translateY(1px)}.btn.primary{color:#04222b;background:linear-gradient(#26d7f0 0%,#14b8d4 100%);border-color:#0000}.btn.primary:hover{background:linear-gradient(#3ee0f6 0%,#19c4e0 100%)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);border-color:var(--border-strong);background:0 0}.btn.small{border-radius:8px;padding:5px 12px;font-size:13px}.hero{text-align:center;padding:64px 0 44px}.hero .eyebrow{border:1px solid var(--border-strong);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#0c1420bf;border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hero .eyebrow .pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero h1{max-width:17ch;margin:22px auto 14px;font-size:clamp(2.1rem,5.2vw,3.5rem);font-weight:720}.hero h1 .depth{color:var(--accent)}.hero .sub{max-width:62ch;color:var(--muted);margin:0 auto 34px;font-size:16.5px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:#0c14208c;max-width:720px;margin:0 auto;padding:40px 28px 34px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative}.dropzone.over{border-color:var(--accent);box-shadow:0 0 0 4px #22d3ee14, var(--shadow);background:#22d3ee0f}.dropzone.busy{opacity:.75;pointer-events:none}.dropzone h2{margin-bottom:6px;font-size:19px;font-weight:650}.dropzone .hint{color:var(--muted);margin-bottom:20px;font-size:13.5px}.dropzone .hint .num{font-size:12.5px}.dropzone .privacy{color:var(--faint);margin-top:18px;font-size:12.5px}.demo-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:14px;display:flex}.demo-row .btn{margin:0 2px}.error-box{color:#fecaca;text-align:left;background:#f8717114;border:1px solid #f8717173;border-radius:10px;max-width:720px;margin:18px auto 0;padding:12px 16px;font-size:14px}.spinner{border:2px solid #22d3ee40;border-top-color:var(--accent);vertical-align:-3px;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:54px 0 0;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#101b2ca6,#0c1420a6);padding:20px 18px}.card h3{margin:10px 0 6px;font-size:15px;font-weight:650}.card p{color:var(--muted);font-size:13.5px}.card .glyph{font-size:18px;line-height:1}.card .glyph.cyan{color:var(--accent)}.card .glyph.green{color:var(--green)}.card .glyph.yellow{color:var(--yellow)}.card .glyph.purple{color:var(--purple)}.steps{border-top:1px solid var(--border);margin-top:54px;padding-top:34px}.steps h2{margin-bottom:16px;font-size:19px;font-weight:650}.steps ol{color:var(--muted);margin:0;padding-left:20px}.steps li{margin-bottom:10px}code,kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--text);background:#152134d9;border-radius:6px;padding:1.5px 6px;font-size:12.8px}.page-footer{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;align-items:center;gap:16px;margin-top:64px;padding-top:22px;font-size:13px;display:flex}.page-footer .spacer{flex:1}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:22px;display:grid}.kpi{border:1px solid var(--border);border-radius:var(--radius);background:#0c1420b3;padding:14px 16px}.kpi .label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600}.kpi .value{font-family:var(--mono);margin-top:4px;font-size:22px}.kpi .detail{color:var(--faint);font-size:12.5px;font-family:var(--mono);margin-top:3px}.charts{gap:16px;display:grid}.chart-card{border:1px solid var(--border);border-radius:var(--radius);background:#0a111ccc;padding:14px 14px 8px}.chart-head{align-items:baseline;gap:12px;margin-bottom:6px;padding:0 4px;display:flex}.chart-head h3{font-size:14.5px;font-weight:650}.chart-head .hint{color:var(--faint);font-size:12.5px}.chart-head .spacer{flex:1}.chart-body{width:100%}.chart-body .u-legend{font-size:12px;font-family:var(--mono)}.chart-body .u-legend th{font-weight:600}.processes{border:1px solid var(--border);border-radius:var(--radius);background:#0c1420a6;margin-top:26px;padding:18px}.processes .panel-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.processes h3{font-size:15.5px;font-weight:650}.processes .when{font-family:var(--mono);color:var(--accent);font-size:13px}.processes .spacer{flex:1}.processes .scrub{color:var(--muted);align-items:center;gap:10px;margin:6px 0 14px;font-size:12.5px;display:flex}input[type=range]{accent-color:var(--accent);flex:1;height:4px}.process-table-wrap{overflow-x:auto}table.process-table{border-collapse:collapse;width:100%;font-size:13px}.process-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px;font-size:11.5px}.process-table td{font-family:var(--mono);white-space:nowrap;border-bottom:1px solid #1c2a4080;padding:6px 10px;font-size:12.5px}.process-table tr:last-child td{border-bottom:none}.process-table td.name{font-family:var(--sans);font-weight:600}.process-table td.cmd{text-overflow:ellipsis;max-width:380px;color:var(--muted);overflow:hidden}.process-table td.cpu.hot{color:var(--yellow)}.process-table td.cpu.scorching{color:var(--red)}.sort-tabs{border:1px solid var(--border-strong);border-radius:9px;display:inline-flex;overflow:hidden}.sort-tabs button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:12.5px;font-weight:600}.sort-tabs button.active{background:var(--accent-soft);color:var(--accent)}.empty-state{text-align:center;color:var(--muted);padding:90px 20px}.empty-state h2{color:var(--text);margin-bottom:10px;font-size:22px}.empty-state .btn{margin-top:22px}@media (max-width:640px){.hero{padding-top:40px}.dropzone{padding:30px 18px 26px}}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}