:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#f7f8fa}h1,h3,h2{color:#1f2933;margin:0}a{color:#0b62a9}button{border-radius:6px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px;background:#fff;color:#1f2933;cursor:pointer}button:disabled{background:#f3f4f6;color:#9ca3af}.app-shell{max-width:1100px;margin:0 auto;padding:16px;color:#1f2933}.card{background:#fff;border-radius:8px;padding:12px 14px;border:1px solid #e5e7eb;box-shadow:none}.hero{margin-bottom:12px}.hero h1{margin:4px 0;font-size:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:12px}.card h3{margin:0}.visual-grid{display:grid;gap:10px}.viz-canvas{background:#f5f7fa;border-radius:6px;border:1px solid #d8dadd}.viz-overview{margin-top:6px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.metric{background:#f8fafc;border-radius:6px;padding:8px 10px;border:1px solid #e5e7eb}.metric__value{display:flex;align-items:baseline;gap:4px;font-size:20px;font-weight:700;margin-top:2px}.metric__value small{color:#6b7280;font-weight:600}.viz-scroll{overflow-x:auto;padding-bottom:6px}.viz-scroll canvas{display:block}.scroll-controls{margin-top:6px}.explain ol{padding-left:16px;color:#374151}.explain li{margin-bottom:6px}.error{color:#b91c1c;position:fixed;bottom:16px;background:#ffb7b7;border:1px solid #ff0000;padding:10px 14px;margin:6px 0 0;font-weight:700}.panel{background:transparent;color:#1f2933;border:none;padding:0;box-shadow:none}.panel__header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:12px}.eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:#6b7280;margin:0 0 2px}.subdued{color:#4b5563;margin:6px 0 0}.control-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}button.primary{background:#0b62a9;color:#fff;border:1px solid #0b62a9;font-weight:600}.file-drop{border:1px dashed #d1d5db;border-radius:8px;padding:10px 12px;display:flex;gap:10px;align-items:center;cursor:pointer}.file-drop input[type=file]{display:none}.pill{border-radius:999px;padding:4px 10px;font-weight:600;font-size:12px;border:1px solid #d1d5db}.pill--idle{background:#f3f4f6;color:#374151}.pill--recording{background:#fee2e2;color:#991b1b}.pill--processing{background:#e0f2fe;color:#075985}.fine-print{font-size:12px}