:root{color:#050505;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--pink:#f05;--black:#050505;--muted:#0505058f;--line:#0505052e;--paper:#fff;--band:#f0f1ee;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;text-transform:uppercase;font-size:clamp(32px,4vw,56px);line-height:.95}h2{letter-spacing:0;text-transform:uppercase;font-size:20px;line-height:1.1}.eyebrow{color:var(--pink);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800}.topbar-actions{align-items:center;gap:10px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.scope-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.scope-tabs button{border:1px solid var(--black);color:var(--black);text-align:left;background:#fff;gap:5px;min-height:74px;padding:12px;display:grid}.scope-tabs button.active{border-color:var(--pink);box-shadow:4px 4px 0 var(--pink)}.scope-tabs span{text-transform:uppercase;font-weight:850}.scope-tabs small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.metric-card,.panel,.auth-card{background:var(--paper);border:1px solid var(--black);box-shadow:4px 4px 0 var(--black)}.metric-card{flex-direction:column;justify-content:space-between;min-height:132px;padding:18px;display:flex}.metric-icon{color:var(--pink)}.metric-card span,.muted{color:var(--muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.metric-card strong{font-size:34px;line-height:1}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px;display:grid}.panel{min-width:0;padding:18px}.panel.wide{grid-column:1/-1}.panel-header{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 10px}th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}td{font-size:14px}code{background:var(--band);border:1px solid var(--line);padding:3px 6px}.axis-list,.tool-list,.event-form{gap:12px;display:grid}.axis-row{grid-template-columns:88px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;display:grid}.axis-track{background:var(--band);border:1px solid var(--line);height:10px}.axis-track div{background:var(--pink);height:100%}.tool-row{border-bottom:1px solid var(--line);text-transform:capitalize;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.status{border:1px solid var(--line);text-transform:uppercase;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.status.active{border-color:var(--pink);color:var(--pink)}.copied{color:var(--pink);text-transform:uppercase;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.notice{border:1px solid var(--pink);color:var(--pink);background:#ff00550f;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.auth-card{gap:16px;width:min(440px,100%);margin:12vh auto 0;padding:26px;display:grid}.auth-card h1{font-size:34px}label{gap:7px;display:grid}label span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800}input,select{border:1px solid var(--black);width:100%;color:var(--black);background:#fff;border-radius:0;outline:none;padding:12px}input:focus,select:focus{border-color:var(--pink)}.primary-button,.ghost-button,.icon-button{border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .14s,background .14s,color .14s;display:inline-flex}.primary-button{border:1px solid var(--pink);background:var(--pink);color:#fff;text-transform:uppercase;padding:0 16px;font-weight:800}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.ghost-button,.icon-button{border:1px solid var(--black);color:var(--black);background:#fff;padding:0 12px}.ghost-button.full{width:100%}.icon-button{width:42px;padding:0}button:disabled{cursor:not-allowed;opacity:.55}.auth-message,.empty-state,.loading-state{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.empty-state,.loading-state{border:1px dashed var(--line);padding:20px}.loading-state{align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.metrics-grid,.scope-tabs,.content-grid{grid-template-columns:1fr}.topbar{flex-direction:column}}@media (width<=640px){.app-shell{padding:18px}.metrics-grid{gap:10px}h1{font-size:34px}}