:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8efff;background:#090e1a;font-synthesis:none;--muted:#95a3bd;--line:#263249;--accent:#72c8ff;--panel:#111b2c}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;background:#1c2b44;border:1px solid #354765;border-radius:9px;padding:10px 15px;cursor:pointer}button:hover{background:#2a3d5d}button:disabled{opacity:.5;cursor:wait}.primary{background:#75cdff;color:#07121f;border-color:#75cdff;font-weight:700}.primary:hover{background:#a2deff}.quiet{background:transparent}input,textarea,select{background:#0b1423;color:inherit;border:1px solid #34435e;border-radius:8px;padding:11px;width:100%}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #82d4ff;outline-offset:3px}label{display:grid;gap:7px;font-size:13px;color:#acbcd4}h1{font-size:31px;letter-spacing:-1px;margin:9px 0 12px}h2{font-size:20px}h3{font-size:15px;margin:0 0 18px}h3 small{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}p{line-height:1.55;color:var(--muted)}main{max-width:1510px;margin:auto;padding:0 38px}[hidden]{display:none!important}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;color:var(--accent);text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{font-size:18px;font-weight:650;color:#eaf2ff}.header-right{display:flex;gap:18px;align-items:center;font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}.banner{border:1px solid #426487;background:#162d46;padding:12px 16px;font-size:13px;border-radius:10px;margin-top:20px}.error,.warnings{color:#ffd594;border-color:#986b32}.warnings:empty{display:none}.warnings{padding:16px;background:#38281a;border:1px solid #6e502c;border-radius:10px;margin-bottom:22px}.warnings p{color:inherit;margin:5px 0}.nav{border:0;border-radius:0;background:transparent;color:var(--muted);padding:23px 6px 18px;margin-right:27px}.nav.active{color:var(--accent);border-bottom:2px solid var(--accent)}nav{border-bottom:1px solid var(--line);margin-bottom:32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.page-heading p{margin:0;font-size:13px}.badge{padding:8px 13px;border:1px solid #317260;border-radius:20px;font-size:12px;color:#86e3ba;white-space:nowrap}.badge.bad{border-color:#9c623e;color:#ffbb8d}.cards{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:16px}.card,.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:23px}.card.feature{background:linear-gradient(135deg,#122a41,#132038);border-color:#345674}.card>span{display:block;font-size:14px;color:#afc4df}.card small{font-size:11px;color:var(--muted);margin-left:7px}.card strong{display:block;font-size:42px;font-weight:650;letter-spacing:-1.8px;margin:16px 0 5px;font-variant-numeric:tabular-nums}.card.feature strong{color:#8bd7ff}.card p{font-size:11px;margin:0}.muted{color:var(--muted);font-size:12px}.load-bar{display:flex;justify-content:space-between;gap:14px;background:#111c2e;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:20px 0 33px;font-size:13px;color:var(--muted)}.load-bar b{color:#dfedff;margin-left:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ranges{display:flex;gap:5px}.ranges button{padding:7px 12px;background:transparent;border-color:transparent;font-size:12px}.ranges button.active{background:#203b56;color:#8ad7ff}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.chart{position:relative;min-height:235px;margin-top:12px}.chart svg{width:100%;height:200px;display:block;touch-action:pan-y}.chart text{font-size:11px;fill:#8f9fbc}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#a6b8d1;margin-bottom:8px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.tooltip{font-size:12px;color:#c9d9ef;min-height:33px;line-height:1.7;padding:5px 0}.empty{padding:40px 8px;text-align:center;font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:38px;padding:24px 0;color:var(--muted);font-size:11px}.chat-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.chat-panel{padding:0;overflow:hidden}.chat-panel form{padding:20px;border-top:1px solid var(--line)}#messages{height:460px;overflow:auto;padding:24px}.message{margin:0 0 22px;white-space:pre-wrap;word-break:break-word;line-height:1.65;font-size:14px}.message .role{font-size:11px;font-weight:700;letter-spacing:.5px;color:#88d2ff;margin-bottom:7px}.message.user .role{color:#a0dfbe}.message .text{color:#dbe5f5}.message .stats{font-size:11px;color:#98a8c2;margin-top:8px}.composer-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:14px}.composer-actions span{flex:1;font-size:12px;color:var(--muted)}textarea{resize:vertical;min-height:70px}details{margin-top:13px;color:var(--muted);font-size:12px}summary{cursor:pointer}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.chat-item{display:flex;gap:5px;margin-bottom:8px}.chat-item button{padding:9px 7px;font-size:11px}.chat-item button:first-child{flex:1;text-align:left}.chat-item.active button:first-child{border-color:#77c4f8}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{color:#9dafca;font-weight:500}td{font-variant-numeric:tabular-nums}dl{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:12px;font-size:12px;line-height:1.5}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}select{margin-top:2px;max-width:270px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#1a3450,transparent 65%)}.login-card{width:min(420px,90vw);padding:37px;border:1px solid #34506b;background:#111d2ddf;border-radius:20px;box-shadow:0 30px 100px #0005}.login-card h1{font-size:27px;margin:17px 0}.login-card p{font-size:13px}.login-card label{margin:20px 0}.login-card button{width:100%;margin-top:8px}#loginError{color:#ffb49f}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:850px){main{padding:0 19px}.cards{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.wide{grid-column:auto}.load-bar{flex-wrap:wrap;justify-content:flex-start;gap:20px}.chat-layout{grid-template-columns:1fr}.chat-layout aside{padding:16px}#chatList{display:flex;overflow:auto;gap:8px}.chat-item{min-width:185px}.card strong{font-size:36px}.settings{grid-template-columns:1fr 1fr}.brand span{font-size:15px}.header-right{gap:8px;font-size:11px}.header-right button{font-size:11px;padding:8px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}h3 small{display:block;margin:7px 0 0}.nav{margin-right:15px;font-size:13px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

@media(max-width:600px){
  body{overflow-x:hidden}
  main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  header{height:70px;gap:10px}
  .brand{gap:7px}.brand span{font-size:14px}
  .header-right{gap:7px;min-width:0}.header-right #identity{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-right button{min-height:44px;padding:8px 10px}
  .banner{margin-top:12px;padding:10px 12px;font-size:12px}
  nav{display:flex;overflow-x:auto;margin:0 -12px 24px;padding:0 12px;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}.nav{flex:0 0 auto;min-height:48px;margin-right:18px;padding:17px 2px 13px}
  .page-heading{flex-wrap:wrap;margin-bottom:18px}.page-heading h1{font-size:24px}.page-heading .badge{margin-left:auto}
  .cards{gap:10px}.card,.panel{padding:15px;border-radius:12px}.card strong{font-size:30px;margin:11px 0 4px}.card>span{font-size:12px}.card small{display:block;margin:3px 0 0}
  .load-bar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin:15px 0 26px}.load-bar span{display:flex;justify-content:space-between;gap:6px}.load-bar b{margin-left:0}
  .section-heading{align-items:flex-end;gap:8px}.section-heading h2{font-size:18px}.ranges{overflow-x:auto}.ranges button{min-height:40px;padding:7px 10px}
  .charts>*{min-width:0}.chart{min-height:255px}.chart svg{height:210px}.tooltip{min-height:48px;font-size:11px}
  .chat-layout{gap:12px}.chat-layout aside{padding:12px}#chatList{padding-bottom:4px}.chat-item{min-width:170px}
  .chat-panel{border-radius:12px}#messages{height:clamp(220px,32dvh,380px);padding:16px}.chat-panel form{padding:14px;background:var(--panel)}
  .message{font-size:14px;margin-bottom:18px}.message .stats{line-height:1.6}
  textarea{min-height:82px;font-size:16px}.settings{grid-template-columns:1fr}.settings input{font-size:16px}
  .composer-actions{align-items:stretch;flex-wrap:wrap}.composer-actions span{flex-basis:100%}.composer-actions button{min-height:44px;flex:1}
  .table-scroll{margin:0 -4px;overscroll-behavior-x:contain}.table-scroll table{min-width:720px}
  dl{grid-template-columns:minmax(80px,.8fr) 1.6fr;gap:10px}
  select{max-width:none;min-height:44px;font-size:16px}
  .login-wrap{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.login-card{width:100%;padding:25px 20px}.login-card input{font-size:16px;min-height:46px}.login-card button{min-height:46px}
  footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}

@media(max-width:380px){
  .cards{grid-template-columns:1fr}.card strong{font-size:32px}
  .load-bar{grid-template-columns:1fr}
  .brand span{display:none}
}

@media(orientation:landscape) and (max-height:500px){
  #messages{height:240px}
  .login-wrap{align-items:start;overflow:auto}.login-card{margin:12px auto}
}