:root{
  --bg:#EDF0F6; --surface:#FFFFFF; --ink:#16213E; --muted:#5E6782; --line:#D5DBE8;
  --navy:#122E63; --navy-deep:#0B2150; --sky:#A3D8F4;
  --accent:#122E63; --danger:#C8323F;
  --display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
:root{color-scheme:light}
:root[data-theme="dark"]{--bg:#0F1528;--surface:#1A2140;--ink:#E7EAF4;--muted:#9AA3C0;--line:#2A3354;--accent:#A3D8F4;--danger:#FF6B77;color-scheme:dark}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){--bg:#0F1528;--surface:#1A2140;--ink:#E7EAF4;--muted:#9AA3C0;--line:#2A3354;--accent:#A3D8F4;--danger:#FF6B77;color-scheme:dark}
}
body{transition:background-color .3s,color .3s}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
[hidden]{display:none!important}
.muted{color:var(--muted)}

.btn{height:42px;padding:0 16px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:border-color .2s,transform .15s,background .2s}
.btn:hover{border-color:var(--ink)}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn.primary:hover{background:var(--navy-deep)}

.ext{flex:none;width:44px;height:52px;border-radius:6px 14px 6px 6px;display:grid;place-items:end center;padding-bottom:7px;font-size:.66rem;font-weight:800;color:#fff;background:var(--x,#6B7390)}
.ext.sm{width:34px;height:40px;font-size:.58rem;padding-bottom:5px;border-radius:5px 11px 5px 5px}

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background-color:#9AAACB;border-radius:999px;border:3px solid transparent;background-clip:padding-box;min-height:40px}
::-webkit-scrollbar-thumb:hover{background-color:#122E63}
::-webkit-scrollbar-thumb:active{background-color:#0B2150}
::-webkit-scrollbar-corner{background:transparent}
html::-webkit-scrollbar-track{background:var(--bg)}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb{background-color:#3A4670}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background-color:#A3D8F4}
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:#9AAACB transparent}
  :root[data-theme="dark"] *{scrollbar-color:#3A4670 transparent}
}