@font-face{font-family:Rubik;font-weight:500 800;font-display:swap;src:url(fonts/rubik-cyr.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-weight:500 800;font-display:swap;src:url(fonts/rubik-lat.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  --bg:#E8F1FC; --card:#FFFFFF; --ink:#13213A; --muted:#566783; --line:#C9D8EE;
  --accent:#2F66F5; --accent-ink:#FFFFFF; --pick:#FFD04A; --pick-soft:#FFF4CC; --pick-ink:#13213A;
  --c-need:#2F66F5; --c-want:#B87400; --c-none:#8C98AD;
  --r-s:6px; --r-m:10px; --r-l:14px;
  --font:Rubik,"Segoe UI",Roboto,system-ui,sans-serif;
  --emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1628; --card:#17223A; --ink:#EAF0FB; --muted:#9DAAC4; --line:#2A3A5C;
    --accent:#6D95FF; --accent-ink:#0E1628; --pick:#FFCF4F; --pick-soft:#3A3420; --pick-ink:#13213A;
    --c-need:#5B84F0; --c-want:#B98410; --c-none:#6B7894; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0E1628; --card:#17223A; --ink:#EAF0FB; --muted:#9DAAC4; --line:#2A3A5C;
  --accent:#6D95FF; --accent-ink:#0E1628; --pick:#FFCF4F; --pick-soft:#3A3420; --pick-ink:#13213A;
  --c-need:#5B84F0; --c-want:#B98410; --c-none:#6B7894; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:500 17px/1.4 var(--font);padding-inline:16px;padding-block:16px 32px;
  -webkit-text-size-adjust:100%}
button{font-family:var(--font)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.e{font-family:var(--emoji);line-height:1}
a{color:var(--accent);text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}