:root{color-scheme:only light;
  --cream:#FBF7F2; --cream-2:#F5EEE6; --blush:#F2DDD5; --blush-2:#E8C4B8; --rose:#C98F86;
  --ink:#1F1A17; --ink-2:#4A413B; --muted:#70645D; --line:#ECE2D8; --card:#FFFFFF;
  --gold:#B08D57; --gold-2:#D7BC8A; --danger:#B4483F; --ok:#5E8B6A;
  --serif:'Cormorant Garamond','Didot','Bodoni 72','Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --r:18px; --r-sm:12px; --shadow:0 6px 24px rgba(70,45,30,.08); --shadow-2:0 12px 40px rgba(70,45,30,.16);
  --tabh:66px; --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:var(--cream);background-color:#FBF7F2;forced-color-adjust:none;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}
body.lock{overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;font-size:16px;color:var(--ink)}
img{display:block}
h1,h2,h3,.datebox .d,.stat b{font-variant-numeric:lining-nums}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.2px;margin:0}
h1{font-size:34px;line-height:1.05}
h2{font-size:26px;line-height:1.1}
h3{font-size:21px;line-height:1.15}
a{color:inherit}
.hidden{display:none!important}

/* top bar */
.topbar{position:sticky;top:0;z-index:20;padding:calc(var(--safe-t) + 10px) 20px 10px;display:flex;align-items:center;justify-content:space-between;background:rgba(251,247,242,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.topbar.scrolled{border-bottom-color:var(--line)}
.brand{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.brand i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block}
.top-actions{display:flex;gap:6px}
.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);transition:background .2s}
.icon-btn:active{background:var(--cream-2)}
.icon-btn svg{width:22px;height:22px}

main{padding:4px 18px calc(var(--tabh) + var(--safe-b) + 28px);max-width:980px;margin:0 auto}
.screen{display:none;animation:fadeUp .35s ease both}
.screen.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 14px}
.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:4px}
.sub{color:var(--muted);font-size:14px;margin:4px 0 0}
.count{color:var(--muted);font-size:13px;white-space:nowrap;padding-bottom:4px}

/* tab bar */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--tabh) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);position:relative;transition:color .2s}
.tab svg{width:24px;height:24px;transition:transform .25s}
.tab.active{color:var(--ink)}
.tab.active svg{transform:translateY(-1px)}
.tab.active::before{content:"";position:absolute;top:0;width:28px;height:2px;border-radius:2px;background:var(--gold)}

/* inputs */
.search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:0 16px;height:48px;box-shadow:var(--shadow)}
.search svg{width:18px;height:18px;color:var(--muted);flex:none}
.search input{border:0;outline:0;background:transparent;flex:1;height:100%;min-width:0}
.field{display:block;margin:0 0 16px}.field[hidden],.fest-box[hidden]{display:none!important}
.field>span,.label{display:block;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:500}
.input,.select,textarea.input{width:100%;height:48px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);padding:0 14px;outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
textarea.input{height:auto;min-height:84px;padding:12px 14px;resize:vertical}
.size-select{color:var(--ink);padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23B8975A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;font:inherit}
.input:focus,.select:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(215,188,138,.25)}
.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238C8079' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.row{display:flex;gap:10px;align-items:center}
.row>*{flex:1}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:2px 18px 4px;scroll-padding:18px}
.chips.scroll::-webkit-scrollbar{display:none}
.badge.sale{background:var(--esp,#3B2A22);color:#FBF7F2}
.sell-top{display:flex;gap:12px;align-items:center}.sell-top img{width:64px;height:80px;object-fit:cover;border-radius:12px;background:var(--cream-2)}.sell-top b{display:block;font-size:16px}
.sell-status{margin-top:4px;font-size:12.5px;color:var(--muted)}.sell-badge{display:inline-block;background:#3B2A22;color:#FBF7F2;border-radius:999px;padding:3px 9px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;margin-right:4px}
.sell-sug{background:var(--cream-2);border-radius:14px;padding:10px 12px;margin:2px 0 12px;font-size:13px;color:var(--ink-2);display:flex;flex-direction:column;gap:2px}.sell-sug b{color:var(--ink);font-size:14.5px}
.sell-pl{display:flex;flex-wrap:wrap;gap:8px}.sell-pl .btn,.sell-ph .btn{width:auto;display:inline-flex;gap:6px;text-decoration:none}.sell-pl svg,.sell-ph svg{width:14px;height:14px}.sell-ph{gap:8px;flex-wrap:wrap}
.sell-act{display:flex;gap:8px;margin-top:16px}.sell-act .btn{flex:1}
.sold-row{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 4px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-align:left}.sold-row>svg{width:20px;height:20px;color:var(--muted);flex:none}.sold-row>span{flex:1;display:flex;flex-direction:column}.sold-row>span span{font-size:12.5px;color:var(--muted)}
.sold-sum{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}.sold-sum b{font-family:var(--serif);font-size:34px}.sold-sum span{color:var(--muted)}
.sold-it{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.sold-it img{width:48px;height:60px;object-fit:cover;border-radius:10px;background:var(--cream-2)}.sold-it>div{flex:1;display:flex;flex-direction:column}.sold-it>div span{font-size:12.5px;color:var(--muted)}.sold-it .btn{width:auto}
.sell-nudge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);margin:0 2px 12px}.sell-nudge>span{flex:1}.linkish{background:none;border:0;padding:4px 2px;color:var(--ink);text-decoration:underline;font-size:13px}.linkish.x{text-decoration:none;color:var(--muted);font-size:17px}
.sty-offer h3,.sty-req h3,.sty-done h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:2px 0 6px}.sty-offer,.sty-req,.sty-done{margin-bottom:16px}
.sty-offer .btn,.sty-act .btn,.sty-ev,.sty-fav{width:auto;display:inline-flex;gap:6px}.sty-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sty-ev{margin:0 0 14px}.sty-ev svg,.sty-fav svg{width:15px;height:15px}
.sty-steps{display:flex;gap:6px;margin-top:8px}.sty-steps span{flex:1;text-align:center;font-size:11.5px;padding:7px 4px;border-radius:999px;background:var(--cream-2);color:var(--muted)}.sty-steps span.on{background:var(--ink);color:var(--cream)}
.sty-look{padding:14px 0;border-top:1px solid var(--line)}.sty-look:first-of-type{border-top:0}.sty-look h4{font-family:var(--serif);font-size:20px;font-weight:600;margin:10px 0 2px}
.sty-tiles{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sty-tiles::-webkit-scrollbar{display:none}.sty-gone{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;padding:6px;color:var(--muted)}
.sty-note{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink)}.sty-main{margin-bottom:6px}.sty-tips{margin:8px 0 10px;padding-left:18px;font-size:13.5px;color:var(--ink-2);line-height:1.45}
.sty-sheet .sty-h{font-family:var(--serif);font-size:28px;font-weight:600;margin:2px 0 8px}.sty-how{margin:12px 0 16px;padding-left:20px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.sty-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sty-plan{display:flex;flex-direction:column;gap:4px;padding:16px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink)}.sty-plan b{font-family:var(--serif);font-size:28px;font-weight:600}.sty-plan small{font-size:13px;font-family:inherit;color:var(--muted)}.sty-plan span{font-size:13px;color:var(--ink-2)}.sty-plan.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.sty-consent{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--cream-2);font-size:14px;line-height:1.4}.sty-consent input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--ink)}
.sty-err{color:#A33A2B;font-size:13.5px;min-height:18px;margin:6px 0 8px}
.card.lotw{padding:0;overflow:hidden;margin-bottom:16px}.lotw-hero{aspect-ratio:10/11;width:100%;background:var(--cream-2);overflow:hidden}.lotw-hero img{width:100%;height:100%;object-fit:cover;display:block}
.lotw-txt{padding:16px 18px 4px}.lotw h3{font-family:var(--serif);font-size:26px;font-weight:600;margin:2px 0 6px}.lotw-cap{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}.lotw-by{margin-top:8px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.lotw-list{padding:10px 18px 4px}.lotw-h{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin:6px 0 4px}
.lotw-piece{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.lotw-h+.lotw-piece{border-top:0}
.lotw-th{flex:none;width:52px;height:64px;border-radius:10px;object-fit:cover;background:var(--cream-2)}.lotw-th-0{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.lotw-th-0 svg{width:20px;height:20px}
.lotw-pi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lotw-pi b{font-weight:500;font-size:14px;line-height:1.3}.lotw-pi span{font-size:12.5px;color:var(--muted)}
.lotw-shop{flex:none;width:auto;display:inline-flex;gap:5px;padding:6px 12px;text-decoration:none}.lotw-shop svg{width:13px;height:13px}.lotw-piece .heart{flex:none;width:38px;height:38px}
.lotw-disc{padding:0 18px 14px;margin:6px 0 0}.lotw-past{margin:0 18px 14px}.lotw-arch{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:8px 0;border-top:1px solid var(--line)}.lotw-arch img{width:52px;height:64px;object-fit:cover;border-radius:10px}.lotw-arch>span{display:flex;flex-direction:column}.lotw-arch>span span{font-size:12.5px;color:var(--muted)}
.lotw-sheet{margin:-4px -2px 0}.lotw-sheet .lotw-hero{border-radius:16px}.lotw-sheet .lotw-txt,.lotw-sheet .lotw-list,.lotw-sheet .lotw-disc{padding-left:2px;padding-right:2px}
.tips{margin:0 16px 12px;padding:12px 14px;border-radius:14px;background:var(--cream-2);font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.tips-h{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:6px}
.tips ul{margin:0;padding-left:18px}.tips li{margin:2px 0}.tips .why,.ootd .why{margin:8px 0 0;font-size:12.5px;color:var(--muted)}.tips .why b,.ootd .why b{color:var(--ink-2);font-weight:600}
.mix-sum .tips{text-align:left;margin:12px 0 4px}
.ootd{margin-bottom:16px}.ootd h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:2px 0 10px}
.ootd-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ootd-worn{flex:none;font-size:11px;letter-spacing:1px;text-transform:uppercase;background:var(--ink);color:var(--cream);border-radius:999px;padding:5px 10px}
.ootd-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px 4px}.ootd-row::-webkit-scrollbar{display:none}
.ootd-ph{flex:none;width:76px;height:96px;border-radius:12px;background:var(--cream-2);overflow:hidden}.ootd-ph img{width:100%;height:100%;object-fit:cover}
.ootd .pieces{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.35}.ootd-tip{margin:10px 0 0;font-size:14px;color:var(--ink)}
.ootd-act{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ootd-act .btn{width:auto;flex:1 1 auto;display:inline-flex;gap:6px;justify-content:center}.ootd-act svg{width:15px;height:15px}.ootd-save.on svg{fill:currentColor}
.srch-chips{margin-top:10px!important;gap:6px}.srch-chips .chips[data-group="work"] .chip{text-transform:none}
.bought-btn{display:inline-flex;align-items:center;margin-top:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font:500 12.5px var(--sans);letter-spacing:.02em;cursor:pointer}.bought-btn:hover{border-color:var(--gold-2);color:var(--ink)}.bought-btn.on{color:var(--ok);border-color:transparent;padding-left:0;cursor:default}
.chip{min-height:30px;padding:0 12px;font-size:13px;text-transform:lowercase}
.chip{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:14px;display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);transition:all .18s;white-space:nowrap;text-transform:capitalize}
.chip:active{transform:scale(.97)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip .n{font-size:11px;opacity:.6}
.chip .sw{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:none}
.chip.on .sw{border-color:rgba(255,255,255,.7)}
.chip.sugg{border-color:var(--gold-2);box-shadow:0 0 0 2px rgba(215,188,138,.25) inset}
.chip.on.sugg{box-shadow:none}
.chip.dashed{border-style:dashed;color:var(--gold);border-color:var(--gold-2)}
.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}
.filters .select{height:42px;font-size:14px;border-radius:999px;padding-left:14px;padding-right:28px;background-position:right 11px center;text-overflow:ellipsis}

/* buttons */
.btn{height:50px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:15px;letter-spacing:.3px;transition:transform .15s,background .2s,opacity .2s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--ink);color:#fff}
.btn-gold{background:linear-gradient(135deg,#C4A26B,#A8844E);color:#fff;box-shadow:0 6px 18px rgba(176,141,87,.35)}
.btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.btn-soft{background:var(--blush);color:var(--ink)}
.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(180,72,63,.3)}
.btn-sm{height:38px;padding:0 14px;font-size:13.5px}
.btn-block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}
.link-btn{color:var(--gold);font-weight:500;font-size:14px;padding:8px 0}

/* closet grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:860px){.grid{grid-template-columns:repeat(4,1fr)}}
.item-card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);text-align:left;display:flex;flex-direction:column;transition:transform .2s;animation:fadeUp .35s ease both}
.item-card:active{transform:scale(.98)}
.item-card .ph{aspect-ratio:1/1.1;background:#F7F0EA;position:relative;overflow:hidden}
.item-card img{width:100%;height:100%;object-fit:cover}
.item-card .meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.item-card .nm{font-size:14px;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-card .ct{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between}
.dots{display:flex;gap:3px}
.dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.badge{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.88);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:var(--ink-2)}
.fab{position:fixed;right:20px;bottom:calc(var(--tabh) + var(--safe-b) + 18px);z-index:25;width:60px;height:60px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(31,26,23,.35);transition:transform .2s}
.fab:active{transform:scale(.94)}
.fab svg{width:26px;height:26px}
@media(min-width:1020px){.fab{right:calc(50% - 470px)}}

/* empty / hero */
.hero{background:linear-gradient(160deg,#F7E6DF 0%,#FBF3EE 55%,#F3E9DC 100%);border-radius:24px;padding:28px 22px;text-align:center;position:relative;overflow:hidden;margin-top:6px}
.hero::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(176,141,87,.35)}
.hero h2{font-size:30px;margin:6px 0 8px}
.hero p{color:var(--ink-2);margin:0 auto 18px;max-width:340px;font-size:15px}
.hero .stack{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}
.hero-art{width:86px;height:86px;margin:0 auto 6px;color:var(--gold)}
.empty{text-align:center;padding:36px 18px;color:var(--muted)}
.empty h3{color:var(--ink);margin-bottom:6px}

/* cards */
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}
.card+.card{margin-top:14px}
.section{margin:22px 0 10px;display:flex;align-items:center;justify-content:space-between}
.section h3{font-size:22px}

/* outfit builder */
.seg{display:flex;background:var(--cream-2);border-radius:999px;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1;min-height:38px;border-radius:999px;font-size:13.5px;color:var(--ink-2);padding:0 10px;white-space:nowrap;transition:all .2s}
.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08);font-weight:500}
.builder-actions{display:flex;gap:10px;margin:16px 0 6px}
.builder-actions .btn{flex:1}
.lockbar{display:flex;align-items:center;gap:10px;background:#FFF8EC;border:1px solid var(--gold-2);border-radius:14px;padding:8px 10px;margin-top:14px;font-size:13.5px}
.lockbar img{width:40px;height:40px;border-radius:10px;object-fit:cover}
.lockbar .grow{flex:1}
.outfits{display:grid;gap:18px;margin-top:14px}
@media(min-width:700px){.outfits{grid-template-columns:1fr 1fr}}
.outfit{background:var(--card);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;animation:fadeUp .45s ease both}
.outfit:nth-child(2){animation-delay:.06s}.outfit:nth-child(3){animation-delay:.12s}.outfit:nth-child(4){animation-delay:.18s}.outfit:nth-child(5){animation-delay:.24s}
.collage{display:grid;grid-template-columns:1.3fr 1fr;gap:7px;padding:10px;background:linear-gradient(180deg,#FFFFFF,#FBF4EF);aspect-ratio:1/1.02}
.collage.solo{grid-template-columns:1fr}
.collage .col{display:grid;gap:7px;min-height:0}
.tile{position:relative;border-radius:14px;overflow:hidden;background:#F7F0EA;min-height:0}
.tile img{width:100%;height:100%;object-fit:cover}
.collage .col.side .tile{background:#fff}
.collage .col.side .tile img{object-fit:contain}
.tile .lock{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--ink-2);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.tile .lock svg{width:15px;height:15px}
.tile .lock.on{background:var(--gold);color:#fff}
.tile.missing{display:grid;place-items:center;border:1.5px dashed var(--gold-2);background:#FFFBF5;color:var(--gold);font-size:12px;text-align:center;padding:6px;letter-spacing:.5px}
.outfit-foot{padding:14px 16px 16px;display:flex;gap:12px;align-items:flex-start}
.outfit-foot .info{flex:1;min-width:0}
.outfit-foot h3{font-size:22px}
.outfit-foot .pieces{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35}
.reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.reason{font-size:11.5px;padding:4px 10px;border-radius:999px;background:var(--cream-2);color:var(--ink-2)}
.reason.good{background:#F1F5EE;color:#4F6F57}
.reason.warn{background:#FBEDE8;color:#9A5348}
.heart{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--rose);transition:transform .2s,background .2s}
.heart svg{width:22px;height:22px}
.heart.on{background:var(--blush);border-color:var(--blush-2)}
.heart.on svg{fill:var(--rose)}
.heart:active{transform:scale(.9)}
.shop-q{position:relative}
.shop-q .wish-heart{position:absolute;top:10px;right:0;width:38px;height:38px}
.shop-q:first-of-type .wish-heart{top:0}
.shop-q .wish-heart svg{width:18px;height:18px}
.shop-q .why,.shop-q .q{padding-right:46px}
.wish-list .shop-q .meta{font-size:12px;color:var(--ink-2);margin:-6px 0 10px}
.wish-list .wish-rm{margin-top:10px}
.match{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);font-weight:500}

/* gaps & shop */
.gap{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.gap:first-of-type{border-top:0}
.gap .ic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#FBEDE8;color:var(--danger);font-weight:600}
.gap.nice .ic{background:#FFF6E6;color:var(--gold)}
.gap .t{font-weight:500}
.gap .d{font-size:13px;color:var(--muted)}
.shop-q{padding:14px 0;border-top:1px solid var(--line)}
.shop-q:first-of-type{border-top:0;padding-top:4px}
.shop-q .why{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);font-weight:500}
.shop-q .q{font-family:var(--serif);font-size:20px;font-weight:600;margin:2px 0 11px;line-height:1.2}
.more-stores{margin-top:8px}.more-stores summary{cursor:pointer;font-size:13px;color:var(--muted);padding:6px 0;list-style:none}.more-stores summary::-webkit-details-marker{display:none}.more-stores summary::after{content:' +'}.more-stores[open] summary::after{content:' \2013'}.more-stores .shop-links{margin-top:6px}
.shop-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}
.shop-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 12px;border-radius:999px;font-size:14.5px;font-weight:600;letter-spacing:.2px;line-height:1.15;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#C4A26B,#A8844E);box-shadow:0 4px 12px rgba(176,141,87,.32);transition:transform .15s,filter .2s}
.shop-link:active{transform:scale(.97);filter:brightness(.94)}
.shop-link svg{width:14px;height:14px;flex:none}
/* shop CTA + highlighted shop card */
.btn-shop{width:100%;height:56px;font-size:16.5px;font-weight:600;letter-spacing:.4px;color:#fff;background:linear-gradient(135deg,#C9A770,#A8844E);box-shadow:0 8px 22px rgba(176,141,87,.4)}
.btn-shop svg{width:21px;height:21px}
.btn-shop .pill{font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;background:rgba(255,255,255,.24);padding:3px 9px;border-radius:999px}
.shop-cta{margin:16px 0 2px}
#mixBox .shop-cta{margin:0 0 12px}
.shop-cta .note{text-align:center;margin-top:7px}
.event-hero .btn-shop{margin-top:10px}
.shop-card{background:linear-gradient(160deg,#FFF8EC 0%,#FFFFFF 55%,#FBEDE8 100%);border:1.5px solid var(--gold-2);border-radius:22px;box-shadow:0 10px 30px rgba(176,141,87,.18);padding:20px 18px 16px;margin-top:20px;scroll-margin-top:calc(var(--safe-t) + 76px)}
.sheet .shop-card{scroll-margin-top:10px}
.shop-card .shop-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.shop-card .shop-ic{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#C9A770,#A8844E);box-shadow:0 4px 12px rgba(176,141,87,.3)}
.shop-card .shop-ic svg{width:22px;height:22px}
.shop-card h3{font-size:25px}
.shop-card .shop-q{border-top-color:rgba(215,188,138,.45)}
.shop-card.flash{animation:shopFlash 1.3s ease}
@keyframes shopFlash{0%,100%{box-shadow:0 10px 30px rgba(176,141,87,.18)}30%{box-shadow:0 0 0 6px rgba(215,188,138,.6),0 10px 30px rgba(176,141,87,.28)}}
.guide ul{list-style:none;padding:0;margin:12px 0 16px}
.guide li{display:flex;gap:10px;align-items:center;padding:7px 0;font-size:15px}
.guide li b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;background:#FBEDE8;color:var(--danger)}
.guide li.ok b{background:#EEF4EF;color:var(--ok)}
details.more{margin-top:16px}
details.more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);font-weight:500}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"+";font-size:22px;color:var(--gold);font-weight:300}
details.more[open]>summary::after{content:"–"}
details.more>.card{margin-top:10px}

/* favorites */
.fav-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.fav-actions{display:flex;gap:8px;padding:0 16px 16px;flex-wrap:wrap}
.fav-actions .btn{flex:1}
.date-btn{position:relative;overflow:hidden}
.date-btn input{position:absolute;inset:0;opacity:0;width:100%;height:100%}

/* events */
.event{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:14px;text-align:left;width:100%;margin-bottom:12px;animation:fadeUp .35s ease both}
.event:active{transform:scale(.99)}
.datebox{width:58px;height:62px;flex:none;border-radius:14px;background:linear-gradient(160deg,var(--blush),#F8ECE6);display:flex;flex-direction:column;align-items:center;justify-content:center}
.datebox .m{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--rose);font-weight:600}
.datebox .d{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1}
.event .info{flex:1;min-width:0}
.event .nm{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.15}
.event .ds{font-size:13px;color:var(--muted);margin-top:2px}
.when{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:500;white-space:nowrap}
.event.past{opacity:.6}
.event-hero{background:linear-gradient(160deg,#F7E6DF,#FBF3EE);border-radius:20px;padding:18px;margin-bottom:16px}
.event-hero .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{font-size:12px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.75);color:var(--ink-2)}

/* profile */
.profile-head{display:flex;align-items:center;gap:14px;margin:8px 0 18px}
.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--blush),var(--gold-2));display:grid;place-items:center;font-family:var(--serif);font-size:30px;font-weight:600;color:#fff}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.stat{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:12px;text-align:center}
.stat b{display:block;font-family:var(--serif);font-size:28px;line-height:1}
.stat span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.data-list{display:grid;gap:10px}
.note{font-size:13px;color:var(--muted);margin:8px 0 0}

/* sheets */
.sheet-wrap{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.backdrop{position:absolute;inset:0;background:rgba(31,26,23,.38);animation:fade .25s ease both}
.sheet{position:relative;width:100%;max-width:640px;max-height:92vh;max-height:92dvh;background:var(--cream);border-radius:26px 26px 0 0;display:flex;flex-direction:column;animation:slideUp .32s cubic-bezier(.2,.8,.2,1) both;box-shadow:var(--shadow-2)}
.sheet.full{height:94vh;height:94dvh;max-height:none}
.sheet-wrap.closing .sheet{animation:slideDown .22s ease both}
.sheet-wrap.closing .backdrop{animation:fade .22s ease reverse both}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes slideDown{from{transform:none}to{transform:translateY(100%)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.grab{width:40px;height:5px;border-radius:3px;background:#DCCFC4;margin:9px auto 0}
.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 8px 22px}
.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:6px 20px 20px;flex:1}
.sheet-foot{padding:12px 20px calc(12px + var(--safe-b));border-top:1px solid var(--line);display:flex;gap:10px;background:var(--cream)}
.sheet-foot:empty{display:none}
.sheet-foot .btn{flex:1}
@media(min-width:700px){.sheet-wrap{align-items:center}.sheet{border-radius:26px}.sheet.full{height:88vh}}
.photo-pick{width:100%;aspect-ratio:1/1;max-height:340px;border-radius:20px;overflow:hidden;background:var(--cream-2);position:relative;margin-bottom:18px;display:grid;place-items:center}
.photo-pick img{width:100%;height:100%;object-fit:contain;background:#fff}
.photo-pick .re{position:absolute;bottom:10px;right:10px}
.style-card .sty-sum{font-family:var(--serif);font-size:21px;line-height:1.3;margin:4px 0 8px;color:var(--ink)}
.style-card .sty-sw{display:flex;gap:6px}.style-card .sty-vibe{display:inline-flex;align-items:center;gap:6px}
.sty-x{border:0;background:transparent;color:inherit;font-size:16px;line-height:1;padding:0 0 0 2px;cursor:pointer}
.sty-bar{height:6px;border-radius:9px;background:var(--cream-2);overflow:hidden;margin:8px 0}.sty-bar span{display:block;height:100%;background:var(--gold,#B8925A)}
.sty-picks{margin:12px 0}.sty-pick{position:relative;padding:12px 44px 12px 0;border-top:1px solid rgba(59,42,34,.08)}.sty-pick .why{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink,#9C7A4A)}
.sty-pick .q{font-family:var(--serif);font-size:18px;margin:2px 0 8px}.sty-pick .wish-heart{position:absolute;right:0;top:12px}
.sty-hint{margin:12px 0}
.note > svg{width:14px;height:14px;vertical-align:-2px;display:inline}
.sty-pick .sty-shop{width:auto;display:inline-flex;gap:6px;padding:7px 16px}.sty-pick .sty-shop svg{width:15px;height:15px}
.tag.tag-crit{background:#F3E9E1;color:var(--ink)}
.photo-pick .drawn-tag{position:absolute;left:10px;top:10px;font-size:12px;color:var(--ink-2);background:rgba(255,255,255,.86);padding:5px 10px;border-radius:999px}
.item-card .add-ph{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.88);display:grid;place-items:center;color:var(--ink-2);box-shadow:0 1px 4px rgba(59,42,34,.12)}
.item-card .add-ph svg{width:15px;height:15px}
.pick-opts{display:grid;gap:12px}
.pick-opt{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);text-align:left}
.pick-opt .ic{width:48px;height:48px;border-radius:50%;background:var(--blush);display:grid;place-items:center;flex:none}
.pick-opt .ic svg{width:22px;height:22px}
.pick-opt b{display:block;font-weight:500}
.pick-opt span{font-size:13px;color:var(--muted)}
.hint{font-size:12.5px;color:var(--gold);margin:-2px 0 8px;display:flex;align-items:center;gap:6px}
.hint svg{width:14px;height:14px;flex:none}
.toast{position:fixed;left:50%;bottom:calc(var(--tabh) + var(--safe-b) + 90px);transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;opacity:0;transition:all .3s;z-index:200;pointer-events:none;max-width:88vw;text-align:center;box-shadow:var(--shadow-2)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--blush-2);border-top-color:var(--gold);animation:spin .8s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
.confirm{padding:6px 2px 4px}
.confirm p{color:var(--ink-2);margin:6px 0 0}
.onb-step{font-size:12px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:6px}
.divider{height:1px;background:var(--line);margin:20px 0}
/* me + preview on me */
.me-card{display:flex;gap:14px;align-items:flex-start}
.me-ph{width:78px;height:104px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--blush),#F8ECE6);flex:none;display:grid;place-items:center;color:var(--rose)}
.me-ph img{width:100%;height:100%;object-fit:cover}
.me-ph svg{width:34px;height:34px}
.me-card .grow{flex:1;min-width:0}
.me-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.me-actions .btn{flex:none}
.privacy{display:flex;gap:10px;align-items:flex-start;background:#FFF8EC;border:1px solid rgba(215,188,138,.55);border-radius:14px;padding:10px 12px;font-size:12.5px;color:var(--ink-2);margin-top:14px;line-height:1.45}
.privacy svg{width:17px;height:17px;flex:none;color:var(--gold);margin-top:1px}
.privacy b{font-weight:500;color:var(--ink)}
.try-row{padding:0 16px 14px;display:flex;gap:8px}
.try-row .btn{flex:1}
.ord-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line,#ECE2D8);border-radius:16px;padding:12px 14px;margin:0 0 14px;position:relative}.ord-card .ic{width:36px;height:36px;border-radius:50%;background:#F3ECE6;display:grid;place-items:center;flex:none}.ord-card .ic svg{width:18px;height:18px}.ord-card b{display:block;font-weight:500;font-size:15px}.ord-card span{font-size:13px;color:var(--ink-2)}.ord-card .btn{flex:none}.ord-card .x{background:none;border:0;color:var(--muted,#8C8079);font-size:18px;padding:4px 2px;cursor:pointer;flex:none}
.ord-grid .ord-store{grid-column:1/-1}.ord-row{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line,#ECE2D8)}.ord-row.off{opacity:.45}.ord-check input{width:22px;height:22px;accent-color:#3B2A22;margin-top:26px}.ord-img{width:72px;height:88px;object-fit:cover;border-radius:12px;background:#F3ECE6;flex:none}.ord-fields{flex:1;min-width:0}.ord-fields .input{padding:9px 11px;font-size:14px;min-height:0}.ord-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.age-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.age-opt{font:inherit;font-size:16px;letter-spacing:.5px;padding:16px 10px;border-radius:14px;border:1px solid var(--line,#ECE2D8);background:#fff;color:var(--ink);cursor:pointer}.age-opt.on{background:#3B2A22;color:#FBF7F2;border-color:#3B2A22}
.btn-ai{background:#3B2A22;color:#FBF7F2;border:1px solid #3B2A22;letter-spacing:.3px;font-weight:500;width:100%;margin-bottom:8px}.btn-ai svg{width:16px;height:16px;color:#E9C9A8}.btn-ai .ai-left{opacity:.8;font-weight:400}
.ai-banner{display:flex;gap:12px;align-items:center;background:#3B2A22;color:#FBF7F2;border-radius:18px;padding:14px 16px;margin:4px 0 14px;position:relative}.ai-banner .eyebrow{color:#E9C9A8;margin:0 0 2px}.ai-banner b{font-family:var(--serif);font-size:20px;font-weight:600;display:block;line-height:1.15}.ai-banner p{margin:4px 0 10px;font-size:13.5px;opacity:.85}.ai-banner .btn{background:#FBF7F2;color:#3B2A22;border:0}.ai-banner .x{position:absolute;top:6px;right:8px;background:none;border:0;color:#FBF7F2;opacity:.6;font-size:20px;padding:6px;cursor:pointer}
.btn-try{background:linear-gradient(135deg,#FBEDE8,#F6E2DA);color:var(--ink);border:1px solid var(--blush-2)}
.btn-try svg{width:17px;height:17px;color:var(--rose)}
.tryon-stage{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#FFFFFF,#F7F0EA);box-shadow:var(--shadow);display:grid;place-items:center;min-height:320px}
.tryon-stage img{max-width:100%;max-height:60vh;max-height:60dvh;width:auto;height:auto;display:block;transition:opacity .25s}
.tryon-stage img.dim{opacity:.45;filter:grayscale(.3)}
.tryon-label{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:var(--ink-2);font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.tryon-label.ai{background:var(--ink);color:#fff}
.tryon-label:empty{display:none}
.stage-btn{position:absolute;right:10px;top:8px;height:34px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12.5px;color:var(--ink-2);box-shadow:0 2px 8px rgba(0,0,0,.1);user-select:none;-webkit-user-select:none;touch-action:none}
.tryon-busy{position:absolute;inset:0;background:rgba(251,247,242,.78);display:grid;place-items:center;text-align:center;padding:20px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.tryon-busy p{margin:12px 0 0;font-size:14px;color:var(--ink-2)}
.chips .chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;margin-left:-10px;border:1px solid var(--line)}
.chip.na{opacity:.45;text-decoration:line-through}
.range{width:100%;accent-color:var(--gold);height:30px}
.calib-wrap{text-align:center}
.calib{position:relative;display:inline-block;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:18px;overflow:hidden;background:#F7F0EA;box-shadow:var(--shadow)}
.calib img{max-width:100%;max-height:54vh;max-height:54dvh;width:auto;display:block;pointer-events:none}
.guide-line{position:absolute;left:0;right:0;height:0;border-top:2px dashed var(--gold);cursor:ns-resize;touch-action:none}
.guide-line::before{content:"";position:absolute;left:0;right:0;top:-18px;height:36px}
.guide-line span{position:absolute;right:8px;top:-13px;background:var(--gold);color:#fff;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;padding:3px 9px;border-radius:999px;pointer-events:none}
.guide-center{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--rose);cursor:ew-resize;touch-action:none}
.guide-center::before{content:"";position:absolute;top:0;bottom:0;left:-18px;width:36px}
.guide-center span{position:absolute;bottom:10px;left:0;transform:translateX(-50%);background:var(--rose);color:#fff;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;padding:3px 9px;border-radius:999px;pointer-events:none}
.collage{position:relative}
.onme{position:absolute;right:16px;bottom:16px;width:64px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(70,45,30,.22);border:2px solid #fff;z-index:2}
.onme img{width:100%;aspect-ratio:3/4;object-fit:cover}
.onme span{position:absolute;left:0;right:0;bottom:0;background:rgba(31,26,23,.72);color:#fff;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;padding:2px 0;text-align:center}
.steps{margin:0 0 16px;padding-left:20px;color:var(--ink-2);font-size:14.5px}
.steps li{padding:3px 0}
.steps a{color:var(--gold);font-weight:500}
.ai-card{background:linear-gradient(160deg,#F7E6DF,#FBF3EE);border-radius:18px;padding:16px;margin-top:14px}
.ai-card h3{margin-bottom:4px}
.err{color:var(--danger);font-size:13px;margin:8px 0 0}
/* mode toggle + mix & match */
.mode-seg{margin:0 0 14px;padding:5px;box-shadow:inset 0 0 0 1px var(--line)}
.mode-seg button{min-height:46px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;letter-spacing:.2px}
.mode-seg button svg{width:16px;height:16px;flex:none}
.mode-seg button.on{background:var(--ink);color:#fff;box-shadow:0 4px 12px rgba(31,26,23,.18)}
.new-pill{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;background:var(--gold);color:#fff;padding:2px 7px;border-radius:999px;font-weight:500}
.mix-sub{margin:-4px 2px 8px;font-size:13.5px}
.mix{max-width:560px;margin:0 auto}
.mix-row{position:relative;margin:0 -18px 4px;transition:opacity .25s}
.mix-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 20px}
.mix-lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:500;white-space:nowrap}
.mix-nm{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mix-track{--sw:88px;position:relative;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px calc(50% - var(--sw)/2) 8px;outline:0}
.mix-track::-webkit-scrollbar{display:none}
.mix-row.core .mix-track{--sw:134px}
.mix-row.mid .mix-track{--sw:112px}
.mix-slide{flex:0 0 var(--sw);height:var(--sw);scroll-snap-align:center;scroll-snap-stop:always;border-radius:18px;background:#F7F0EA;overflow:hidden;transform:scale(.8);opacity:.5;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;position:relative}
.mix-slide.on{transform:none;opacity:1;box-shadow:0 8px 22px rgba(70,45,30,.16),0 0 0 2px var(--gold-2)}
.mix-slide img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.mix-slide.none{background:#FFFBF5;border:1.5px dashed var(--gold-2);display:grid;place-items:center;color:var(--gold);font-size:12px;letter-spacing:1.4px;text-transform:uppercase}
.mix-slide.none.on{box-shadow:0 6px 16px rgba(176,141,87,.18)}
.mix-track:focus-visible .mix-slide.on{box-shadow:0 0 0 3px var(--gold)}
.mix-row.dim .mix-track{opacity:.3;filter:grayscale(.5);pointer-events:none}
.mix-row.dim .mix-nm{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted)}
.mix-row.dim .mix-arrow{visibility:hidden}
.mix-arrow{position:absolute;top:calc(50% + 10px);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:var(--shadow);display:none;place-items:center;z-index:2;color:var(--ink-2)}
.mix-arrow svg{width:18px;height:18px}
.mix-arrow.prev{left:14px}.mix-arrow.next{right:14px}
@media(hover:hover) and (pointer:fine){.mix-arrow{display:grid}.mix-arrow:hover{background:#fff;color:var(--ink)}}
.mix-sum{text-align:center;margin:8px 0 4px}
.mix-sum h3{font-size:24px}
.mix-sum .pieces{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35}
.mix-bar{position:sticky;bottom:calc(var(--tabh) + var(--safe-b) + 10px);z-index:5;display:flex;gap:8px;align-items:center;max-width:560px;margin:10px auto 0;padding:8px;border-radius:999px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-2);border:1px solid var(--line)}
.mix-bar .btn{height:46px}
.mix-bar .mix-shuf{flex:none;padding:0 16px}
.mix-bar .mix-try{flex:1;min-width:0;white-space:nowrap;padding:0 12px}
@media (max-width:430px){.mix-shuf-t{display:none}.mix-bar .mix-shuf{width:46px;padding:0;justify-content:center}}
.mix-bar .mix-share{flex:none;width:46px;padding:0;justify-content:center}
.mix-bar .heart{background:#fff}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.got-card{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line,#e8e1da);border-radius:16px;background:var(--card,#fff)}
.got-art{width:72px;height:72px;flex:none;border-radius:12px;background:#F3ECE6;display:grid;place-items:center;overflow:hidden}.got-art svg{width:30px;height:30px}.got-art img{width:100%;height:100%;object-fit:cover}
.got-name{font-weight:600;font-size:16px;line-height:1.25}.got-meta{margin-top:4px;font-size:13px;color:var(--ink-2,#6b625c);display:flex;align-items:center;gap:8px}
.got-dots{display:inline-flex;gap:4px}.got-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.got-check{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px}.got-never{margin-top:10px;width:100%}
/* v1.20.0 weather */
.wx-chip{display:inline-flex;align-items:center;gap:5px;background:var(--cream-2);color:var(--ink);border-radius:999px;padding:4px 10px 4px 8px;font-size:13px;line-height:1.2;white-space:nowrap}
.wx-chip svg{flex:none;color:#3B2A22}.wx-chip .lo{color:var(--ink-2)}.wx-chip .cd{color:var(--ink-2)}
.wx-chip.sm{font-size:12px;padding:3px 8px 3px 6px}
.ootd .wx-row-top{margin:8px 0 2px}
.wx-place{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.wx-search{display:flex;gap:8px}.wx-search .input{flex:1;min-width:0}
.wx-results{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.wx-res{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.wx-res span{display:flex;flex-direction:column}.wx-res span span{font-size:13px;color:var(--ink-2)}
.wx-row{justify-content:space-between;align-items:center;margin-top:12px;gap:10px;flex-wrap:wrap}
.seg.seg-sm{flex:none}.seg.seg-sm button{min-height:34px;padding:0 14px}
/* trips */
.pk-hero h2{margin:2px 0 0}.pk-prog{height:8px;border-radius:99px;background:var(--cream-2);margin-top:14px;overflow:hidden}.pk-prog i{display:block;height:100%;background:#3B2A22;border-radius:99px;transition:width .3s}
.pk-days{display:flex;flex-direction:column;gap:10px}
.pk-day{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px}
.pk-dh{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pk-dh b{display:block;font-weight:500}.pk-dh span{font-size:13px;color:var(--ink-2)}
.pk-strip{display:flex;gap:6px;margin:10px 0 6px;overflow-x:auto}.pk-strip img{width:58px;height:70px;object-fit:cover;border-radius:10px;background:var(--cream-2);flex:none}
.pk-tip{font-size:13.5px;color:var(--ink-2);margin:6px 0 0}
.pk-sec{margin-bottom:10px}.pk-sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pk-sh h4{margin:0;font-size:15px;font-weight:600;letter-spacing:.3px}
.pk-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);min-height:48px}.pk-row:last-child{border-bottom:0}
.pk-row input{width:22px;height:22px;flex:none;accent-color:#3B2A22}.pk-row img{width:34px;height:40px;object-fit:cover;border-radius:7px;flex:none}
.pk-row .pk-l{flex:1;min-width:0}.pk-row.on .pk-l{text-decoration:line-through;color:var(--muted)}.pk-n{font-weight:500;color:var(--ink-2)}.pk-note{font-size:12.5px;color:var(--ink-2);flex:none}
.pk-opt{gap:10px;font-size:14px;color:var(--ink-2);margin:4px 0 8px}.pk-opt input{width:22px;height:22px;accent-color:#3B2A22;flex:none}
.datebox.trip{background:linear-gradient(160deg,#E9DFD3,#F5EEE6)}
.pk-empty{margin-bottom:12px}
/* simple mode and dynamic type */
html.dyn #main,html.dyn .sheet,html.dyn .tabbar{zoom:var(--dyn,1)}
html.simple{--ink-2:#2F2723;--muted:#564B44;--line:#D8C9BC;--dyn-s:1.16}
html.simple #main,html.simple .sheet,html.simple .tabbar,html.simple .topbar{zoom:calc(var(--dyn,1) * 1.16)}
html.simple .btn{min-height:50px}html.simple .btn-sm{min-height:44px}html.simple .chip{min-height:42px}
html.simple .note{color:var(--ink-2)}
html.simple .simple-hide{display:none!important}
html.simple .ootd .why{display:none}
.simple-acts{display:grid;grid-template-columns:1fr;gap:10px;margin:4px 0 18px}
.simple-offer{margin-bottom:18px;border:1px solid var(--gold-2)}
.toggle-row{justify-content:space-between;gap:14px;align-items:center}.toggle-row>span{flex:1}
.switch{appearance:none;-webkit-appearance:none;width:52px;height:32px;border-radius:99px;background:#CDBFB3;position:relative;flex:none;cursor:pointer;transition:background .2s}
.switch::after{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .2s}
.switch:checked{background:#3B2A22}.switch:checked::after{transform:translateX(20px)}
:focus-visible{outline:3px solid #3B2A22;outline-offset:2px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* stats */
.stats .card{margin-bottom:12px}.stats h4{margin:0 0 10px;font-size:15px;font-weight:600;letter-spacing:.3px}
.stiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.stile{background:linear-gradient(160deg,#3B2A22,#5A4335);color:#FBF7F2;border-radius:var(--r);padding:14px}
.stile b{display:block;font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.05}.stile span{font-size:12.5px;opacity:.9}
.sbars{display:flex;flex-direction:column;gap:8px}
.sbar{display:grid;grid-template-columns:96px 1fr 30px;gap:10px;align-items:center;font-size:13.5px}
.sbar .sl{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbar .sw{width:12px;height:12px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.08)}
.sbar .st{height:12px;background:var(--cream-2);border-radius:99px;overflow:hidden}.sbar .st i{display:block;height:100%;background:#3B2A22;border-radius:99px}
.sbar .sn{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.srow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 0;border-bottom:1px solid var(--line)}.srow:last-of-type{border-bottom:0}
.srow img{width:40px;height:48px;object-fit:cover;border-radius:8px;flex:none;background:var(--cream-2)}
.srow .sn2{flex:1;min-width:0;font-size:14px}.srow .sn2 small,.srow .sr small{display:block;font-size:12px;color:var(--ink-2)}.srow .sr{text-align:right;font-size:13.5px;flex:none}
.wear-info{font-size:13px;color:var(--ink-2);margin:8px 0 0}
.btn.wore.on{background:var(--cream-2)}
.closet-tools{display:flex;gap:8px;align-items:center}
.look-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.look-acts .btn{flex:1;min-width:0}
/* v1.21.0 family */
.top-actions{display:flex;align-items:center;gap:8px}
.fam-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px;min-height:40px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.fam-btn.multi{padding:3px 10px 3px 3px}.fam-btn svg{width:14px;height:14px;transform:rotate(90deg);opacity:.6}
.fam-nm{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.fam-av{width:32px;height:32px;border-radius:50%;background:#3B2A22;color:#FBF7F2;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex:none}
.fam-av.kid{background:#E9D9C6;color:#3B2A22}
.fam-list{display:flex;flex-direction:column;gap:8px}
.fam-row{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:16px;background:#fff}
.fam-row.on{border-color:#3B2A22}
.fam-pick{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:0;font:inherit;color:var(--ink);text-align:left;min-height:56px;cursor:pointer}
.fam-t{flex:1;display:flex;flex-direction:column}.fam-t small{color:var(--muted);font-size:13px}
.fam-now{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-2)}.fam-now svg{width:14px;height:14px}
.fam-del{margin-right:6px}
.fam-chips{display:flex;flex-wrap:wrap;gap:8px}
.fam-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:4px 14px 4px 4px;font:inherit;font-size:14px;color:var(--ink);min-height:40px;cursor:pointer}
.fam-chip.on{border-color:#3B2A22;background:#F7F0EA}
.og-acts{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px 58px}
.og-btn{margin-top:10px}
.og-row{margin-top:10px}
/* ask a friend */
.ask-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:0;color:var(--ink-2);font-size:14px}
.ask-link svg{width:16px;height:16px}
.look-acts{display:flex;gap:8px;flex-wrap:wrap}
/* fit */
.fit-desc{min-height:18px}
#fitCard .chip,.chips[data-group^="kid"] .chip{text-transform:none}
html[lang="es"] .chip{text-transform:none}

/*<<v122css>>*/
.pl-week{display:flex;align-items:center;gap:10px;margin:0 0 8px}.pl-week .grow{flex:1;text-align:center}.pl-week b{font-family:var(--serif);font-size:20px;font-weight:600}
.pl-days{display:flex;flex-direction:column;gap:10px}
.pl-day{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px}.pl-day.today{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pl-day.past{opacity:.78}
.pl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pl-head b{font-size:15px}
.pl-ev{font-size:13px;color:var(--gold-ink,#8a6a3a);margin-top:4px;display:flex;gap:6px;align-items:center}.pl-ev svg{width:14px;height:14px}
.pl-add{margin-top:8px}
.pl-look{display:flex;gap:10px;align-items:center;margin-top:8px}.pl-look .grow{flex:1;min-width:0}.pl-title{font-weight:600;font-size:14.5px}
.pl-thumbs{display:flex;gap:4px;flex:none}.pl-thumbs img{width:38px;height:46px;object-fit:cover;border-radius:10px;background:var(--bg-2,#f3ece6)}
.pl-warn{margin-top:8px;font-size:13px;color:#8A4B2A;background:#FBEDE3;border-radius:10px;padding:7px 10px}.pl-warn.sm{margin-top:4px;padding:4px 8px;font-size:12px}
.pl-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.pl-worn{font-size:13px;font-weight:600;color:#2F6B45;display:inline-flex;gap:5px;align-items:center}.pl-worn svg{width:14px;height:14px}
.pl-cand{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.pl-cand .grow{flex:1;min-width:0}
.pl-pickhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pl-daypick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pl-dp{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;color:var(--ink);min-height:64px}.pl-dp span{font-size:12px;color:var(--muted)}.pl-dp small{font-size:11px}.pl-dp i{font-style:normal;font-size:10.5px;color:var(--gold-ink,#8a6a3a)}.pl-dp.taken{background:var(--bg-2,#f3ece6)}
.hist{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.hist-row .grow{flex:1;min-width:0}.hist-note{font-size:13px;font-style:italic;margin-top:3px;color:var(--ink-2)}
.hist-row .linkish{flex:none;font-size:13px}
.mode-seg.three button{font-size:14px;gap:5px;padding:0 6px}
.rec-card{background:linear-gradient(135deg,#3B2A22,#5a4234);color:#fff;border-radius:20px;padding:16px 16px 14px;margin:0 0 14px}.rec-card .eyebrow{color:#E7C99A}.rec-card h3{font-family:var(--serif);font-size:22px;font-weight:600;margin:2px 0 0;color:#fff}.rec-card .note{color:rgba(255,255,255,.82)}
.rec-card .btn-primary{background:#F6EEE6;color:#3B2A22}.rec-card .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.rec-busy{display:flex;gap:14px;align-items:center}.rec-busy img{width:96px;height:128px;object-fit:cover;border-radius:14px}
.rec-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.rec-top img{width:96px;height:128px;object-fit:cover;border-radius:14px;flex:none;background:var(--bg-2,#f3ece6)}
.rec-pc{border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin-bottom:10px;background:var(--card)}.rec-pc-head{display:flex;align-items:center;gap:8px}.rec-pc-head b{flex:1}
.rec-sw{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:none;display:inline-block}.rec-sw.lg{width:44px;height:44px}
.rec-conf{font-size:11px;letter-spacing:.4px;padding:2px 8px;border-radius:999px;background:#EEF4EE;color:#2F6B45}.rec-conf.c2{background:#FBF3E3;color:#8A6A2A}.rec-conf.c1{background:#FBEDE3;color:#8A4B2A}
.rec-row{margin-top:8px}.rec-row .chip{min-height:34px;padding:0 12px;font-size:13px}.rec-cols .chip.sw{padding:0 6px;min-width:34px;justify-content:center}.rec-cols .dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:block}
.rec-add{margin-top:6px}
.rec-score{display:flex;align-items:baseline;gap:8px;margin-top:4px}.rec-score b{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1}.rec-score span{font-size:13px;color:var(--ink-2)}
.rec-matches{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rec-m{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:8px 12px;background:var(--card)}.rec-m .grow{flex:1;min-width:0}
.rec-m-ph img{width:48px;height:56px;object-fit:cover;border-radius:10px;display:block}.rec-m-ph{width:48px;display:flex;justify-content:center}.rec-pct{font-weight:600;font-size:15px}.rec-m.strong .rec-pct{color:#2F6B45}.rec-m.close .rec-pct{color:#8A6A2A}.rec-m.missing{border-style:dashed}
.rec-sheet .shop-card{margin:12px 0;border:2px solid #C9A65A;box-shadow:0 8px 24px rgba(59,42,34,.12)}
.rec-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rec-b{position:relative}.rec-b-open{border:0;padding:0;background:none;width:100%;display:block;position:relative}.rec-b-open img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block}.rec-b-open span{position:absolute;left:6px;bottom:6px;background:rgba(255,255,255,.92);font-size:11px;padding:2px 7px;border-radius:999px;color:var(--ink)}
.rec-b-x{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);font-size:16px;line-height:1}
.rec-acts{flex-wrap:wrap}.rec-acts .btn{flex:1 1 auto;white-space:nowrap}
.ca-guide{font-family:var(--serif,Georgia,serif);font-style:italic;color:var(--gold);margin:0 0 6px;font-size:14px}
.ca-tip{display:flex;gap:10px;align-items:flex-start;background:var(--cream-2,#F3EBE1);border-radius:14px;padding:12px;margin:12px 0;font-size:13.5px;color:var(--ink-2)}.ca-tip svg{flex:none;width:18px;height:18px;color:var(--gold)}.ca-tip.warn{border:1px solid rgba(176,138,90,.5)}
.ca-intro h3{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:24px;margin:0 0 6px}
.ca-eye{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.ca-name{font-family:var(--serif,Georgia,serif);font-size:24px;color:var(--ink)}.ca-big{font-family:var(--serif,Georgia,serif);font-size:34px;line-height:1.1;margin:2px 0 6px;color:var(--ink)}
.ca-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ca-pill{font-size:11.5px;border:1px solid var(--line,#E5DCD2);border-radius:99px;padding:4px 10px;color:var(--ink-2);white-space:nowrap}
.ca-sw{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ca-sw i{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(59,42,34,.15)}.ca-sw.big i{width:40px;height:40px}
.ca-chips{display:flex;flex-wrap:wrap;gap:6px}.ca-c{display:inline-flex;align-items:center;gap:6px;font-size:13px;border:1px solid var(--line,#E5DCD2);border-radius:99px;padding:4px 10px 4px 5px;background:#fff}.ca-c i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(59,42,34,.15)}
.ca-h{font-weight:600;font-size:14px;margin:18px 0 6px;color:var(--ink)}.ca-d{color:var(--ink-2);margin:0 0 10px;font-size:14.5px}
.ca-traits{display:flex;flex-wrap:wrap;gap:6px}.ca-traits span{font-size:12.5px;background:#3B2A22;color:#F6F0E8;border-radius:99px;padding:5px 11px}
.ca-meas{display:flex;gap:14px;margin:4px 0 12px;font-size:13px;color:var(--ink-2)}.ca-meas span{display:flex;align-items:center;gap:6px}.ca-meas i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(59,42,34,.2)}
.ca-tog{gap:10px;margin:12px 0 0;font-size:13.5px;color:var(--ink-2);align-items:flex-start}.ca-tog input{flex:none;width:20px;height:20px;accent-color:var(--ink)}
.ca-cross{background:#fff;border:1px dashed var(--line,#E5DCD2);border-radius:12px;padding:10px}
#caQuiz .chip{text-transform:none}

/*<</v122css>>*/
/*<<v123css>>*/
.cap-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.cap-row{display:flex;align-items:center;gap:10px;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:8px 10px;width:100%}.cap-row .grow{display:flex;flex-direction:column;min-width:0}.cap-row svg{width:18px;height:18px;color:var(--muted)}
.cap-head{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;background:linear-gradient(135deg,#3B2A22,#5A4235);color:#F6F0E8;border-radius:18px;padding:14px 16px}.cap-stat{display:flex;flex-direction:column;align-items:center;line-height:1}.cap-stat b{font-family:var(--serif);font-size:30px;font-weight:500}.cap-stat.big b{font-size:40px;color:#E7CFA0}.cap-stat span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-top:4px}.cap-msg{color:#EADFD3!important;margin:0!important;font-size:13px}
.cap-seg{margin:6px 0 12px}.cap-cat{margin-bottom:14px}.cap-cat-h{font-weight:600;font-size:14px;margin:0 0 8px;display:flex;gap:8px;align-items:center}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cap-pc{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:4px;text-align:left;font-size:11.5px;color:var(--ink-2);line-height:1.2}.cap-pc img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:var(--cream)}.cap-pc span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cap-pc.on{border-color:#3B2A22;box-shadow:0 0 0 1px #3B2A22}.cap-pc i{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#3B2A22;color:#fff;display:flex;align-items:center;justify-content:center}.cap-pc i svg{width:13px;height:13px}
.cap-outs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.cap-out{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px}
.cap-vers{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cap-v{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 10px}.cap-v img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:var(--cream);flex:none}.cap-v .grow{min-width:0;flex:1}.cap-v b{font-size:13px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-bar,.stk-bar{display:block;height:6px;border-radius:9px;background:var(--cream-2);margin-top:5px;overflow:hidden}.cap-bar i,.stk-bar i{display:block;height:100%;background:var(--gold);border-radius:9px}.cap-vn{font-family:var(--serif);font-size:22px;text-align:center;line-height:1;min-width:44px}.cap-vn small{display:block;font-family:inherit;font-size:10px;color:var(--muted);letter-spacing:.06em}
.cap-unlock .shop-card{border:1.5px solid var(--gold)}
.stk-card{display:flex;gap:14px;align-items:center}.stk-ring{width:76px;height:76px;flex:none}.stk-card .grow{min-width:0;flex:1}.stk-msg{display:block;font-weight:500;font-size:15px;margin-top:2px}
.stk-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:linear-gradient(135deg,#3B2A22,#5A4235);color:#F6F0E8;border-radius:18px;padding:14px}.stk-top div{display:flex;flex-direction:column;align-items:center}.stk-top b{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1}.stk-top span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-top:4px}
.stk-chs{display:flex;flex-direction:column;gap:8px}.stk-ch{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px;width:100%}.stk-ch .grow{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.stk-ch.on{border-color:#3B2A22}.stk-ch svg{width:18px;height:18px;flex:none;color:#3B2A22}
.stk-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stk-b{display:flex;flex-direction:column;gap:2px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:10px}.stk-b svg{width:18px;height:18px;color:var(--gold)}.stk-b b{font-size:13.5px;font-weight:500}
.inv-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.inv-top>svg{width:24px;height:24px;flex:none;color:var(--gold)}.inv-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.inv-stats span{font-size:12.5px;background:#3B2A22;color:#F6F0E8;border-radius:99px;padding:5px 11px}
.stk-sub span+span:before{content:" \00b7 ";}
.cap-sheet .sheet-foot{gap:6px}.cap-sheet .sheet-foot .btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:13.5px;white-space:nowrap}

/*<</v123css>>*/

html.ios-native #styBox,html.ios-native .sty-offer,html.ios-native .sty-done,html.ios-native .sty-plans,html.ios-native a[href*="stripe.com"],html.ios-native [data-styling],html.ios-native a[href^="/stylist"]{display:none!important}
/* v1.42.2 iPad/tablet: only applies >=768px, phone layout unchanged */
@media (min-width:768px){
html{font-size:17px}
main{max-width:1180px;padding-left:32px;padding-right:32px}
.grid2,.stiles,.age-grid,.cap-outs,.stk-badges{gap:14px}
.ord-grid{grid-template-columns:repeat(3,1fr)}
.shop-links{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cap-grid,.rec-board{grid-template-columns:repeat(4,1fr)}
.simple-acts{grid-template-columns:1fr 1fr}
.mix,.mix-bar{max-width:720px}
.hero p{max-width:520px;font-size:17px}
.hero .stack{max-width:420px}
.btn{min-height:48px}
}
@media (min-width:1020px){.grid{grid-template-columns:repeat(5,1fr)}.outfits{grid-template-columns:repeat(3,1fr)}.cap-grid{grid-template-columns:repeat(6,1fr)}}

/* Build closet from photos (v1.43.0) */
.roll-bullets{margin:0;padding-left:1.15em;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.roll-bullets li{margin:0 0 6px}
.roll-tag{display:inline-flex;align-items:center;font-size:12px;letter-spacing:.02em;color:var(--ink-2);padding:8px 10px;border:1px solid var(--line,#ECE2D8);border-radius:10px;background:#fff}
.roll-actions{display:flex;gap:8px;margin-top:8px}
.roll-actions .btn{flex:1}
.roll-row.off{opacity:.4}
/* 1.44.0 trip: pack my own bag + custom items */
.pk-mine .pk-ib{width:36px;height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;color:var(--ink-2);margin-left:-4px}
.pk-mine .pk-ib svg{width:17px;height:17px}.pk-mine .pk-ib:active{background:var(--cream-2)}
.pk-add{display:flex;gap:8px;align-items:center;margin-top:10px}.pk-add .input{flex:1;min-width:0}.pk-add .pk-qty{flex:0 0 64px;text-align:center}
.pk-add .btn svg,.pk-closet svg{width:16px;height:16px}
.pk-closet{margin-top:8px}
.pk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.pk-pi{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;background:var(--card);border-radius:12px;padding:6px;border:2px solid transparent;box-shadow:var(--shadow);font-size:12.5px;color:var(--ink);position:relative}
.pk-pi img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:8px;background:var(--cream-2)}
.pk-pi span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pk-pi.on{border-color:#3B2A22}.pk-pi.on::after{content:'\2713';position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:99px;background:#3B2A22;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.pk-pi.had{opacity:.5}.pk-pi em{font-style:normal;font-size:11.5px;color:var(--ink-2)}