:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: one navigation bar (bottom on phones, top on wide screens) switches five store views.
   Material groups carry the fibre colour code (blue, orange, green) as their identity. */
:root{
  --bg:#f0f0f1; --surface:#ffffff; --surface2:#f6f6f7; --ink:#27282a; --muted:#58595b; --line:#d9d9db;
  --accent:#d3151c; --on-accent:#ffffff;
  --ok:#17794a; --warn:#9a5a00; --bad:#b3261e; --on-bad:#ffffff;
  --f-blue:#2b6cdf; --f-orange:#e8761a; --f-green:#1e9a5b;
  --scrim:rgba(8,14,24,.5);
  --font-head:'Barlow Semi Condensed','Arial Narrow',system-ui,sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121213; --surface:#1c1c1e; --surface2:#242426; --ink:#ececed; --muted:#a3a4a7; --line:#333336;
    --accent:#ff5a5f; --on-accent:#1a0506;
    --ok:#4fd08a; --warn:#f0b04a; --bad:#ff8a80; --on-bad:#2a0a08;
    --f-blue:#5b93f5; --f-orange:#f59a4a; --f-green:#4cc98a;
    --scrim:rgba(0,0,0,.62);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#121213; --surface:#1c1c1e; --surface2:#242426; --ink:#ececed; --muted:#a3a4a7; --line:#333336;
  --accent:#ff5a5f; --on-accent:#1a0506;
  --ok:#4fd08a; --warn:#f0b04a; --bad:#ff8a80; --on-bad:#2a0a08;
  --f-blue:#5b93f5; --f-orange:#f59a4a; --f-green:#4cc98a;
  --scrim:rgba(0,0,0,.62);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font-body);-webkit-text-size-adjust:100%}
body{position:relative}
body::before,body::after{content:"";position:fixed;left:0;right:0;pointer-events:none;z-index:-1;background-repeat:no-repeat}
body::before{top:0;height:min(340px,48vw);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20660%20340%22%3E%3Cg%20stroke%3D%22%2327282a%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%22315%22%20y1%3D%22138%22%20x2%3D%22355%22%20y2%3D%22212%22%2F%3E%3Cline%20x1%3D%22472%22%20y1%3D%2298%22%20x2%3D%22476%22%20y2%3D%2268%22%2F%3E%3Cline%20x1%3D%22249%22%20y1%3D%22213%22%20x2%3D%22217%22%20y2%3D%22168%22%2F%3E%3Cline%20x1%3D%22545%22%20y1%3D%2280%22%20x2%3D%22532%22%20y2%3D%2264%22%2F%3E%3Cline%20x1%3D%22526%22%20y1%3D%22165%22%20x2%3D%22497%22%20y2%3D%22201%22%2F%3E%3Cline%20x1%3D%22545%22%20y1%3D%2280%22%20x2%3D%22576%22%20y2%3D%2271%22%2F%3E%3Cline%20x1%3D%22238%22%20y1%3D%2247%22%20x2%3D%22209%22%20y2%3D%2248%22%2F%3E%3Cline%20x1%3D%22399%22%20y1%3D%22152%22%20x2%3D%22355%22%20y2%3D%22212%22%2F%3E%3Cline%20x1%3D%22283%22%20y1%3D%22230%22%20x2%3D%22278%22%20y2%3D%22242%22%2F%3E%3Cline%20x1%3D%22309%22%20y1%3D%22228%22%20x2%3D%22355%22%20y2%3D%22212%22%2F%3E%3Cline%20x1%3D%22283%22%20y1%3D%22132%22%20x2%3D%22217%22%20y2%3D%22168%22%2F%3E%3Cline%20x1%3D%22394%22%20y1%3D%22307%22%20x2%3D%22308%22%20y2%3D%22321%22%2F%3E%3Cline%20x1%3D%22309%22%20y1%3D%22228%22%20x2%3D%22278%22%20y2%3D%22242%22%2F%3E%3Cline%20x1%3D%22394%22%20y1%3D%22307%22%20x2%3D%22397%22%20y2%3D%22294%22%2F%3E%3Cline%20x1%3D%22221%22%20y1%3D%22211%22%20x2%3D%22195%22%20y2%3D%22232%22%2F%3E%3Cline%20x1%3D%22159%22%20y1%3D%22196%22%20x2%3D%22195%22%20y2%3D%22232%22%2F%3E%3Cline%20x1%3D%22128%22%20y1%3D%22193%22%20x2%3D%2274%22%20y2%3D%22181%22%2F%3E%3Cline%20x1%3D%22438%22%20y1%3D%2264%22%20x2%3D%22439%22%20y2%3D%2293%22%2F%3E%3Cline%20x1%3D%22176%22%20y1%3D%22114%22%20x2%3D%22166%22%20y2%3D%22107%22%2F%3E%3Cline%20x1%3D%22238%22%20y1%3D%2247%22%20x2%3D%22176%22%20y2%3D%22114%22%2F%3E%3Cline%20x1%3D%22526%22%20y1%3D%22165%22%20x2%3D%22521%22%20y2%3D%22139%22%2F%3E%3Cline%20x1%3D%22459%22%20y1%3D%22235%22%20x2%3D%22397%22%20y2%3D%22294%22%2F%3E%3Cline%20x1%3D%22484%22%20y1%3D%22265%22%20x2%3D%22459%22%20y2%3D%22235%22%2F%3E%3Cline%20x1%3D%22216%22%20y1%3D%22309%22%20x2%3D%22278%22%20y2%3D%22242%22%2F%3E%3Cline%20x1%3D%22472%22%20y1%3D%2298%22%20x2%3D%22439%22%20y2%3D%2293%22%2F%3E%3Cline%20x1%3D%22484%22%20y1%3D%22265%22%20x2%3D%22497%22%20y2%3D%22201%22%2F%3E%3Cline%20x1%3D%22209%22%20y1%3D%2248%22%20x2%3D%22166%22%20y2%3D%22107%22%2F%3E%3Cline%20x1%3D%22221%22%20y1%3D%22211%22%20x2%3D%22217%22%20y2%3D%22168%22%2F%3E%3Cline%20x1%3D%22472%22%20y1%3D%2298%22%20x2%3D%22521%22%20y2%3D%22139%22%2F%3E%3Cline%20x1%3D%22159%22%20y1%3D%22196%22%20x2%3D%2274%22%20y2%3D%22181%22%2F%3E%3Cline%20x1%3D%22128%22%20y1%3D%22193%22%20x2%3D%22159%22%20y2%3D%22196%22%2F%3E%3Cline%20x1%3D%22532%22%20y1%3D%2264%22%20x2%3D%22576%22%20y2%3D%2271%22%2F%3E%3Cline%20x1%3D%22438%22%20y1%3D%2264%22%20x2%3D%22476%22%20y2%3D%2268%22%2F%3E%3Cline%20x1%3D%22283%22%20y1%3D%22230%22%20x2%3D%22249%22%20y2%3D%22213%22%2F%3E%3Cline%20x1%3D%22399%22%20y1%3D%22152%22%20x2%3D%22439%22%20y2%3D%2293%22%2F%3E%3Cline%20x1%3D%22309%22%20y1%3D%22228%22%20x2%3D%22283%22%20y2%3D%22230%22%2F%3E%3Cline%20x1%3D%22308%22%20y1%3D%22321%22%20x2%3D%22278%22%20y2%3D%22242%22%2F%3E%3Cline%20x1%3D%22459%22%20y1%3D%22235%22%20x2%3D%22497%22%20y2%3D%22201%22%2F%3E%3Cline%20x1%3D%22283%22%20y1%3D%22132%22%20x2%3D%22315%22%20y2%3D%22138%22%2F%3E%3Cline%20x1%3D%22176%22%20y1%3D%22114%22%20x2%3D%22217%22%20y2%3D%22168%22%2F%3E%3Cline%20x1%3D%22216%22%20y1%3D%22309%22%20x2%3D%22195%22%20y2%3D%22232%22%2F%3E%3Cline%20x1%3D%22249%22%20y1%3D%22213%22%20x2%3D%22221%22%20y2%3D%22211%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22399%22%20cy%3D%22152%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22283%22%20cy%3D%22132%22%20r%3D%222%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22309%22%20cy%3D%22228%22%20r%3D%222%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22545%22%20cy%3D%2280%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22532%22%20cy%3D%2264%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22438%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22394%22%20cy%3D%22307%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22472%22%20cy%3D%2298%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22216%22%20cy%3D%22309%22%20r%3D%222%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22283%22%20cy%3D%22230%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22238%22%20cy%3D%2247%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%22114%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22439%22%20cy%3D%2293%22%20r%3D%222%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22484%22%20cy%3D%22265%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22526%22%20cy%3D%22165%22%20r%3D%222%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22249%22%20cy%3D%22213%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22138%22%20r%3D%224%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22476%22%20cy%3D%2268%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%22211%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22459%22%20cy%3D%22235%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22355%22%20cy%3D%22212%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22193%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22497%22%20cy%3D%22201%22%20r%3D%222%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%22321%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22217%22%20cy%3D%22168%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22209%22%20cy%3D%2248%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22397%22%20cy%3D%22294%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22521%22%20cy%3D%22139%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22576%22%20cy%3D%2271%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22159%22%20cy%3D%22196%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22166%22%20cy%3D%22107%22%20r%3D%225%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22232%22%20r%3D%224%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22278%22%20cy%3D%22242%22%20r%3D%225%22%20fill%3D%22%23d3151c%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2274%22%20cy%3D%22181%22%20r%3D%223%22%20fill%3D%22%2327282a%22%20fill-opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E");background-position:right -40px top;background-size:auto 100%;opacity:.35}
body::after{bottom:0;height:min(220px,34vw);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20220%22%20preserveAspectRatio%3D%22xMidYMax%20slice%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-20%20190%20C%20150%20190%20200%2090%20330%20120%20S%20520%20210%20700%20160%20S%20980%2060%201220%20120%22%20stroke%3D%22%233d3e42%22%20stroke-width%3D%2216%22%20stroke-opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M-20%20130%20C%20120%20110%20170%20205%20330%20190%20S%20560%2080%20760%20150%20S%201010%20215%201220%20160%22%20stroke%3D%22%23d3151c%22%20stroke-width%3D%2222%22%2F%3E%3C%2Fsvg%3E");background-position:center bottom;background-size:cover;opacity:.2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20660%20340%22%3E%3Cg%20stroke%3D%22%23ececed%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%22432%22%20y1%3D%2293%22%20x2%3D%22400%22%20y2%3D%2279%22%2F%3E%3Cline%20x1%3D%22587%22%20y1%3D%22145%22%20x2%3D%22532%22%20y2%3D%22140%22%2F%3E%3Cline%20x1%3D%22269%22%20y1%3D%22327%22%20x2%3D%22240%22%20y2%3D%22273%22%2F%3E%3Cline%20x1%3D%22206%22%20y1%3D%22222%22%20x2%3D%22161%22%20y2%3D%22187%22%2F%3E%3Cline%20x1%3D%22417%22%20y1%3D%22207%22%20x2%3D%22386%22%20y2%3D%22165%22%2F%3E%3Cline%20x1%3D%22490%22%20y1%3D%22129%22%20x2%3D%22474%22%20y2%3D%22113%22%2F%3E%3Cline%20x1%3D%22289%22%20y1%3D%22130%22%20x2%3D%22235%22%20y2%3D%22174%22%2F%3E%3Cline%20x1%3D%22490%22%20y1%3D%22129%22%20x2%3D%22532%22%20y2%3D%22140%22%2F%3E%3Cline%20x1%3D%22341%22%20y1%3D%22274%22%20x2%3D%22269%22%20y2%3D%22327%22%2F%3E%3Cline%20x1%3D%22611%22%20y1%3D%2288%22%20x2%3D%22587%22%20y2%3D%22145%22%2F%3E%3Cline%20x1%3D%22173%22%20y1%3D%22156%22%20x2%3D%22110%22%20y2%3D%22132%22%2F%3E%3Cline%20x1%3D%22366%22%20y1%3D%22150%22%20x2%3D%22364%22%20y2%3D%22114%22%2F%3E%3Cline%20x1%3D%22366%22%20y1%3D%22150%22%20x2%3D%22336%22%20y2%3D%22149%22%2F%3E%3Cline%20x1%3D%22474%22%20y1%3D%22113%22%20x2%3D%22504%22%20y2%3D%2298%22%2F%3E%3Cline%20x1%3D%22515%22%20y1%3D%22243%22%20x2%3D%22532%22%20y2%3D%22140%22%2F%3E%3Cline%20x1%3D%22173%22%20y1%3D%22156%22%20x2%3D%22161%22%20y2%3D%22187%22%2F%3E%3Cline%20x1%3D%22476%22%20y1%3D%2271%22%20x2%3D%22504%22%20y2%3D%2298%22%2F%3E%3Cline%20x1%3D%22366%22%20y1%3D%22150%22%20x2%3D%22386%22%20y2%3D%22165%22%2F%3E%3Cline%20x1%3D%22504%22%20y1%3D%2298%22%20x2%3D%22552%22%20y2%3D%2259%22%2F%3E%3Cline%20x1%3D%22396%22%20y1%3D%2251%22%20x2%3D%22400%22%20y2%3D%2279%22%2F%3E%3Cline%20x1%3D%22417%22%20y1%3D%22207%22%20x2%3D%22515%22%20y2%3D%22243%22%2F%3E%3Cline%20x1%3D%22377%22%20y1%3D%2291%22%20x2%3D%22396%22%20y2%3D%2251%22%2F%3E%3Cline%20x1%3D%22378%22%20y1%3D%22224%22%20x2%3D%22417%22%20y2%3D%22207%22%2F%3E%3Cline%20x1%3D%22454%22%20y1%3D%22104%22%20x2%3D%22447%22%20y2%3D%22144%22%2F%3E%3Cline%20x1%3D%22113%22%20y1%3D%22219%22%20x2%3D%22173%22%20y2%3D%22156%22%2F%3E%3Cline%20x1%3D%22341%22%20y1%3D%22274%22%20x2%3D%22378%22%20y2%3D%22224%22%2F%3E%3Cline%20x1%3D%22490%22%20y1%3D%22129%22%20x2%3D%22504%22%20y2%3D%2298%22%2F%3E%3Cline%20x1%3D%22364%22%20y1%3D%22114%22%20x2%3D%22336%22%20y2%3D%22149%22%2F%3E%3Cline%20x1%3D%22454%22%20y1%3D%22104%22%20x2%3D%22432%22%20y2%3D%2293%22%2F%3E%3Cline%20x1%3D%22378%22%20y1%3D%22224%22%20x2%3D%22386%22%20y2%3D%22165%22%2F%3E%3Cline%20x1%3D%22454%22%20y1%3D%22104%22%20x2%3D%22476%22%20y2%3D%2271%22%2F%3E%3Cline%20x1%3D%22454%22%20y1%3D%22104%22%20x2%3D%22474%22%20y2%3D%22113%22%2F%3E%3Cline%20x1%3D%22110%22%20y1%3D%2274%22%20x2%3D%2251%22%20y2%3D%2259%22%2F%3E%3Cline%20x1%3D%22611%22%20y1%3D%2288%22%20x2%3D%22552%22%20y2%3D%2259%22%2F%3E%3Cline%20x1%3D%22206%22%20y1%3D%22222%22%20x2%3D%22240%22%20y2%3D%22273%22%2F%3E%3Cline%20x1%3D%22504%22%20y1%3D%2298%22%20x2%3D%22532%22%20y2%3D%22140%22%2F%3E%3Cline%20x1%3D%22110%22%20y1%3D%22132%22%20x2%3D%22110%22%20y2%3D%2274%22%2F%3E%3Cline%20x1%3D%22206%22%20y1%3D%22222%22%20x2%3D%22235%22%20y2%3D%22174%22%2F%3E%3Cline%20x1%3D%22289%22%20y1%3D%22130%22%20x2%3D%22336%22%20y2%3D%22149%22%2F%3E%3Cline%20x1%3D%22119%22%20y1%3D%2245%22%20x2%3D%22110%22%20y2%3D%2274%22%2F%3E%3Cline%20x1%3D%22377%22%20y1%3D%2291%22%20x2%3D%22364%22%20y2%3D%22114%22%2F%3E%3Cline%20x1%3D%22119%22%20y1%3D%2245%22%20x2%3D%2251%22%20y2%3D%2259%22%2F%3E%3Cline%20x1%3D%22377%22%20y1%3D%2291%22%20x2%3D%22400%22%20y2%3D%2279%22%2F%3E%3Cline%20x1%3D%22113%22%20y1%3D%22219%22%20x2%3D%22161%22%20y2%3D%22187%22%2F%3E%3Cline%20x1%3D%22447%22%20y1%3D%22144%22%20x2%3D%22474%22%20y2%3D%22113%22%2F%3E%3Cline%20x1%3D%22173%22%20y1%3D%22156%22%20x2%3D%22235%22%20y2%3D%22174%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22454%22%20cy%3D%22104%22%20r%3D%224%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22447%22%20cy%3D%22144%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22341%22%20cy%3D%22274%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22377%22%20cy%3D%2291%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22378%22%20cy%3D%22224%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22269%22%20cy%3D%22327%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22206%22%20cy%3D%22222%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22273%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22611%22%20cy%3D%2288%22%20r%3D%224%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%22219%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22156%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22366%22%20cy%3D%22150%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22289%22%20cy%3D%22130%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22476%22%20cy%3D%2271%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22490%22%20cy%3D%22129%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22396%22%20cy%3D%2251%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22432%22%20cy%3D%2293%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22364%22%20cy%3D%22114%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22132%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22474%22%20cy%3D%22113%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22417%22%20cy%3D%22207%22%20r%3D%223%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22587%22%20cy%3D%22145%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%2245%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22149%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22504%22%20cy%3D%2298%22%20r%3D%223%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22515%22%20cy%3D%22243%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%2279%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2274%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22532%22%20cy%3D%22140%22%20r%3D%222%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%2259%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2259%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22174%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22386%22%20cy%3D%22165%22%20r%3D%222%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22161%22%20cy%3D%22187%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E")}:root:not([data-theme="light"]) body::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20220%22%20preserveAspectRatio%3D%22xMidYMax%20slice%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-20%20190%20C%20150%20190%20200%2090%20330%20120%20S%20520%20210%20700%20160%20S%20980%2060%201220%20120%22%20stroke%3D%22%23a3a4a7%22%20stroke-width%3D%2216%22%20stroke-opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M-20%20130%20C%20120%20110%20170%20205%20330%20190%20S%20560%2080%20760%20150%20S%201010%20215%201220%20160%22%20stroke%3D%22%23ff5a5f%22%20stroke-width%3D%2222%22%2F%3E%3C%2Fsvg%3E");opacity:.28}}
:root[data-theme="dark"] body::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20660%20340%22%3E%3Cg%20stroke%3D%22%23ececed%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%22308%22%20y1%3D%22261%22%20x2%3D%22317%22%20y2%3D%22268%22%2F%3E%3Cline%20x1%3D%22187%22%20y1%3D%22152%22%20x2%3D%22218%22%20y2%3D%22122%22%2F%3E%3Cline%20x1%3D%22286%22%20y1%3D%22197%22%20x2%3D%22298%22%20y2%3D%22217%22%2F%3E%3Cline%20x1%3D%22361%22%20y1%3D%22271%22%20x2%3D%22351%22%20y2%3D%22297%22%2F%3E%3Cline%20x1%3D%22138%22%20y1%3D%22100%22%20x2%3D%22120%22%20y2%3D%2296%22%2F%3E%3Cline%20x1%3D%22286%22%20y1%3D%22197%22%20x2%3D%22300%22%20y2%3D%22198%22%2F%3E%3Cline%20x1%3D%22393%22%20y1%3D%22227%22%20x2%3D%22361%22%20y2%3D%22271%22%2F%3E%3Cline%20x1%3D%22298%22%20y1%3D%22217%22%20x2%3D%22300%22%20y2%3D%22198%22%2F%3E%3Cline%20x1%3D%22626%22%20y1%3D%2253%22%20x2%3D%22535%22%20y2%3D%2252%22%2F%3E%3Cline%20x1%3D%22130%22%20y1%3D%2282%22%20x2%3D%22138%22%20y2%3D%22100%22%2F%3E%3Cline%20x1%3D%22393%22%20y1%3D%22227%22%20x2%3D%22501%22%20y2%3D%22243%22%2F%3E%3Cline%20x1%3D%22351%22%20y1%3D%22297%22%20x2%3D%22317%22%20y2%3D%22268%22%2F%3E%3Cline%20x1%3D%22242%22%20y1%3D%22203%22%20x2%3D%22286%22%20y2%3D%22197%22%2F%3E%3Cline%20x1%3D%22187%22%20y1%3D%22152%22%20x2%3D%22223%22%20y2%3D%22114%22%2F%3E%3Cline%20x1%3D%22426%22%20y1%3D%22166%22%20x2%3D%22501%22%20y2%3D%22243%22%2F%3E%3Cline%20x1%3D%22218%22%20y1%3D%22122%22%20x2%3D%22239%22%20y2%3D%22113%22%2F%3E%3Cline%20x1%3D%22223%22%20y1%3D%22114%22%20x2%3D%22218%22%20y2%3D%22122%22%2F%3E%3Cline%20x1%3D%22311%22%20y1%3D%22164%22%20x2%3D%22300%22%20y2%3D%22198%22%2F%3E%3Cline%20x1%3D%22308%22%20y1%3D%22261%22%20x2%3D%22298%22%20y2%3D%22217%22%2F%3E%3Cline%20x1%3D%22437%22%20y1%3D%22103%22%20x2%3D%22426%22%20y2%3D%22166%22%2F%3E%3Cline%20x1%3D%2290%22%20y1%3D%22213%22%20x2%3D%2276%22%20y2%3D%22194%22%2F%3E%3Cline%20x1%3D%22437%22%20y1%3D%22103%22%20x2%3D%22388%22%20y2%3D%2278%22%2F%3E%3Cline%20x1%3D%22151%22%20y1%3D%2292%22%20x2%3D%22138%22%20y2%3D%22100%22%2F%3E%3Cline%20x1%3D%22361%22%20y1%3D%22271%22%20x2%3D%22317%22%20y2%3D%22268%22%2F%3E%3Cline%20x1%3D%22393%22%20y1%3D%22227%22%20x2%3D%22426%22%20y2%3D%22166%22%2F%3E%3Cline%20x1%3D%2276%22%20y1%3D%2283%22%20x2%3D%2278%22%20y2%3D%22147%22%2F%3E%3Cline%20x1%3D%22340%22%20y1%3D%22180%22%20x2%3D%22311%22%20y2%3D%22164%22%2F%3E%3Cline%20x1%3D%22311%22%20y1%3D%22164%22%20x2%3D%22362%22%20y2%3D%22161%22%2F%3E%3Cline%20x1%3D%22362%22%20y1%3D%22161%22%20x2%3D%22388%22%20y2%3D%2278%22%2F%3E%3Cline%20x1%3D%22584%22%20y1%3D%22171%22%20x2%3D%22626%22%20y2%3D%2253%22%2F%3E%3Cline%20x1%3D%22437%22%20y1%3D%22103%22%20x2%3D%22457%22%20y2%3D%22139%22%2F%3E%3Cline%20x1%3D%22437%22%20y1%3D%22103%22%20x2%3D%22535%22%20y2%3D%2252%22%2F%3E%3Cline%20x1%3D%22584%22%20y1%3D%22171%22%20x2%3D%22501%22%20y2%3D%22243%22%2F%3E%3Cline%20x1%3D%2276%22%20y1%3D%2283%22%20x2%3D%22130%22%20y2%3D%2282%22%2F%3E%3Cline%20x1%3D%22130%22%20y1%3D%2282%22%20x2%3D%22120%22%20y2%3D%2296%22%2F%3E%3Cline%20x1%3D%22127%22%20y1%3D%22206%22%20x2%3D%2290%22%20y2%3D%22213%22%2F%3E%3Cline%20x1%3D%22127%22%20y1%3D%22206%22%20x2%3D%2276%22%20y2%3D%22194%22%2F%3E%3Cline%20x1%3D%2276%22%20y1%3D%2283%22%20x2%3D%22120%22%20y2%3D%2296%22%2F%3E%3Cline%20x1%3D%22242%22%20y1%3D%22203%22%20x2%3D%22229%22%20y2%3D%22238%22%2F%3E%3Cline%20x1%3D%2276%22%20y1%3D%22194%22%20x2%3D%2278%22%20y2%3D%22147%22%2F%3E%3Cline%20x1%3D%22130%22%20y1%3D%2282%22%20x2%3D%22151%22%20y2%3D%2292%22%2F%3E%3Cline%20x1%3D%22229%22%20y1%3D%22238%22%20x2%3D%22286%22%20y2%3D%22197%22%2F%3E%3Cline%20x1%3D%22223%22%20y1%3D%22114%22%20x2%3D%22239%22%20y2%3D%22113%22%2F%3E%3Cline%20x1%3D%22340%22%20y1%3D%22180%22%20x2%3D%22362%22%20y2%3D%22161%22%2F%3E%3Cline%20x1%3D%22457%22%20y1%3D%22139%22%20x2%3D%22426%22%20y2%3D%22166%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22127%22%20cy%3D%22206%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22180%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22152%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22213%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22393%22%20cy%3D%22227%22%20r%3D%224%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2283%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22437%22%20cy%3D%22103%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22584%22%20cy%3D%22171%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22223%22%20cy%3D%22114%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%22194%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%22203%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22311%22%20cy%3D%22164%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22626%22%20cy%3D%2253%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22229%22%20cy%3D%22238%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2282%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%22147%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22457%22%20cy%3D%22139%22%20r%3D%225%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22426%22%20cy%3D%22166%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22286%22%20cy%3D%22197%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22362%22%20cy%3D%22161%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22151%22%20cy%3D%2292%22%20r%3D%223%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22361%22%20cy%3D%22271%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22100%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2296%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%22261%22%20r%3D%224%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22535%22%20cy%3D%2252%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22388%22%20cy%3D%2278%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22122%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22351%22%20cy%3D%22297%22%20r%3D%223%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22217%22%20r%3D%224%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22317%22%20cy%3D%22268%22%20r%3D%223%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22239%22%20cy%3D%22113%22%20r%3D%225%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22198%22%20r%3D%223%22%20fill%3D%22%23ff5a5f%22%20fill-opacity%3D%22.75%22%2F%3E%3Ccircle%20cx%3D%22501%22%20cy%3D%22243%22%20r%3D%222%22%20fill%3D%22%23ececed%22%20fill-opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E")}
:root[data-theme="dark"] body::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20220%22%20preserveAspectRatio%3D%22xMidYMax%20slice%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-20%20190%20C%20150%20190%20200%2090%20330%20120%20S%20520%20210%20700%20160%20S%20980%2060%201220%20120%22%20stroke%3D%22%23a3a4a7%22%20stroke-width%3D%2216%22%20stroke-opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M-20%20130%20C%20120%20110%20170%20205%20330%20190%20S%20560%2080%20760%20150%20S%201010%20215%201220%20160%22%20stroke%3D%22%23ff5a5f%22%20stroke-width%3D%2222%22%2F%3E%3C%2Fsvg%3E");opacity:.28}
@media (max-width:819px){body::after{bottom:64px}}

button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--font-head);text-wrap:balance}
.wrap{max-width:980px;margin:0 auto;padding-inline:16px}

/* header */
.hd{padding-block:14px 10px}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand .logo{height:50px;width:auto;flex:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand .logo{filter:brightness(1.7)}}
:root[data-theme="dark"] .brand .logo{filter:brightness(1.7)}
.brand h1{font-size:22px;font-weight:700;letter-spacing:.01em;line-height:1.1}
.brand small{display:block;color:var(--muted);font-size:13px}
.lnk{appearance:none;background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font:inherit}
.hdr-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sync{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font:500 12px var(--font-mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.sync i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.sync.team i{background:var(--ok)} .sync.local i{background:var(--warn)}
.stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:6px}
.store{appearance:none;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0}
.store:hover{border-color:var(--accent)}
.store .sn{font:700 28px/1.1 var(--font-head)}
.store .ss{color:var(--muted);font-size:13px}
.store .sc{display:flex;flex-wrap:wrap;gap:6px}

/* navigation bar */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.tabs .in{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);max-width:980px;margin:0 auto}
body.r-admin .tab{font-size:9.5px;letter-spacing:.01em;padding-inline:0}
.tab{appearance:none;border:0;background:none;color:var(--muted);font:600 11px/1 var(--font-head);letter-spacing:.05em;text-transform:uppercase;padding:9px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;cursor:pointer;min-width:0;white-space:nowrap}
.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab[aria-selected="true"]{color:var(--accent)}
.tab[aria-selected="true"]::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:var(--accent);border-radius:0 0 3px 3px}
.badge{position:absolute;top:3px;left:calc(50% + 7px);min-width:17px;height:17px;border-radius:9px;background:var(--bad);color:var(--on-bad);font:500 10px/17px var(--font-mono);text-align:center;padding:0 4px}
.badge[hidden]{display:none}
@media (min-width:820px){
  .tabs{position:sticky;top:env(safe-area-inset-top,0px);bottom:auto;border-top:0;border-bottom:1px solid var(--line);padding-bottom:0}
  .tab{flex-direction:row;justify-content:center;gap:8px;font-size:14px;padding:14px 4px}
  .tab[aria-selected="true"]::before{top:auto;bottom:-1px;left:10%;right:10%;height:3px;border-radius:3px 3px 0 0}
  .badge{position:static;margin-left:2px}
  body.r-admin .tab{font-size:14px;letter-spacing:.05em;padding-inline:4px}
}

/* views */
main{padding-block:18px 96px}
@media (min-width:820px){main{padding-block:22px 48px}}
.vh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:12px}
.vh h2{font-size:28px;font-weight:700;line-height:1.1}
.vh p{margin:4px 0 0;color:var(--muted)}
.stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 4px;color:var(--muted);font-size:14px}
.stats b{font-family:var(--font-mono);font-weight:500;color:var(--ink)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:14px}
.card h3{font-size:18px;font-weight:600;margin-bottom:10px}
.note{color:var(--muted);font-size:13px;margin:8px 0 0}
.empty{border:1px dashed var(--line);border-radius:8px;padding:20px 16px;color:var(--muted);text-align:left;margin-top:14px;background:var(--surface)}
.empty b{color:var(--ink)}
.ro-banner{display:none;margin-top:12px;padding:10px 12px;border:1px solid var(--warn);border-radius:8px;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--surface))}
body.ro .ro-banner{display:block}
body.ro .wr{display:none!important}
body.gen .storewr{display:none!important}
body.gen .gen-hide{display:none!important}
.gen-banner{display:none;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--line) 25%,var(--surface))}
body.gen .gen-banner{display:block}
.ac-sugg{position:absolute;left:0;right:0;top:100%;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:2px;max-height:220px;overflow:auto;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.ac-sugg button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 12px;background:none;border:0;border-bottom:1px solid var(--line);font:inherit;color:inherit;cursor:pointer}
.ac-sugg button:last-child{border-bottom:0}
.ac-sugg button:hover,.ac-sugg button:focus{background:var(--line)}
.ac-sugg .sn{font-family:var(--font-mono);font-size:13px}
.ac-sugg .sl{color:var(--muted);font-size:12px;white-space:nowrap}

/* groups and balance rows */
.grp{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gc);border-radius:8px;padding:6px 16px 8px;margin-top:14px}
.blue{--gc:var(--f-blue)} .orange{--gc:var(--f-orange)} .green{--gc:var(--f-green)}
.grp h3{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 0 2px;color:var(--muted)}
.rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
.row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.nm{flex:1;min-width:0}
.qv{font:500 21px/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.qv small{font:400 12px var(--font-body);color:var(--muted);margin-left:5px}
.qv.neg{color:var(--bad)} .qv.nil{color:var(--muted)}
.chip{display:inline-block;font:600 11px/1 var(--font-head);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:4px;background:var(--surface2);color:var(--muted);white-space:nowrap}
.chip.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--surface))}
.chip.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,var(--surface))}
.chip.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--surface))}
.chip.info{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}

/* forms */
.ff{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fld{display:flex;flex-direction:column;gap:4px;min-width:0}
.fld.full{grid-column:1/-1}
label,.lab{font:600 12px var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 10px;min-height:42px;width:100%;min-width:0}
textarea{resize:vertical;min-height:84px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.qg{margin-top:16px}
.qg h4{margin:0 0 8px;font:600 13px var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}
.qg h4::before{content:"";width:22px;height:5px;border-radius:3px;background:var(--gc)}
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.q{display:flex;flex-direction:column;gap:4px;min-width:0}
.q label span{text-transform:none;letter-spacing:0;font-weight:500;opacity:.8}
.q input{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.serial-btn{margin-top:6px;width:100%;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.serial-btn .sb-c{font:500 11px var(--font-body,inherit);text-transform:none;letter-spacing:0;opacity:.75}
.ser-stores{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ser-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.ser-row{display:flex;align-items:center;gap:8px}
.ser-row span{width:30px;flex:none;color:var(--muted);font:600 12px var(--font-mono)}
.ser-row input{flex:1;min-width:0;font-family:var(--font-mono)}
.serial-entry-tabs{display:flex;gap:8px;margin-top:12px}
.serial-entry-tabs [aria-selected="true"]{border-color:var(--accent);color:var(--accent)}
.serial-entry-tabs [aria-selected="false"]{color:var(--muted)}
#ser-import-file{padding:7px}
#delivery-import-file{padding:7px}
.delivery-import{margin-top:16px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:9px 14px;min-height:42px;font:600 14px var(--font-head);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.btn:hover{border-color:var(--muted)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.sm{min-height:34px;padding:5px 10px;font-size:12px}
.btn.del{color:var(--bad)} .btn.armed{background:var(--bad);border-color:var(--bad);color:var(--on-bad)}
.btn[hidden]{display:none}
details.fold{margin-top:14px}
details.fold>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:10px 16px;font:600 14px var(--font-head);letter-spacing:.05em;text-transform:uppercase;min-height:42px}
details.fold>summary::-webkit-details-marker{display:none}
.pw{position:relative;display:block}.pw input{width:100%;padding-right:44px}
.eye{appearance:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px}
.eye:hover,.eye[aria-pressed=true]{color:var(--ink)}
.pool-card{border-left:4px solid var(--warn,#c98a00)}
.pool-sn{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:210px;overflow:auto}
.pool-sn button{appearance:none;font:500 12px var(--font-mono);padding:6px 9px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.pool-sn button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.pool-q{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.pool-q label{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.pool-q input{width:100%}
.pool-split{font-size:13px;color:var(--muted);margin:8px 0 0}
details.fold[open]>summary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
details.fold>.card{margin-top:10px}

/* segmented control and filter chips */
.seg{display:flex;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);max-width:440px}
.seg button{flex:1;appearance:none;border:0;background:none;padding:10px 6px;font:600 13px var(--font-head);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.filters button{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:600 13px var(--font-head);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filters button b{font-family:var(--font-mono);font-weight:500;margin-left:4px}

/* tables and lists */
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.tbl{border-collapse:collapse;width:100%;min-width:520px;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl th{font:600 12px var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface2)}
.tbl td{font-family:var(--font-mono);font-size:14px}
.tbl th:first-child,.tbl td:first-child{text-align:left;position:sticky;left:0;background:var(--surface);font-family:var(--font-body);font-size:15px;z-index:1}
.tbl th:first-child{background:var(--surface2)}
.tbl tr:last-child td{border-bottom:0}
.tbl .z{color:var(--muted);opacity:.6} .tbl .neg{color:var(--bad)} .tbl .close{font-weight:500}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gc);margin-right:8px}
.list{display:grid;gap:10px;margin-top:12px;grid-template-columns:minmax(0,1fr)}
.list.boxes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start}
.item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}
.item .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.item .who{font:600 17px var(--font-head);min-width:0;overflow-wrap:anywhere}
.item .meta{color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:3px}
.item .meta .mono,.mono{font-family:var(--font-mono);font-size:13px}
.item p{margin:8px 0 0;overflow-wrap:anywhere}
.mats{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.mats span{font-size:13px;background:var(--surface2);border-radius:4px;padding:3px 7px}
.mats b{font-family:var(--font-mono);font-weight:500}
.item .btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

body:not(.r-admin) .adm{display:none!important}
body.r-admin #cmp-fold,body.r-admin #flt-fold,body.r-admin [data-act="cmp-upd"],body.r-admin [data-act="fault-next"]{display:none!important}
.lock{max-width:520px;margin:40px auto 0}
.lock h2{font-size:26px;margin-bottom:8px}
.lock p{margin:0}
.roles{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.roles li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.srow{display:flex;gap:8px;margin-bottom:8px}
.srow input{flex:1}
#bal-total .totcard{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.totcard span{font:600 15px var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.totcard b{font:500 24px var(--font-mono);font-variant-numeric:tabular-nums}
.vv{display:block;color:var(--muted);font:400 12px var(--font-mono);margin-top:2px}
.vsum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:baseline}
.vsum b{font:500 17px var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}
.vsum .big{font:600 15px var(--font-head);letter-spacing:.06em;text-transform:uppercase}
.tbl tr.tot td{font-weight:600;border-top:2px solid var(--ink);background:var(--surface2)}
.tbl tr.tot td:first-child{background:var(--surface2)}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.pair .card{margin-top:0}
.pair .lab{display:block;margin-bottom:6px}
.pair b{font:500 clamp(15px,4.4vw,24px) var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pair .used b{color:var(--accent)}
.tbl .u{color:var(--muted);font-size:12px}
.tbl td.hl{font-weight:500}
.tbl thead tr.sup th{text-align:center;border-bottom:1px solid var(--line)}
.clist{list-style:none;margin:16px 0 0;padding:0}
.clist li{display:grid;grid-template-columns:2rem minmax(0,1fr) minmax(7rem,9.5rem);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.clist li.hd2{padding:0 0 6px;font:600 12px var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.clist li.hd2 span:last-child{text-align:right}
.clist .no{font:500 14px var(--font-mono);color:var(--muted);text-align:right}
.clist label{font:500 15px var(--font-body);text-transform:none;letter-spacing:0;color:var(--ink)}
.clist small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.clist input{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.chk{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font:500 14px var(--font-body);color:var(--ink)}
.chk input{width:auto;min-height:0;flex:none}
/* message sheet */
.sheet{position:fixed;inset:0;z-index:40}
.sheet[hidden]{display:none}
.scrim{position:absolute;inset:0;background:var(--scrim)}
.panel{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow:auto;background:var(--surface);border-radius:14px 14px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.panel .ph{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.panel h2{font-size:22px}
.panel textarea{font-family:var(--font-mono);font-size:13px;line-height:1.5;min-height:160px}
@media (min-width:820px){
  .panel{left:50%;right:auto;bottom:auto;top:10vh;transform:translateX(-50%);width:min(560px,92vw);border-radius:12px;border:1px solid var(--line)}
}
.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;max-width:min(92vw,460px);font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.toast.err{background:var(--bad);color:var(--on-bad)}
.toast[hidden]{display:none}
@media (min-width:820px){.toast{bottom:28px}}
@media (prefers-reduced-motion:no-preference){.tab,.btn{transition:color .12s,background-color .12s,border-color .12s}}

:is(#lg-who, .inline-style-b56987dbcb){margin-bottom:12px}
:is(#lg-deny, .inline-style-5bd8ae8682){color:var(--bad)}
:is(#f-login, .inline-style-c53ea1da23){margin-top:14px}
:is(#log-serial-note, .inline-style-6aa34d7432){display:none}
:is(#lg-ok, .inline-style-bd58bb1399){color:var(--ok,#1a7f4b)}
.inline-style-e60906c9ba.inline-style-e60906c9ba.inline-style-e60906c9ba{min-width:210px}
.inline-style-69374f356a.inline-style-69374f356a.inline-style-69374f356a{display:flex;gap:6px}
.inline-style-2a9495ecbb.inline-style-2a9495ecbb.inline-style-2a9495ecbb{position:relative}
.inline-style-a159791037.inline-style-a159791037.inline-style-a159791037{margin-top:22px;font-size:20px}
:is(#dl-head, .inline-style-2953c46314){margin:14px 0 0;font-size:20px}
.inline-style-a0925a28f0.inline-style-a0925a28f0.inline-style-a0925a28f0{margin-top:0}
.inline-style-8d2af6663b.inline-style-8d2af6663b.inline-style-8d2af6663b{margin:22px 0 0;font-size:20px}
:is(#cnt-ff, .inline-style-b29adddf83){margin-top:12px;display:none}
.inline-style-0ee7f66ad9.inline-style-0ee7f66ad9.inline-style-0ee7f66ad9{margin-top:12px}
.inline-style-886636a470.inline-style-886636a470.inline-style-886636a470{flex:1;align-self:center}
:is(#f-addstore, .inline-style-70eadfd41c){align-items:end;margin-top:6px}
.inline-style-5a5048952d.inline-style-5a5048952d.inline-style-5a5048952d{flex:1;min-width:180px}
.inline-style-634e55ac34.inline-style-634e55ac34.inline-style-634e55ac34{padding:12px 14px}
.inline-style-f613f806e4.inline-style-f613f806e4.inline-style-f613f806e4{font-size:18px}
.inline-style-e64a5fd7a2.inline-style-e64a5fd7a2.inline-style-e64a5fd7a2{margin:0;padding:9px 12px}
.inline-style-ab79ea2b85.inline-style-ab79ea2b85.inline-style-ab79ea2b85{margin:0}
.inline-style-eac7694072.inline-style-eac7694072.inline-style-eac7694072{color:var(--muted)}
.inline-style-301647f506.inline-style-301647f506.inline-style-301647f506{margin-top:6px}
.inline-style-536fa527eb.inline-style-536fa527eb.inline-style-536fa527eb{margin:0 0 10px}
.inline-style-7813b6c92c.inline-style-7813b6c92c.inline-style-7813b6c92c{margin-right:6px}
.inline-style-5074b45d61.inline-style-5074b45d61.inline-style-5074b45d61{margin:6px 0 0}
.inline-style-76b14685f3.inline-style-76b14685f3.inline-style-76b14685f3{margin:14px 0 0}
.inline-style-ce203bc187.inline-style-ce203bc187.inline-style-ce203bc187{width:100%;margin-top:8px}
.inline-style-35a5b9f74d.inline-style-35a5b9f74d.inline-style-35a5b9f74d{margin-top:22px;font-size:18px}
.inline-style-df928149c5.inline-style-df928149c5.inline-style-df928149c5{margin-top:10px}
.inline-style-8740a80df7.inline-style-8740a80df7.inline-style-8740a80df7{margin:0 0 12px}