:root{--bg:#22252A;--panel:#2B2F35;--panel2:#33383F;--line:#3E444C;--ink:#EFEBE3;--muted:#9BA2AB;--brass:#C9A96A;--brass-ink:#1E1A12;--good:#8FB996;--care:#D8B26A;--navbg:rgba(34,37,42,.94);--swb:rgba(255,255,255,.14);--r:10px}
#results h2{scroll-margin-top:12px}
input[type=range]{accent-color:var(--brass);appearance:auto;-webkit-appearance:auto;background:none;border:0;padding:0}
a:not(.btn),a:not(.btn):visited{color:var(--brass);text-decoration:underline;text-decoration-color:rgba(201,169,106,.45);text-underline-offset:3px;font-weight:600}a:not(.btn):active{color:var(--ink)}
  html[data-theme="charcoal"]{--bg:#22252A;--panel:#2B2F35;--panel2:#33383F;--line:#3E444C;--ink:#EFEBE3;--muted:#9BA2AB;--brass:#C9A96A;--brass-ink:#1E1A12;--good:#8FB996;--care:#D8B26A;--navbg:rgba(34,37,42,.94);--swb:rgba(255,255,255,.14)}
  html[data-theme="midnight"]{--bg:#18202E;--panel:#222C3D;--panel2:#2A3549;--line:#36435A;--ink:#F1ECE4;--muted:#9BA5B5;--brass:#D08B5B;--brass-ink:#1A1209;--good:#8FB996;--care:#E0A36A;--navbg:rgba(24,32,46,.94);--swb:rgba(255,255,255,.16)}
  html[data-theme="forest"]{--bg:#1D2A24;--panel:#26362F;--panel2:#2E4038;--line:#3A4D44;--ink:#EEE9DF;--muted:#9FB0A6;--brass:#D2B26B;--brass-ink:#1C1A10;--good:#9CC7A4;--care:#D8B26A;--navbg:rgba(29,42,36,.94);--swb:rgba(255,255,255,.16)}
  html[data-theme="linen"]{--bg:#F5F1EA;--panel:#FFFFFF;--panel2:#EEE9E0;--line:#DDD6CA;--ink:#22252A;--muted:#6F6A62;--brass:#2C3E66;--brass-ink:#FFFFFF;--good:#3F7A4C;--care:#A06A16;--navbg:rgba(245,241,234,.95);--swb:rgba(0,0,0,.16)}
  html[data-theme="stone"]{--bg:#EFEAE4;--panel:#FBF8F5;--panel2:#E7E0D8;--line:#D8CFC6;--ink:#2A2626;--muted:#7A706B;--brass:#B4645F;--brass-ink:#FFFFFF;--good:#3F7A4C;--care:#A06A16;--navbg:rgba(239,234,228,.95);--swb:rgba(0,0,0,.16)}
  @media (prefers-color-scheme:light){html[data-theme="auto"]{--bg:#F5F1EA;--panel:#FFFFFF;--panel2:#EEE9E0;--line:#DDD6CA;--ink:#22252A;--muted:#6F6A62;--brass:#2C3E66;--brass-ink:#FFFFFF;--good:#3F7A4C;--care:#A06A16;--navbg:rgba(245,241,234,.95);--swb:rgba(0,0,0,.16)}}
  @media (prefers-color-scheme:dark){html[data-theme="auto"]{--bg:#22252A;--panel:#2B2F35;--panel2:#33383F;--line:#3E444C;--ink:#EFEBE3;--muted:#9BA2AB;--brass:#C9A96A;--brass-ink:#1E1A12;--good:#8FB996;--care:#D8B26A;--navbg:rgba(34,37,42,.94);--swb:rgba(255,255,255,.14)}}
  /* native pop-ups (dropdown lists, date pickers) follow the app's light/dark theme */
  :root,html[data-theme="charcoal"],html[data-theme="midnight"],html[data-theme="forest"]{color-scheme:dark}
  html[data-theme="linen"],html[data-theme="stone"]{color-scheme:light}
  html[data-theme="auto"]{color-scheme:light dark}
  select option,select optgroup{background:var(--panel);color:var(--ink)}

  *{box-sizing:border-box}
  html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 "Avenir Next","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
  button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
  button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
  .app{max-width:560px;margin:0 auto;padding:18px 16px 100px}
  h1{font-size:30px;line-height:1.1;margin:6px 0 4px;font-weight:600;letter-spacing:-.01em}
  .sub{color:var(--muted);margin:0 0 18px}
  h2{font-size:15px;font-weight:600;margin:22px 0 10px;color:var(--muted)}
  h2 b{color:var(--ink);font-weight:600}
  .nav{position:fixed;left:0;right:0;bottom:0;background:var(--navbg);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;padding:8px 12px calc(10px + env(safe-area-inset-bottom))}
  .nav button{flex:1;padding:10px 2px;border-radius:var(--r);color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
  .nav.six button{font-size:12.5px;padding:10px 0}
  .nav button[aria-current="page"]{color:var(--brass-ink);background:var(--brass)}
  .seg{display:flex;gap:6px;background:var(--panel);padding:4px;border-radius:12px;margin-bottom:14px}
  .seg button{flex:1;padding:8px 4px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:600}
  .seg button[aria-pressed="true"]{background:var(--panel2);color:var(--ink)}
  .pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--panel);border-radius:14px;padding:12px}
  .pick label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
  select,input,textarea{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:11px 10px;color:var(--ink);font:inherit;width:100%;appearance:none;-webkit-appearance:none}
  input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;padding:0;border:0;background:none;accent-color:var(--brass)}
  .selwrap{position:relative}
  .selwrap::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
  .row{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}
  .row::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;width:74px;text-align:left}
  .chip .sw{display:block;width:74px;height:74px;border-radius:12px;border:1px solid var(--swb);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
  .chip[aria-pressed="true"] .sw{outline:3px solid var(--brass);outline-offset:3px}
  .chip .n{font-size:12px;line-height:1.25;margin-top:6px;display:block;color:var(--ink)}
  .tile{position:relative}.tile .x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--panel2);color:var(--muted);border:1px solid var(--line);font-size:14px;line-height:20px;text-align:center}
  .chip.other .sw{background:var(--panel2);border:1px dashed var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}
  .hero{display:flex;align-items:center;gap:14px;margin:16px 0 4px}
  .hero .big{width:64px;height:64px;border-radius:16px;flex:0 0 auto;border:1px solid var(--swb);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
  .hero .nm{font-size:20px;font-weight:600;line-height:1.2}
  .hero .why{color:var(--muted);font-size:14px}
  .list{display:flex;flex-direction:column;gap:8px}
  .item{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:var(--r);padding:10px 12px;text-align:left;width:100%}
  .item .dot{width:38px;height:38px;border-radius:9px;flex:0 0 auto;border:1px solid var(--swb);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);display:block}
  .item .txt{flex:1;min-width:0}
  .item .nm{display:block;font-weight:600}
  .item .why{display:block;font-size:13px;color:var(--muted)}
  .item .own{display:block;font-size:13px;color:var(--good)}
  .item .tag{font-size:12px;font-weight:600;padding:3px 8px;border-radius:99px;flex:0 0 auto}
  .tag.best{background:var(--brass);color:var(--brass-ink)}
  .tag.good{background:rgba(143,185,150,.18);color:var(--good)}
  .tag.care{background:rgba(216,178,106,.16);color:var(--care)}
  .item[aria-pressed="true"]{outline:2px solid var(--brass)}
  .empty{color:var(--muted);background:var(--panel);border-radius:var(--r);padding:14px;font-size:15px}
  .note{color:var(--muted);font-size:14px;margin:8px 0 0}
  .form{background:var(--panel);border-radius:14px;padding:14px;display:grid;gap:10px;grid-template-columns:1fr 1fr}
  .form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
  .btn{background:var(--brass);color:var(--brass-ink);font-weight:600;padding:12px;border-radius:var(--r);grid-column:1/-1}
  .btn.ghost{background:var(--panel2);color:var(--ink)}
  .invhead{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
  .invhead h2{margin:0}
  .buycat{font-size:22px;font-weight:800;color:var(--ink);margin:30px 0 12px;padding:0 0 8px;border-bottom:2px solid var(--brass);letter-spacing:-.01em}
  .buycat:first-of-type{margin-top:18px}
  .mini{font-size:14px;font-weight:600;padding:8px 12px;border-radius:99px;background:var(--panel2);color:var(--ink)}
  .mini.danger{background:rgba(214,96,96,.18);color:#E88B8B}
  .item .chk{width:22px;height:22px;flex:0 0 auto;accent-color:#D66060;margin:0}
  .item.selectable{cursor:pointer}
  .item.selected{outline:2px solid #D66060}
  .item.editing{outline:2px solid var(--brass)}
  .toggle{display:flex;align-items:center;gap:12px;background:var(--panel2);border-radius:12px;padding:10px 12px;font-size:15px;color:var(--ink);text-align:left;width:100%}
  .toggle .tk{flex:0 0 auto;width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;transition:background .15s}
  .toggle .kn{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
  .toggle[aria-pressed="true"] .tk{background:var(--brass)}.toggle[aria-pressed="true"] .kn{left:21px}
  .toggle .tl small{display:block;font-size:12px;color:var(--muted)}
  .score{display:flex;align-items:center;gap:14px;margin:10px 0 6px}
  .score .big{font-size:44px;font-weight:800;color:var(--brass);line-height:1}
  .score .lbl{font-size:15px;color:var(--ink)}
  .rate-list{margin:8px 0 0;padding-left:18px;color:var(--ink);font-size:14px}.rate-list li{margin:3px 0}
  .tchip{padding:8px 14px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:14px;font-weight:600;border:1px solid var(--line)}
  /* View-only shows everything; anything that would change the wardrobe is blocked on tap (see RO_BLOCK in 16-init.js) */
  body.ro #b-store{display:none!important}
  .ro-only{display:none}body.ro .ro-only{display:block}
  .ro-only{display:none}body.ro .ro-only{display:block}
  .brand{display:flex;align-items:center;gap:9px;margin:4px 0 14px}.brand svg{width:30px;height:30px}.brand b{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:22px;letter-spacing:.3px;color:var(--ink)}
  .tback{color:var(--muted);font-size:15px;font-weight:600;padding:6px 0;margin:0 0 4px}
  .tstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 8px}
  .tstat{background:var(--panel);border-radius:var(--r);padding:12px 10px;text-align:center}
  .tstat b{display:block;font-size:26px;line-height:1.1;color:var(--ink)}
  .tstat span{font-size:12px;color:var(--muted)}
  .tbar{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden;margin:4px 0 10px}
  .tbar i{display:block;height:100%;background:var(--brass);border-radius:4px}
  .tgap{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border-radius:var(--r);padding:10px 12px;margin-top:8px;font-size:14px}
  .tgap .ic{flex:0 0 auto;font-size:16px;line-height:1.3}
  .tday{background:var(--panel);border-radius:var(--r);padding:10px 12px;margin-top:8px}
  .tday .dh{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between}
  .tfit{display:flex;align-items:center;gap:6px}
  .tfit .dot{width:34px;height:34px;border-radius:8px;border:1px solid var(--swb);flex:0 0 auto;display:block}
  .tfit .tn{font-size:13px;color:var(--ink);line-height:1.3;margin-left:4px;min-width:0}
  .tchk{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;color:transparent}
  [aria-pressed="true"] .tchk{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}
  .item.dim{opacity:.55}
  #outfits .item .dot{width:30px;height:30px;border-radius:7px}
  #pmodal .dot{width:28px;height:28px;border-radius:7px;display:block;border:1px solid var(--swb);flex:0 0 auto}
  .rvcard{background:var(--panel);border-radius:16px;padding:16px;margin-top:6px}
  .rvcard .big{width:96px;height:96px;border-radius:18px;flex:0 0 auto;border:1px solid var(--swb);display:block;object-fit:cover}
  .rvwhy{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-top:8px;color:var(--ink)}
  .rvwhy .ic{flex:0 0 auto;width:20px;text-align:center}
  .rvbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .rvbtns .btn{grid-column:auto;padding:12px 6px}
  .beta{display:inline-block;font:700 10px/1 -apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:1.3px;color:var(--brass-ink);background:var(--brass);border-radius:6px;padding:5px 7px;vertical-align:middle}
  #splash{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .35s ease}
  #splash svg{width:110px;height:110px}#splash .sp-name{font-family:Georgia,"Times New Roman",serif;font-size:40px;color:var(--ink);margin:20px 0 6px;letter-spacing:.5px}#splash .sp-tag{color:var(--muted);font-size:14px}
  #splash.gone{opacity:0;pointer-events:none}
  #splash svg{animation:spIn .6s ease both}#splash .sp-name{animation:spIn .6s .25s ease both}#splash .sp-tag{animation:spIn .6s .5s ease both}
  @keyframes spIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .robar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--brass);border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:14px}
  .robar input{width:96px;padding:8px 10px}
  .tchip[aria-pressed="true"]{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}
  .item.holding{transform:scale(.985);transition:transform .5s ease;opacity:.85}
  .item[data-edit]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  .btn.danger{background:#B94A4A;color:#fff}
  .btn.danger:disabled{opacity:.45;cursor:default}
  .btn:disabled{opacity:.4;cursor:default}
  .cat{background:var(--panel);border-radius:var(--r);padding:0 12px;margin-top:10px}
  .cat summary{padding:12px 0;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}
  .cat summary::-webkit-details-marker{display:none}
  .cat summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-right:4px}
  .cat[open] summary::after{transform:rotate(-135deg)}
  .cat .list,.cat .empty{margin-bottom:12px}
  .sample{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 7px;margin-left:6px;vertical-align:middle}
  details{background:var(--panel);border-radius:var(--r);padding:12px 14px;margin-top:10px}
  summary{cursor:pointer;font-weight:600}
  details p{margin:8px 0 0;color:var(--muted);font-size:14px}
  .hidden{display:none!important}
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}
  .gs-glow{box-shadow:0 0 0 3px var(--brass);border-radius:14px;transition:box-shadow .3s}
  .xrow{display:flex;gap:12px;align-items:center;width:100%;padding:13px 14px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
  #extras{background:none!important;display:grid!important;gap:10px}#extras>div:empty{display:none}#extras .xrow{background:var(--panel);border-radius:var(--r);border-bottom:0}
  .xrow .ic{font-size:22px;width:28px;text-align:center;flex:none}.xrow .t{flex:1;min-width:0}.xrow .t b{display:block;font-size:15px}.xrow .t span{display:block;font-size:13px;color:var(--muted);margin-top:1px}.xrow .ch{color:var(--muted);font-size:20px;flex:none}

  .whrow summary::-webkit-details-marker{display:none}.whrow[open] summary span:last-child{transform:rotate(180deg)}
#selsheet{position:fixed;inset:0;z-index:9999}
#selsheet .ss-back{position:absolute;inset:0;background:rgba(0,0,0,.45)}
#selsheet .ss-panel{position:absolute;left:0;right:0;bottom:0;max-height:70vh;display:flex;flex-direction:column;background:var(--panel);color:var(--ink);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:8px 0 calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.35)}
#selsheet .ss-title{padding:8px 18px 10px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
#selsheet .ss-list{overflow-y:auto;-webkit-overflow-scrolling:touch}
#selsheet .ss-grp{padding:12px 18px 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
#selsheet .ss-opt{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--ink);font:inherit;font-size:16px;padding:13px 18px}
#selsheet .ss-opt.on{background:var(--panel2);color:var(--brass);font-weight:600}
#selsheet .ss-opt:disabled{opacity:.4}
/* ---- New home (Oct 2026): header, nav icons, hero, scores, Me drawer, History ---- */
.brand{justify-content:space-between}
.brand .bmid{display:flex;align-items:center;gap:9px}
.hbtn{position:relative;width:44px;height:44px;border-radius:22px;background:var(--panel);border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hdot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:5px;background:#C8553D;border:2px solid var(--bg)}
.nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px!important;font-size:12.5px!important}
.nav button svg{width:22px;height:22px}
.hero{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:6px;text-align:left}
.hero .hl{display:flex;align-items:center;justify-content:flex-start;gap:14px}
.hero .wxi{width:58px;height:58px;flex:0 0 auto}
.hero .wxi.spin{animation:wxspin 40s linear infinite}
.hero .drops{animation:wxdrop 1.6s ease-in-out infinite}
@keyframes wxspin{to{transform:rotate(360deg)}}
@keyframes wxdrop{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(2px);opacity:.6}}
@media (prefers-reduced-motion:reduce){.hero .wxi.spin,.hero .drops{animation:none}}
.hero .ht{font-size:44px;font-weight:800;line-height:1;letter-spacing:-1px;color:var(--ink)}
.hero .hp{font-size:13px;color:var(--muted);margin-top:3px}
.hero .hr{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.2;color:var(--ink)}
.hero .curve{width:100%;height:78px;display:block;margin-top:2px;overflow:visible}
.hero .curve .cl{font-size:11px;font-weight:700;fill:var(--ink)}
.hero .curve .ct{font-size:10px;fill:var(--muted)}
.scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.scores .sc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;color:var(--ink)}
.scores .ring{position:relative;width:64px;height:64px}
.scores .ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}
.scores .rl{font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-top:6px}
.scores .rs{font-size:10px;letter-spacing:.8px;font-weight:700;margin-top:2px;text-align:center}
.askbar{width:100%;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--brass);border-radius:26px;padding:12px 16px;margin:0 0 12px;color:var(--brass);text-align:left}
.askbar .aq{flex:1;min-width:0;color:var(--ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.askbar .aq i{color:var(--muted);font-style:normal}
.askbar .al{font-size:11px;color:var(--muted);white-space:nowrap}
#medrawer{position:fixed;inset:0;z-index:90}
#medrawer .md-back{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
#medrawer .md-panel{position:absolute;top:0;bottom:0;left:0;width:min(340px,86vw);background:var(--bg);border-right:1px solid var(--line);overflow-y:auto;padding:22px 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;transform:translateX(-100%);transition:transform .22s ease}
#medrawer.on .md-back{opacity:1}#medrawer.on .md-panel{transform:none}
.md-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.md-name{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:28px;color:var(--ink)}
.md-sub{font-size:13px;color:var(--muted);margin-top:3px}
.md-tag{display:inline-block;margin-top:8px;font-size:12px;padding:4px 10px;border-radius:10px;background:var(--panel2);color:var(--ink)}
.md-av{width:60px;height:60px;border-radius:30px;background:var(--brass);color:var(--brass-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:21px;flex:0 0 auto}
.md-big{margin:18px 0 4px}.md-big b{display:block;font-size:46px;font-weight:800;line-height:1;color:var(--ink)}.md-big span{display:block;font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-top:5px}.md-big em{font-style:normal}
.md-sec{border-top:1px solid var(--line);padding:12px 0 6px;margin-top:10px}
.md-lbl{font-size:11px;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}
.md-pb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-pb b{display:block;font-size:22px;font-weight:800;color:var(--ink)}.md-pb span{font-size:10.5px;letter-spacing:.6px;color:var(--muted)}
.md-profs{display:flex;flex-wrap:wrap;gap:6px}.md-profs button{font-size:13px;padding:7px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line);color:var(--ink)}.md-profs button.on{background:var(--brass);color:var(--brass-ink);border-color:var(--brass);font-weight:700}.md-profs button.add{background:none;border-style:dashed;color:var(--muted)}
.md-sync{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);margin-top:12px;width:100%;background:none;text-align:left;padding:0}.md-sync span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.md-sync .dot{width:8px;height:8px;border-radius:4px;flex:0 0 auto}
.md-links{display:flex;flex-direction:column;padding-top:2px}
.md-link{display:flex;align-items:center;gap:14px;padding:11px 0;color:var(--ink);background:none;text-align:left;width:100%}
.md-link .mdt{flex:1;min-width:0;display:flex;flex-direction:column}.md-link .mdt span{font-size:15px}.md-link small{font-size:12px;color:var(--muted)}
.md-link .mdc{color:var(--muted)}.md-link .mdb{font-size:11px;font-weight:700;padding:1px 7px;border-radius:9px;background:#C8553D;color:#fff}
.md-foot{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.45}
.hhead{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.hhead b{font-size:18px}
.hnav{width:44px;height:36px;font-size:22px;color:var(--ink);background:none}.hnav:disabled{color:var(--line)}
.hgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.hdow span{font-size:11px;color:var(--muted);text-align:center;margin-bottom:4px}
.hc{height:66px;border-radius:10px;background:none;display:flex;flex-direction:column;align-items:center;padding:4px 0 0;color:var(--ink)}
.hc.e{pointer-events:none}.hc.sel{background:var(--panel2);box-shadow:inset 0 0 0 1.5px var(--brass)}.hc.fut{opacity:.35}
.hc .hn{font-size:12px;font-weight:500}.hc.today .hn{color:var(--brass);font-weight:800}
.hc .sw{display:flex;flex-direction:column;gap:2px;width:22px;margin-top:3px}.hc .sw i{display:block;height:13px;border-radius:4px 4px 1px 1px;box-shadow:inset 0 0 0 1px var(--swb)}.hc .sw i+i{border-radius:1px 1px 4px 4px}
.hc .sw.rest{height:28px;border:1px dashed var(--muted);border-radius:5px;box-sizing:border-box}.hc .sw.none{height:28px}
.hc .hd{display:flex;gap:3px;height:6px;margin-top:3px}.hc .hd i{width:5px;height:5px;border-radius:3px}.hc .hd i.r{background:var(--brass)}.hc .hd i.a{background:#7FB3E0}
.hkey{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin:10px 0 12px}.hkey span{display:flex;align-items:center;gap:5px}.hkey i{display:inline-block}
.hkey .k1{width:8px;height:10px;border-radius:2px;background:var(--brass)}.hkey .k2{width:6px;height:6px;border-radius:3px;background:var(--brass)}.hkey .k3{width:6px;height:6px;border-radius:3px;background:#7FB3E0}.hkey .k4{width:8px;height:10px;border-radius:2px;border:1px dashed var(--muted)}
.hdet{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:96px}
.hdh{display:flex;justify-content:space-between;align-items:baseline}.hdh b{font-size:16px}.hdh span{font-size:12px;color:var(--muted)}
.hfit{display:flex;gap:12px;align-items:center;margin-top:10px}.hsw{display:flex;gap:4px;flex:0 0 auto}.hsw i{width:24px;height:34px;border-radius:6px;display:block;border:1px solid var(--swb)}
.hnames{font-size:13px;color:var(--ink);line-height:1.4}
.hwear{margin-top:8px;background:none;border:0;color:var(--brass);font-weight:600;padding:4px 0}
.hchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hchip{font-size:12px;padding:4px 10px;border-radius:12px}.hchip.r{background:rgba(201,169,106,.16);color:var(--brass)}.hchip.a{background:rgba(127,179,224,.16);color:#9CC4E8}
#hmtoast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--panel2);color:var(--ink);border:1px solid var(--brass);border-radius:22px;padding:10px 18px;font-size:15px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:95;box-shadow:0 8px 24px rgba(0,0,0,.35)}
#hmtoast.on{opacity:1;transform:translate(-50%,0)}
.iscore{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px}.iscore b{font-size:30px;font-weight:800;color:var(--ink)}.iscore span{font-size:13px;color:var(--muted)}
.insp{border-top:1px solid var(--line);padding:10px 0}.insp .isl{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.insp .iseen{font-size:14px;color:var(--ink);margin:2px 0 6px}
.insp .iown{display:flex;align-items:center;gap:10px;background:var(--panel2);border-radius:10px;padding:8px 10px}.insp .iown>i{width:18px;height:26px;border-radius:5px;flex:0 0 auto;border:1px solid var(--swb)}
.insp .iown span{flex:1;min-width:0;display:flex;flex-direction:column}.insp .iown b{font-size:13px;color:var(--ink);font-weight:600}.insp .iown small{font-size:12px;color:var(--muted)}
.insp .iown em{font-style:normal;font-size:11px;font-weight:700;border:1px solid;border-radius:9px;padding:1px 7px;flex:0 0 auto}.insp .iown.miss{border:1px dashed var(--line);background:none}
.hero .hchips2{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.hero .hchips2 span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:6px 11px}
.hero .hchips2 b{font-weight:400;font-size:14px}

#todayh{font-size:26px;margin:2px 0 2px}#todaysub{margin:0 0 12px}
.starter{display:block!important;padding:14px!important;margin:0 0 12px;border:1px solid var(--brass)}
.starter .st-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.starter .why b{color:var(--ink)}
.starter .st-pc{text-align:right;flex:0 0 auto}.starter .st-pc b{display:block;font-size:26px;font-weight:800;color:var(--ink);line-height:1}.starter .st-pc span{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.st-bar{position:relative;height:8px;border-radius:99px;background:var(--panel2);margin:12px 0}.st-bar>i{display:block;height:100%;border-radius:99px;background:var(--brass)}
.st-bar em{position:absolute;top:-3px;width:4px;height:14px;border-radius:2px;background:var(--line)}.st-bar em.on{background:var(--good)}
.starter .st-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.starter .st-hide{margin-top:8px;background:none;border:0;color:var(--muted);text-decoration:underline;padding:4px 0}
.md-map{margin:14px 0 2px}.md-map>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}.md-map b{color:var(--ink);font-size:15px}.md-map .st-bar{margin:6px 0 0}
.bchips{display:flex;flex-wrap:wrap;gap:6px}
.bchip{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:8px 11px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);color:var(--ink)}
.bchip i{width:12px;height:16px;border-radius:3px;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--swb)}
.bchip.on{background:var(--brass);color:var(--brass-ink);border-color:var(--brass);font-weight:700}.bchip.own{opacity:.45}.bchip.sm{padding:6px 10px;font-size:12px}
.bbrand{border-top:1px solid var(--line);padding:10px 0}.bbn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}.bbn i{width:14px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--swb)}
.bother{width:110px;font-size:12px;padding:6px 10px;border-radius:18px;background:var(--bg);border:1px solid var(--line);color:var(--ink)}

/* compact weather card (26 Oct) */
.hero{gap:6px!important;margin-bottom:2px!important}
.hero .hl{align-items:center;gap:12px}
.hero .wxi{width:44px!important;height:44px!important}
.hero .hbox{flex:1;min-width:0}
.hero .hrow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hero .ht{font-size:32px!important;letter-spacing:-.5px}
.hero .hr{font-size:17px!important;line-height:1.25!important;flex:1;min-width:150px}
.hero .hp{font-size:12px!important;margin-top:1px!important}
.hero .curve{height:58px!important}
.hero .hchips2{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px 2px}
.hero .hchips2::-webkit-scrollbar{display:none}
.hero .hchips2 span{flex:0 0 auto;font-size:12px!important;padding:5px 10px!important;white-space:nowrap}
#ctxcard{padding:12px 14px!important}
.scores .sc{padding:9px 6px 8px!important;border-radius:14px!important}
.scores .ring{width:52px!important;height:52px!important}.scores .ring svg{width:52px;height:52px}
.scores .ring b{font-size:17px!important}.scores .rl{font-size:10px!important;margin-top:4px!important}.scores .rs{font-size:9.5px!important}
details.isub{border-top:1px solid var(--line);margin:0}
details.isub>summary{display:flex;align-items:center;gap:10px;padding:12px 0;list-style:none;cursor:pointer}
details.isub>summary::-webkit-details-marker{display:none}
details.isub>summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 3px 0;transition:transform .15s}
details.isub[open]>summary::after{transform:rotate(-135deg);margin-bottom:-3px}
details.isub .isn{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}.isub .isn b{color:var(--muted);font-weight:500}
details.isub .isw{flex:1;min-width:0;display:flex;gap:3px;justify-content:flex-end;align-items:center;overflow:hidden}
details.isub .isw i{width:12px;height:16px;border-radius:3px;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--swb)}
details.isub .isw em{font-style:normal;font-size:11px;color:var(--muted);margin-left:3px}
details.isub[open] .isw{visibility:hidden}
details.isub>.list{padding-bottom:10px}
.cat details.isub{background:none;border-radius:0;padding:0;margin:0}
.cat details.isub>summary{padding:12px 0;font-weight:400}
.cat details.isub>summary::after{transform:rotate(45deg);margin:0 4px 3px 0;width:7px;height:7px}
.cat details.isub[open]>summary::after{transform:rotate(-135deg);margin:0 4px -3px 0}

/* weather card: comfortable, headline sized down (26 Oct, v2) */
.hero{gap:8px!important}
.hero .wxi{width:52px!important;height:52px!important}
.hero .ht{font-size:38px!important}
.hero .hr{font-size:20px!important;line-height:1.25!important;min-width:0!important}
.hero .hp{font-size:13px!important}
.hero .curve{height:68px!important}
.hero .hchips2 span{font-size:13px!important;padding:6px 11px!important}
.raddp{margin-top:6px;align-self:flex-start;background:none;border:1px dashed var(--brass);color:var(--brass);font-size:12px;padding:5px 10px;border-radius:14px}
.raddok{display:block;margin:6px 0 0;font-size:12px;color:var(--good)}
/* ---- Today v2 ---- */
.brand.v2{gap:10px;justify-content:flex-start}
.hav{position:relative;width:44px;height:44px;flex:0 0 auto;border-radius:22px;background:var(--brass);color:var(--brass-ink);font-weight:800;font-size:15px;border:0}
.hav .hdot{top:1px;right:1px}
.hsearch{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:44px;border-radius:22px;background:var(--panel);border:1px solid var(--line);padding:0 14px;color:var(--muted);margin:0}
.hsearch input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font-size:15px;outline:none;padding:0;height:auto}
#wsres{position:relative;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px 10px;margin:-6px 0 12px;box-shadow:0 10px 30px rgba(0,0,0,.35);max-height:60vh;overflow-y:auto}
#wsres .wsr{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}#wsres .wsr:first-child{border-top:0}
#wsres .wsr .txt{flex:1;min-width:0}#wsres .wsr .mini{flex:0 0 auto;padding:5px 9px;font-size:12px}#wsres .wsr .mini.ghost{background:none}
#todayh,#todaysub,#startercard,#recapcard{display:none!important}
.qacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 14px}
.qacts button{background:none;border:0;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0}
.qacts .qc{width:56px;height:56px;border-radius:28px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px}
.qacts .qc.gold{background:var(--brass);border-color:var(--brass);color:var(--brass-ink);font-weight:800;font-size:24px}
.qacts b{font-size:13px;font-weight:600}
#cardslot{margin:0 0 12px}
.sl-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.sl-track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;box-sizing:border-box;background:var(--panel);border:1px solid var(--brass);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px}
.slide.raw{display:block;padding:0;border:0;background:none}.slide.raw>.item,.slide.raw>.scores{margin:0!important;height:100%;box-sizing:border-box}.slide.raw .scores{margin:0}
.sl-t{font-size:15px;font-weight:700;color:var(--ink)}.sl-s{font-size:13px;color:var(--muted);margin-top:3px}
.sl-ring{width:52px;height:52px;border-radius:26px;border:5px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-sizing:border-box;flex:0 0 auto}
.sl-dots{display:flex;justify-content:center;gap:5px;margin-top:8px}.sl-dots i{width:6px;height:6px;border-radius:3px;background:var(--line)}.sl-dots i.on{background:var(--ink)}
.rw{display:block!important;padding:4px 14px!important;margin:0 0 12px}
.rw-h{font-size:15px;font-weight:700;color:var(--ink);padding:10px 0 4px}
.rw-r{display:flex;align-items:center;gap:12px;width:100%;padding:9px 0;border-top:1px solid var(--line);background:none;color:var(--ink);text-align:left}
.rw-sw{display:grid;grid-template-columns:repeat(2,14px);gap:2px;flex:0 0 auto}.rw-sw i{display:block;width:14px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--swb)}
.rw-t{flex:1;min-width:0;display:flex;flex-direction:column}.rw-t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rw-t small{font-size:12px;color:var(--muted)}
.rw-r em{font-style:normal;font-size:12px;font-weight:700;color:var(--brass)}
.rw-all{display:block;width:100%;text-align:center;padding:10px 0 8px;border-top:1px solid var(--line);background:none;color:var(--ink);font-weight:600;font-size:14px}
#wsres .wsr .dot{width:40px;height:40px;border-radius:8px;flex:0 0 auto;display:block}
#wsres .wsr .txt .nm,#wsres .wsr .txt .why{display:block}#wsres .wsr .txt .nm{font-size:14px;font-weight:600;color:var(--ink)}#wsres .wsr .txt .why{font-size:12px;color:var(--muted)}
.hav{background-size:cover;background-position:center;overflow:visible}.hav.photo #me-ini{visibility:hidden}
.md-av{position:relative;background-size:cover;background-position:center;cursor:pointer}.md-av.photo span{visibility:hidden}
.md-av small{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:12px;background:var(--panel2);border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px}
.mopts{display:grid;gap:8px}.mopt{display:flex;gap:12px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;margin:0}
.mopt.col{cursor:default}.mopt .mi{font-size:24px;flex:0 0 auto}.mopt b{display:block;font-size:15px;color:var(--ink)}.mopt small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.mbar{height:6px;border-radius:99px;background:var(--panel2);overflow:hidden}.mbar i{display:block;height:100%;width:35%;background:var(--brass);border-radius:99px;animation:mbar 1.4s ease-in-out infinite}
@keyframes mbar{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.mrow{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);opacity:.55}.mrow.on{opacity:1}
.mchk{padding-top:14px;margin:0}.mchk input{width:20px;height:20px;accent-color:var(--brass)}
.mth{width:54px;height:54px;border-radius:10px;flex:0 0 auto;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px var(--swb)}
.mbody{flex:1;min-width:0;display:grid;gap:5px}.mname input{width:100%;box-sizing:border-box;font-size:14px;font-weight:600;padding:6px 8px;margin:0}
.msel{display:grid;grid-template-columns:1fr 1fr;gap:5px}.msel select{font-size:13px;padding:6px 8px;margin:0;width:100%}
.mmeta{display:flex;gap:6px;align-items:center}.mmeta input{flex:1;min-width:0;font-size:12.5px;padding:5px 8px;margin:0}.mq{color:var(--care);font-weight:800;font-size:14px}.mcat{font-size:11px;color:var(--muted);white-space:nowrap}
.mdup{font-size:12px;color:var(--care)}
.mfoot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;position:sticky;bottom:-18px;background:var(--panel);padding:10px 0 4px}
.ownit{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border:1px dashed var(--brass);border-radius:12px;font-size:14px;color:var(--ink)}
.slide.buyq{align-items:flex-start}.bq-th{width:56px;height:56px;border-radius:12px;flex:0 0 auto;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px var(--swb)}
.bq-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bq-btns .mini{padding:6px 11px;font-size:13px}.bq-btns .mini.ghost{background:none}

.ltips{margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12.5px;color:var(--muted);line-height:1.4}
.ltips ul{margin:6px 0 4px;padding-left:18px}.ltips li{margin:2px 0}.ltips b{display:inline;font-size:inherit;color:var(--ink)}
.lt-ex span{color:var(--ink);font-weight:600}.lt-ex i{color:var(--ink)}
.linkbtn{background:none;border:0;padding:2px 0;color:var(--brass);font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* Today shelves */
.shelf{margin:0 0 12px}.sh-h{display:flex;flex-direction:column;margin:0 2px 6px}.sh-h b{font-size:15px}.sh-h small{font-size:12.5px;color:var(--muted)}
.sh-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.sh-row::-webkit-scrollbar{display:none}
.shc{flex:0 0 132px;width:132px;max-width:132px;box-sizing:border-box;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;color:var(--ink);cursor:pointer}
.shc-sw{display:flex;gap:3px;height:76px;border-radius:9px;overflow:hidden}
.shc-sw i,.shc-sw img{display:block;flex:1;min-width:0;height:100%;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(127,127,127,.25)}
.shc b{font-size:12.5px;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.shc small{font-size:11.5px;color:var(--muted);line-height:1.25}

.sl-k{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--brass);margin-bottom:3px}.slide.t30{align-items:flex-start}

.wsask{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--brass);border-radius:12px;padding:10px 12px;color:var(--ink);cursor:pointer;margin-top:6px}
.wsask:first-child{margin-top:0}.wsa-i{font-size:20px;flex:0 0 auto}.wsask .txt{flex:1;min-width:0;display:flex;flex-direction:column}.wsask .nm{display:block;font-weight:700}.wsask .why{white-space:normal}.wsa-go{color:var(--brass);font-weight:700;font-size:14px;white-space:nowrap}

/* Settings menu */
.sg-head{display:flex;align-items:center;gap:10px}.sg-head h1{margin:0}
.sg-back{width:40px;height:40px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:20px;line-height:1;flex:0 0 auto;cursor:pointer}
#setmenu{display:grid;gap:12px;margin-top:6px}
.sm-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sm-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:none;border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.sm-row:first-child{border-top:0}.sm-row.static{cursor:default}
.sm-ic{font-size:19px;width:24px;text-align:center;flex:0 0 auto}.sm-t{flex:1;min-width:0;font-size:15px;font-weight:600}
.sm-v{font-size:13px;color:var(--muted);text-align:right;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-c{color:var(--muted);font-size:20px;line-height:1}
.sm-card.danger .sm-t{color:var(--care,#E0937F)}
.sgroup .sgf{display:block!important;padding:16px;margin:8px 0 14px}
.sgl{margin:16px 0 6px}.sgf>.sgl:first-child,.sgf>.why:first-child{margin-top:0}.sg1{margin:4px 0 10px}
.sgi{margin-top:10px}.sgi summary{font-size:13px;color:var(--muted);cursor:pointer}
/* occasions and shops as switch lists */
#sg-today #occtoggles,#sg-shopping #shoptoggles>div:not(.why){display:flex!important;flex-direction:column;gap:0!important;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#sg-today #occtoggles .tchip,#sg-shopping #shoptoggles .tchip{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:0;border:0;border-top:1px solid var(--line);background:none!important;color:var(--ink)!important;padding:11px 12px;text-align:left;font-weight:500;font-size:14.5px}
#sg-today #occtoggles .tchip:first-child,#sg-shopping #shoptoggles .tchip:first-child{border-top:0}
#sg-today #occtoggles .tchip::after,#sg-shopping #shoptoggles .tchip::after{content:"";flex:0 0 auto;margin-left:12px;width:40px;height:24px;border-radius:12px;background:var(--line);box-shadow:inset 0 0 0 2px var(--line);transition:background .15s;
  background-image:radial-gradient(circle at 12px 12px,#fff 9px,transparent 10px)}
#sg-today #occtoggles .tchip[aria-pressed="true"]::after,#sg-shopping #shoptoggles .tchip[aria-pressed="true"]::after{background-color:var(--good);box-shadow:inset 0 0 0 2px var(--good);background-image:radial-gradient(circle at 28px 12px,#fff 9px,transparent 10px)}

#view-settings .sg-back:not(.hidden)+h1{font-size:24px;line-height:1.2}

/* First-run walkthrough */
.wt{display:flex;flex-direction:column;gap:8px}.wt-t{font-size:21px;margin-top:6px}.wt-s{margin:0;font-size:14.5px;line-height:1.45}
.wt-art{display:flex;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px}
.wt-ol{display:flex;gap:3px;width:92px;height:72px;border-radius:10px;overflow:hidden;flex:0 0 auto}.wt-ol i{flex:1}
.wt-lines{display:flex;flex-direction:column;gap:3px;min-width:0}.wt-lines b{font-size:14.5px}.wt-lines small{font-size:12.5px;color:var(--muted)}
.wt-chip{align-self:flex-start;font-size:12px;padding:3px 9px;border-radius:12px;border:1px solid var(--line);margin-top:4px}
.wt-art.priv>span{font-size:40px}
.wt-ways{display:grid;gap:8px}.wt-ways>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.wt-ways span{grid-row:span 2;font-size:22px;align-self:center}.wt-ways b{font-size:14px}.wt-ways small{font-size:12.5px;color:var(--muted)}
.wt-dots{display:flex;gap:6px;justify-content:center;margin:6px 0 2px}.wt-dots i{width:7px;height:7px;border-radius:4px;background:var(--line)}.wt-dots i.on{background:var(--brass);width:18px}
.wt-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shelf.preview .shc{opacity:.45;cursor:default}

.hcrown{position:absolute;bottom:-3px;right:-5px;width:20px;height:20px;border-radius:10px;background:var(--bg);box-shadow:0 0 0 2px var(--brass);display:flex;align-items:center;justify-content:center;pointer-events:none}.hcrown svg{display:block;width:12px;height:12px}
/* Today widgets */
#view-today>.wdg{position:relative}
#view-today>.wdg.wdg-off{display:none}
#view-today.wdg-editing>.wdg.wdg-ed{border:1.5px dashed var(--brass);border-radius:18px;padding:44px 8px 8px;margin:0 0 12px}
#view-today.wdg-editing>.wdg.wdg-ed>:not(.wdg-bar){pointer-events:none;opacity:.55;max-height:180px;overflow:hidden}
.wdg-bar{position:absolute;top:6px;left:8px;right:8px;display:flex;align-items:center;gap:6px;z-index:2}
.wb-n{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-b{width:32px;height:30px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:16px;font-weight:700;line-height:1;cursor:pointer}
.wb-b:disabled{opacity:.35}.wb-x{color:var(--care,#E0937F);border-color:var(--care,#E0937F)}
#wdgfoot{margin:18px 0 8px}.wf-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wf-b{height:44px;border-radius:22px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
#view-today.wdg-editing #wdgfoot{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:5;background:var(--bg);padding:8px 0;margin:0}
.wa-list{display:grid;gap:8px}.wa-r{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.wa-ic{font-size:22px;flex:0 0 auto}.wa-r .txt{flex:1;min-width:0;display:flex;flex-direction:column}.wa-r .nm{font-weight:700;font-size:14.5px}.wa-r .why{white-space:normal}
/* weather tips: one per swipe, dots below (like the streak card) */
.hero .htips{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:0!important;margin:0!important;padding:0!important;scrollbar-width:none}
.hero .htips::-webkit-scrollbar{display:none}
.hero .htips span{flex:0 0 100%!important;box-sizing:border-box;scroll-snap-align:start;justify-content:center;white-space:normal;text-align:center;font-size:14px!important;padding:9px 12px!important;border-radius:14px!important}
.hero .htdots{margin-top:8px}

/* Unlocks progress bar */
.ulk{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 12px}
.ulk-t{display:flex;flex-direction:column;gap:1px}.ulk-t b{font-size:15px}.ulk-t span{font-size:13px;color:var(--muted)}.ulk-t span b{font-size:13px;color:var(--ink)}
.ulk-bar{height:8px;border-radius:4px;background:var(--panel2);margin:9px 0 8px;overflow:hidden}.ulk-bar i{display:block;height:100%;background:var(--brass);border-radius:4px}
.ulk-s{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--muted)}.ulk-s span.on{color:var(--good)}.ulk-s em{font-style:normal;margin-left:auto}
/* Monday report */
.wk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wk-st{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:1px;text-align:center}
.wk-st b{font-size:22px;font-variant-numeric:tabular-nums}.wk-st span{font-size:12px;color:var(--muted)}.wk-st small{font-size:11px;color:var(--brass);margin-top:2px}
.wk-r{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.wk-r .txt{flex:1;min-width:0;font-size:14px}.wk-r em{font-style:normal;font-weight:700;color:var(--brass);font-size:13px}
.wk-try{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--brass);border-radius:12px;padding:10px;color:var(--ink);cursor:pointer}.wk-try .txt{flex:1;min-width:0;font-size:14px;font-weight:600;margin-left:4px}.wk-try em{font-style:normal;color:var(--brass);font-weight:700;font-size:13px;white-space:nowrap}
/* Wardrobe grid */
.invhead{display:flex;align-items:center;gap:8px}.invhead h2{flex:1}
.gview{display:inline-flex;margin:0!important;padding:2px!important}.gview button{padding:4px 10px!important;font-size:15px!important;line-height:1}
#inventory.ggrid .list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#inventory.ggrid .list>.item[data-edit]{position:relative;flex-direction:column;align-items:stretch;gap:6px;padding:6px;margin:0;border-radius:14px}
#inventory.ggrid .list>.item[data-edit] .dot{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;border-radius:9px;object-fit:cover}
#inventory.ggrid .list>.item[data-edit] .txt{min-width:0}
#inventory.ggrid .list>.item[data-edit] .nm{font-size:12px;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
#inventory.ggrid .list>.item[data-edit] .nm .sample{display:none}
#inventory.ggrid .list>.item[data-edit] .why{display:none}
#inventory.ggrid .gmeta{display:block;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inventory.ggrid .gb{position:absolute;left:11px;top:11px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;background:rgba(20,22,25,.78);color:#EFEBE3}
#inventory.ggrid .gb.fav{background:var(--brass);color:var(--brass-ink)}#inventory.ggrid .gb.new{background:#7FB3E0;color:#1E1A12}#inventory.ggrid .gb.forg{background:rgba(224,147,127,.92);color:#1E1A12}
#inventory:not(.ggrid) .gmeta,#inventory:not(.ggrid) .gb{display:none}
/* Plan ahead */
.hc.fut:not([disabled]){opacity:.7;cursor:pointer}.hc.fut.planned,.hc.fut.sel{opacity:1}
.plo .hsw i{width:16px;height:22px;border-radius:4px}
.hc .sw.plan{outline:1.5px dashed var(--brass);outline-offset:1px;opacity:.85}
.hkey .k5{width:8px;height:10px;border-radius:2px;outline:1.5px dashed var(--brass);background:transparent!important}
.plo{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:9px 10px;margin:0 0 6px;color:var(--ink);cursor:pointer}
.plo .txt{flex:1;min-width:0;display:flex;flex-direction:column}.plo b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plo small{font-size:12px;color:var(--muted)}.plo em{font-style:normal;color:var(--brass);font-weight:700;font-size:13px}
/* Goals */
.gl-list{display:grid;gap:8px;margin:4px 0 6px}
.gl-r{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel2);border:1.5px solid var(--line);border-radius:14px;padding:11px 12px;color:var(--ink);cursor:pointer}
.gl-r.on{border-color:var(--brass)}.gl-ic{font-size:22px;flex:0 0 auto}.gl-r .txt{flex:1;min-width:0;display:flex;flex-direction:column}.gl-r b{font-size:14.5px}.gl-r small{font-size:12.5px;color:var(--muted)}
.gl-ck{width:24px;height:24px;border-radius:12px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--brass-ink);flex:0 0 auto}.gl-r.on .gl-ck{background:var(--brass);border-color:var(--brass)}
/* Weather scrub */
.hero{position:relative}.hero .curve{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.scrub-rd{position:absolute;transform:translateX(-50%);z-index:3;font-size:12px;font-weight:700;background:var(--ink);color:var(--bg);padding:3px 9px;border-radius:10px;white-space:nowrap;pointer-events:none;height:auto}
.hero.scrubbing .curve>circle{opacity:.35}.hero.scrubbing .curve .cl{opacity:.25}
.scrub-hint{font-size:11.5px;color:var(--muted);text-align:center;margin:2px 0 4px}
/* Ask Pairwise cards */
.askcard{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:linear-gradient(135deg,rgba(201,169,106,.22),rgba(201,169,106,.08));border:1px solid rgba(201,169,106,.45);border-radius:14px;padding:12px 14px;margin:12px 0 4px}
.ak-q{font-size:14px;color:var(--ink);line-height:1.35}
.ak-b{font:inherit;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;background:var(--ink);color:var(--bg);border:0;border-radius:18px;padding:8px 14px;cursor:pointer}
.ak-wx{align-self:center;background:none;border:0;color:var(--brass);font:inherit;font-size:13px;font-weight:600;padding:2px 6px;cursor:pointer}
/* Quick log: footer always visible; toast with Undo */
.qfoot{position:sticky;bottom:-18px;margin:12px -18px -18px;padding:10px 18px calc(14px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:2}
#hmtoast.act{pointer-events:auto;display:flex;align-items:center;gap:14px}
#hmtoast .tu{background:none;border:0;color:var(--brass);font:inherit;font-weight:800;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* Weather time slider */
.scrub-hint{display:none!important}
.wslide{margin:2px 2px 2px;position:relative}
.wslide input[type=range]{width:100%;margin:4px 0 0;accent-color:var(--brass);height:28px}
.ws-l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:-2px}.ws-l span:nth-child(2){opacity:.85}
.hero.scrubbing .ws-l span:nth-child(2){visibility:hidden}
.ws-now{display:block;margin:6px auto 0;background:var(--panel2);border:1px solid var(--brass);color:var(--brass);font:inherit;font-size:13px;font-weight:700;border-radius:16px;padding:5px 14px;cursor:pointer}

/* Slider handle: a ‹ › pill instead of a dot, so it reads as "drag sideways" */
.wslide input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;height:30px;accent-color:auto}
.wslide input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass) var(--wp,0%),var(--line) var(--wp,0%))}
.wslide input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--line)}
.wslide input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--brass)}
.wslide input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:26px;margin-top:-10px;border:0;border-radius:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='26' viewBox='0 0 40 26'%3E%3Crect x='1' y='1' width='38' height='24' rx='12' fill='%23C9A96A'/%3E%3Cpath d='M15 8l-5 5 5 5M25 8l5 5-5 5' fill='none' stroke='%231E1A12' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/40px 26px no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:ew-resize}
.wslide input[type=range]::-moz-range-thumb{width:40px;height:26px;border:0;border-radius:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='26' viewBox='0 0 40 26'%3E%3Crect x='1' y='1' width='38' height='24' rx='12' fill='%23C9A96A'/%3E%3Cpath d='M15 8l-5 5 5 5M25 8l5 5-5 5' fill='none' stroke='%231E1A12' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/40px 26px no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:ew-resize}
.wslide input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}
/* Guides */
.gd-list{display:grid;gap:8px}.gd-r{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--ink);text-decoration:none}
.gd-r .txt{flex:1;min-width:0;display:flex;flex-direction:column}.gd-r b{font-size:14.5px}.gd-r small{font-size:12.5px;color:var(--muted)}.gd-go{color:var(--brass);font-size:20px}

.fpi{display:inline-block;vertical-align:-3px;margin-right:2px}

#photo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:outline-color .45s}
#photo.holding{outline:3px solid var(--brass);outline-offset:-3px}

.mmeta .mprice{width:86px;flex:0 0 86px}

.chip .nb{display:block;font-size:11px;line-height:1.2;color:var(--muted);margin-top:2px}

.whlist{display:grid;gap:4px;margin:8px 0 4px}
.whit{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.whit .dot{flex:0 0 auto}.whit span:nth-child(2){flex:1;min-width:0}.whgo{color:var(--muted)}
.whsub{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:8px}

#view-today>.wdg.wdg-off.wdg-temp{display:block}

.whgrp{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.whgh{font-size:14px;color:var(--ink)}.whgw{font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.whtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.whtile{display:flex;flex-direction:column;align-items:stretch;background:none;border:0;padding:0;text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.whth{display:block;aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;border:1px solid var(--line)}
.whtn{font-size:11.5px;line-height:1.2;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.whtb{font-size:10.5px;color:var(--muted)}