:root{--bg:#070a0e;--panel:#0e141c;--panel2:#111a24;--line:#202c39;--text:#f4f7fa;--muted:#8a98a8;--green:#38d996;--blue:#63a7ff;--red:#ff646d;--amber:#f6c85f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(56,217,150,.07),transparent 28%),var(--bg);color:var(--text);font:14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;display:grid;place-items:center;border:1px solid #293746;border-radius:12px;background:#0c1219;font-weight:900}.logo i{font-style:normal;color:var(--green)}h1{font-size:18px;margin:0}.brand p,.muted{color:var(--muted)}.brand p{font-size:11px;margin:2px 0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn,select,input{border:1px solid var(--line);background:#0c1219;color:var(--text);border-radius:9px;padding:9px 11px}.btn{cursor:pointer}.nav{display:flex;gap:7px;overflow:auto;border-top:1px solid var(--line);margin-top:18px;padding:14px 0}.nav a{white-space:nowrap;color:var(--muted);padding:8px 11px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:650}.nav a.active,.nav a:hover{color:var(--text);border-color:var(--line);background:#101821}.head{padding:30px 0 18px}.kicker{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.head h2{font-size:31px;letter-spacing:-.8px;margin:8px 0}.head p{color:var(--muted);max-width:760px;line-height:1.55}.notice{border:1px solid rgba(246,200,95,.25);background:rgba(246,200,95,.06);color:#dacb9d;padding:11px 14px;border-radius:11px;font-size:12px;line-height:1.5}.grid{display:grid;gap:13px}.metrics{grid-template-columns:repeat(4,1fr)}.metric,.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:14px;padding:16px}.metric span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.metric strong{display:block;font-size:24px;margin:6px 0}.metric small{color:var(--muted)}.two{grid-template-columns:1.35fr .85fr;margin-top:13px}.card h3{font-size:13px;margin:0 0 13px}.quality{display:grid;gap:8px}.qrow,.session,.hand,.action{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.qrow:last-child,.session:last-child,.hand:last-child,.action:last-child{border:0}.good{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}.chart{height:210px;width:100%;overflow:hidden}.chart svg{width:100%;height:100%}.chart polyline{fill:none;stroke:var(--green);stroke-width:2}.chart line{stroke:#22303d}.bars{display:grid;gap:9px}.barline{display:grid;grid-template-columns:55px 1fr 110px;gap:10px;align-items:center;font-size:11px}.track{height:7px;background:#1b2632;border-radius:8px;overflow:hidden}.fill{height:100%;background:var(--green)}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.hand{cursor:pointer}.hand:hover{background:rgba(99,167,255,.04)}.hand-main b,.session b{display:block}.meta{color:var(--muted);font-size:11px;margin-top:3px}.pill{font-size:9px;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#18222e;color:var(--muted)}.street-title{color:var(--green);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:18px 0 3px}.action{font-size:12px}.empty,.loading,.error{padding:28px;text-align:center;color:var(--muted)}.error{color:var(--red)}footer{color:#536171;font-size:10px;margin:28px 0}.cards{font-weight:800;letter-spacing:1px}.result{font-variant-numeric:tabular-nums}.analysis-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:850px){.metrics,.analysis-grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}}@media(max-width:540px){.shell{padding:14px}.metrics,.analysis-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:20px}.head h2{font-size:25px}.filters{grid-template-columns:1fr}.barline{grid-template-columns:45px 1fr 90px}.hand,.session{align-items:flex-start;flex-direction:column}}