*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--s0:#0d0d0d;--s1:#111;--s2:#161616;--b1:#1a1a1a;--b2:#222;--b3:#2e2e2e;--acc:#e8ff47;--acc2:#ff6b35;--acc3:#47b8ff;--acc4:#b847ff;--acc-green:#39ff7e;--txt:#f0f0f0;--muted:#484848;--muted2:#333;--mono:"DM Mono",monospace;--disp:"Unbounded",sans-serif;--r:2px}html,body{background:var(--bg);color:var(--txt);font-family:var(--mono);min-height:100vh}body:after{content:"";opacity:.18;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.nav{z-index:100;border-bottom:1px solid var(--b1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080808f5;align-items:center;gap:1.5rem;padding:.7rem 1.8rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--disp);letter-spacing:-.03em;color:var(--acc);white-space:nowrap;font-size:.9rem;font-weight:700;text-decoration:none}.nav-logo em{color:var(--muted);font-style:normal;font-weight:200}.nav-links{flex:1;align-items:center;gap:.25rem;display:flex}.nav-link{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid #0000;padding:.28rem .7rem;font-size:.52rem;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--txt);border-color:var(--b2)}.nav-link.active{color:var(--acc);background:#e8ff470a;border-color:#e8ff4733}.nav-live{align-items:center;gap:.4rem;margin-left:auto;display:flex}.live-dot{background:var(--acc-green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #39ff7e80}50%{opacity:.4;box-shadow:0 0 0 4px #39ff7e00}}.nav-stat{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.5rem}.nav-stat b{color:var(--acc)}.page-content{flex:1;padding:1.8rem}.sec-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.48rem}.panel{background:var(--s0);border:1px solid var(--b1)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.stat-grid{background:var(--b1);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin-bottom:1.5rem;display:grid}.stat-box{background:var(--s1);text-align:center;padding:.9rem .7rem}.stat-n{font-family:var(--disp);color:var(--acc);letter-spacing:-.04em;font-size:1.6rem;font-weight:700;line-height:1}.stat-n.blue{color:var(--acc3)}.stat-n.orange{color:var(--acc2)}.stat-n.purple{color:var(--acc4)}.stat-n.green{color:var(--acc-green)}.stat-l{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.3rem;font-size:.44rem}.tbl-wrap{border:1px solid var(--b1);overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:.58rem}.tbl th{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--b1);background:var(--s0);white-space:nowrap;padding:.5rem .7rem;font-size:.44rem;font-weight:400}.tbl td{border-bottom:1px solid var(--b1);vertical-align:middle;padding:.45rem .7rem;font-size:.56rem}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--s1)}.ip-cell{font-size:.58rem;font-weight:500}.tag{letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--b3);color:var(--muted);padding:.08rem .28rem;font-size:.42rem;display:inline-block}.tag.desktop{color:#e8ff47a6;border-color:#e8ff4733}.tag.mobile{color:var(--acc2);border-color:#ff6b3559}.tag.tablet{color:var(--acc3);border-color:#47b8ff4d}.tag.chrome{color:var(--acc-green);border-color:#39ff7e33}.tag.safari{color:var(--acc3);border-color:#47b8ff40}.tag.firefox{color:var(--acc4);border-color:#b847ff40}@keyframes radar-ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.db-sidebar{border-right:1px solid var(--b1);background:var(--s0);flex-shrink:0;width:220px;padding:.5rem 0}.db-layout{border:1px solid var(--b1);gap:0;min-height:calc(100vh - 50px);display:flex}.db-main{flex:1;padding:1.2rem;overflow:auto}.db-table-btn{width:100%;color:var(--muted);font-family:var(--mono);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.56rem;transition:all .15s;display:flex}.db-table-btn:hover{background:var(--s1);color:var(--txt)}.db-table-btn.active{color:var(--acc);border-left-color:var(--acc);background:var(--s1)}.db-table-icon{opacity:.5;font-size:.65rem}.notion-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-family:var(--mono);overflow:hidden}.notion-cell.token-cell{color:var(--muted);letter-spacing:.03em;font-size:.46rem}.notion-cell.id-cell{color:var(--acc2);font-size:.5rem}.chip{border:1px solid var(--b3);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.2rem;padding:.1rem .35rem;font-size:.44rem;display:inline-flex}.chip.acc{color:var(--acc);border-color:#e8ff4740}.chip.blue{color:var(--acc3);border-color:#47b8ff40}.empty{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:4rem;font-size:.58rem;line-height:2.5}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:.3s forwards fade-in}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}