:root{--bg: #ececea;--paper: #ffffff;--ink: #000000;--graphite: #2a2a2a;--mist: #8a8a88;--grey: #d9d9d6;--hair: rgba(0, 0, 0, .14);--pink: #ffd3ec;--pink-2: #ffbfe2;--hot: #ff3fa4;--wine: var(--hot);--teal: var(--ink);--display: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--ui: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--grunge: "Rubik Dirt", "Impact", sans-serif;--g: 18px;--nav-h: 62px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:500 15px/1.45 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--hot);outline-offset:2px}::selection{background:var(--pink)}.h1{margin:0;font:800 40px/.86 var(--display);letter-spacing:-.065em;text-transform:uppercase}.h2{margin:0;font:800 24px/.92 var(--display);letter-spacing:-.05em;text-transform:uppercase}.h3{margin:0;font:800 11.5px/1.1 var(--display);letter-spacing:-.01em;text-transform:uppercase}.lead{margin:0;font-size:14.5px;line-height:1.5;color:var(--graphite)}.muted{color:var(--mist)}.small{font-size:12.5px;line-height:1.45}.num{font-variant-numeric:tabular-nums}.tagline{display:block;margin-top:10px;font:800 11px/1.1 var(--display);letter-spacing:-.01em;text-transform:uppercase}.accent{display:block}.halftone{display:block;width:120px;height:120px;background:radial-gradient(circle,#000 0 1.7px,transparent 2.1px) 0 0 / 7px 7px;-webkit-mask:radial-gradient(closest-side,#000 15%,rgba(0,0,0,.55) 55%,transparent 100%);mask:radial-gradient(closest-side,#000 15%,rgba(0,0,0,.55) 55%,transparent 100%)}.bgfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bgfx .ht{position:absolute;width:300px;height:300px;opacity:.1;background:radial-gradient(circle,#000 0 2px,transparent 2.5px) 0 0 / 9px 9px;-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 100%);mask:radial-gradient(closest-side,#000 10%,transparent 100%)}.bgfx .ht-a{top:-90px;right:-110px}.bgfx .ht-b{bottom:40px;left:-150px;width:260px;height:260px}.app{position:relative;min-height:100dvh;padding-top:var(--safe-t);padding-bottom:calc(var(--nav-h) + var(--safe-b) + 24px)}.app>*:not(.bgfx):not(.nav){position:relative;z-index:1}.app:after{content:"VELORA ® PERSONAL WARDROBE";position:fixed;right:3px;top:50%;z-index:2;transform:translateY(-50%);writing-mode:vertical-rl;font:800 8.5px/1 var(--display);letter-spacing:.18em;color:#00000059;pointer-events:none}.screen{padding:0 var(--g) 48px;max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 var(--g);max-width:720px;margin:0 auto;border-bottom:1.5px solid var(--ink)}.wordmark{border:0;background:none;padding:0;cursor:pointer}.logo{display:inline-block;font:900 24px/1 var(--display);letter-spacing:-.075em;text-transform:uppercase;color:var(--ink)}.avatar{width:38px;height:38px;border-radius:0;border:1.5px solid var(--ink);background:var(--paper);display:grid;place-items:center;font:800 15px var(--display);cursor:pointer;color:var(--ink)}.avatar:active{background:var(--pink)}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 18px}.head .sub{margin-top:8px;font:800 11px var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--mist)}.demo-strip{background:var(--ink);color:var(--pink);font:700 11px/1.35 var(--ui);text-transform:uppercase;padding:7px var(--g);text-align:center}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);border-top:1.5px solid var(--ink)}.nav button{position:relative;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);font:800 9.5px var(--display);text-transform:uppercase;letter-spacing:-.01em}.nav button+button{border-left:1px solid var(--hair)}.nav button svg{width:21px;height:21px}.nav button[aria-current=page]{background:var(--pink)}.nav .dot{position:absolute;top:-1.5px;left:0;right:0;height:3px;background:var(--ink)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border:1.5px solid var(--ink);border-radius:0;font:800 12.5px/1 var(--display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,transform .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-ink{background:var(--ink);color:#fff}.btn-ink:active{background:var(--hot);border-color:var(--hot)}.btn-line{background:var(--paper);color:var(--ink)}.btn-line:active{background:var(--pink)}.btn-wine{background:var(--pink);color:var(--ink)}.btn-ghost{border-color:transparent;background:none;color:var(--graphite)}.btn-wide{width:100%}.btn-sm{height:38px;padding:0 14px;font-size:11px}.btn svg{width:16px;height:16px}.btn .arrow{position:absolute;right:16px;width:18px;height:18px}.icon-btn{width:50px;height:50px;border-radius:0;border:1.5px solid var(--ink);background:var(--paper);display:inline-grid;place-items:center;cursor:pointer;color:var(--ink)}.icon-btn svg{width:20px;height:20px}.icon-btn.on{background:var(--pink);color:var(--hot)}.link{border:0;background:none;padding:0;cursor:pointer;color:var(--ink);font:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.field{display:grid;gap:6px;min-width:0}.field>span{font:800 10.5px/1 var(--display);text-transform:uppercase;letter-spacing:-.01em}.input,.select{width:100%;min-width:0;min-height:46px;padding:10px 0;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;background:transparent;outline:none;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder,.textarea::placeholder{color:#a9a9a6}.input:focus,.select:focus{border-bottom-color:var(--hot)}.textarea{width:100%;min-height:96px;padding:12px;border:1.5px solid var(--ink);border-radius:0;background:var(--paper);outline:none;resize:none;font-size:16px;line-height:1.45}.textarea:focus{border-color:var(--hot)}.select{background:linear-gradient(45deg,transparent 50%,#000 50%) calc(100% - 9px) 21px / 5px 5px no-repeat,linear-gradient(135deg,#000 50%,transparent 50%) calc(100% - 4px) 21px / 5px 5px no-repeat;padding-right:22px}.input[type=time],.input[type=date]{min-width:0}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--g));padding:2px var(--g)}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:32px;padding:0 12px;border-radius:0;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:800 11px var(--display);text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.chip .count{color:var(--mist)}.chip[aria-pressed=true] .count{color:var(--pink)}.days,.row-wrap.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.days .chip{padding:0;justify-content:center}.row{display:flex;gap:10px;align-items:center}.row>*{min-width:0}.row-wrap{display:flex;gap:6px;flex-wrap:wrap}.stack{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.grow{flex:1 1 auto}.glass{background:var(--paper);border-radius:0}.block.glass{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);padding:18px 16px 20px;margin-bottom:10px}.block.glass>.h3{padding-bottom:10px;border-bottom:1.5px solid var(--ink)}.questions.glass,.dna.glass,.rules.glass{padding:18px 16px;margin-top:14px}.questions{display:grid;gap:16px}.questions.glass{background:var(--pink)}.empty{padding:28px 0}.empty.glass{position:relative;overflow:hidden;margin-top:4px;padding:26px 18px 70px;background:var(--pink)}.empty.glass .h2{font-size:34px;line-height:.86;letter-spacing:-.065em;margin-bottom:14px;max-width:9ch}.empty.glass p{max-width:30ch}.empty.glass .btn{margin-top:22px}.empty .halftone.empty-star{position:absolute;right:-24px;top:-24px;width:170px;height:170px;opacity:.85}.empty.glass:after{content:"";position:absolute;right:16px;bottom:16px;width:74px;height:30px;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 3px,#000 3px 4px,transparent 4px 6px,#000 6px 9px,transparent 9px 10px)}.skeleton{background:linear-gradient(100deg,#dededb 30%,#ececea,#dededb 70%) 0 0 / 300% 100%;animation:sk 1.3s linear infinite}@keyframes sk{to{background-position:-150% 0}}.error-box{border:1.5px solid var(--ink);background:var(--pink);padding:12px 14px;font-size:14px}.note{border-left:3px solid var(--hot);padding:2px 0 2px 12px;color:var(--graphite);font-size:14px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);z-index:80;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 16px;font:800 11.5px var(--display);text-transform:uppercase;max-width:calc(100% - 32px);text-align:center}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0006}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:92dvh;overflow-y:auto;background:var(--paper);border-top:2px solid var(--ink);border-radius:0;padding:10px var(--g) calc(24px + var(--safe-b));max-width:720px;margin:0 auto;overscroll-behavior:contain}.sheet-grip{width:40px;height:3px;background:var(--ink);margin:0 auto 16px}.greet{margin:22px 0 16px}.greet .h1{font-size:44px}.weather-row{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:10px;border-top:1.5px solid var(--ink);font:800 11px/1.25 var(--display);text-transform:uppercase}.weather-row svg{width:24px;height:24px}.weather-row b{display:block;font-weight:900;font-size:15px;letter-spacing:-.04em}.canvas{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--pink)}.canvas:after{content:attr(data-label);text-transform:uppercase;position:absolute;left:10px;top:10px;font:800 10px var(--display);letter-spacing:-.01em}.canvas-num{display:none}.canvas-piece{position:absolute;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}.canvas-piece img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}.look-title{margin:18px 0 14px;font:800 26px/.9 var(--display);letter-spacing:-.06em;text-transform:uppercase}.look-desc{margin:0 0 14px;color:var(--graphite);font-size:14px}.look-actions{display:grid;gap:8px}.look-actions .row{gap:8px}.look-items{margin-top:26px;border-top:1.5px solid var(--ink)}.look-items.glass{background:transparent}.look-item{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--ink);background:none;text-align:left;cursor:pointer;color:inherit}.look-item-img{width:52px;aspect-ratio:4 / 5;background:var(--paper);overflow:hidden}.look-item-img img{width:100%;height:100%;object-fit:contain}.look-item-text{display:grid;gap:2px;min-width:0}.look-item-text .small{font:800 10px var(--display);text-transform:uppercase;color:var(--mist)}.look-item-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-item-name:first-letter{text-transform:uppercase}.look-item-action{font:800 10.5px var(--display);text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.why{margin:22px 0 0;display:grid;gap:0}.why.glass{background:transparent}.why div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair)}.why dt{font:800 10.5px var(--display);text-transform:uppercase;padding-top:3px}.why dd{margin:0;font-size:14px;line-height:1.5;color:var(--graphite)}.alts{display:flex;gap:8px;overflow-x:auto;margin:10px calc(-1 * var(--g)) 0;padding:0 var(--g);scrollbar-width:none}.alts::-webkit-scrollbar{display:none}.alt{flex:none;width:96px;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit}.alt .strip{aspect-ratio:4 / 5;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:6px}.alt .strip img{width:100%;height:100%;object-fit:contain}.alt span{display:block;margin-top:6px;font:800 10px/1.15 var(--display);text-transform:uppercase}.thinking{display:grid;place-items:center;text-align:center;padding:20px}.thinking .phrase{font:800 22px/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase;max-width:12ch}.search{position:relative;display:block;margin-bottom:12px}.search svg{position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%)}.search .input{padding-left:28px}.dropzone{border:1.5px dashed var(--ink);padding:26px;text-align:center;margin-bottom:14px}.archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;margin-top:16px}@media(min-width:640px){.archive{grid-template-columns:repeat(4,minmax(0,1fr))}}.piece{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;min-width:0}.piece-frame{position:relative;aspect-ratio:4 / 5;background:var(--paper);overflow:hidden}.piece-frame img{width:100%;height:100%;object-fit:contain}.piece-name{margin-top:7px;font:800 10.5px/1.12 var(--display);text-transform:uppercase;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.piece-meta{margin-top:3px;font:700 9.5px var(--display);text-transform:uppercase;color:var(--mist)}.piece-fav{position:absolute;top:6px;right:6px;width:16px;height:16px;color:var(--hot)}.review{margin:0 0 22px}.review.glass{padding:16px;border:1.5px solid var(--ink)}.review-photo{padding:12px 0;border-top:1px solid var(--hair)}.review-photo:first-of-type{border-top:0}.review-src{width:60px;height:76px;object-fit:cover;flex:none;background:var(--bg)}.bar{height:4px;background:var(--grey);margin-top:10px;overflow:hidden}.bar span{display:block;height:100%;background:var(--ink)}.steps{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.steps li{display:flex;align-items:center;gap:8px;font:700 11px var(--display);text-transform:uppercase;color:var(--mist)}.steps li i{width:14px;height:14px;border:1.5px solid currentColor;flex:none;display:grid;place-items:center}.steps li.done{color:var(--ink)}.steps li.done i{background:var(--ink)}.steps li.done i:after{content:"";width:6px;height:3px;border:solid #fff;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translate(1px,-1px)}.steps li.now{color:var(--ink)}.steps li.now i{border-color:var(--hot);animation:blink .8s steps(2) infinite}@keyframes blink{50%{background:var(--hot)}}.review-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:14px}@media(min-width:640px){.review-items{grid-template-columns:repeat(3,minmax(0,1fr))}}.review-item{display:grid;gap:8px;transition:opacity .2s}.review-item.off{opacity:.35}.review-item .piece-frame{border:0;padding:0;cursor:pointer}.review-tag{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:4px 7px;font:800 9.5px var(--display);text-transform:uppercase}.review-name,.review-item .select{min-height:38px;padding:6px 0;font-size:14px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.scale button{height:30px;border:1.5px solid var(--ink);background:var(--paper);cursor:pointer}.scale button.on{background:var(--ink)}.studio-text{min-height:130px}.week{list-style:none;margin:20px 0 0;padding:0;border-top:1.5px solid var(--ink)}.week.glass{background:transparent}.week-day{border-bottom:1px solid var(--ink)}.week-btn{width:100%;display:grid;grid-template-columns:54px 60px 1fr 20px;gap:12px;align-items:center;padding:12px 0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}.week-date{display:grid}.week-wd{font:900 22px/.9 var(--display);letter-spacing:-.06em;text-transform:uppercase}.week-num{font:800 10.5px var(--display);color:var(--mist);margin-top:3px}.week-thumb{width:60px;aspect-ratio:4 / 5;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:4px}.week-thumb:empty{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.08) 6px 7px);box-shadow:inset 0 0 0 1px var(--hair)}.week-thumb img{width:100%;height:100%;object-fit:contain}.week-body{display:grid;gap:3px;min-width:0}.week-title{font:800 13px/1.1 var(--display);text-transform:uppercase;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-body .small{font-size:12px}.week-pin{width:18px;height:18px;color:var(--ink)}.week-pin svg{width:100%;height:100%}.week-pin.on{color:var(--hot)}.collage{display:grid;grid-template-columns:1.3fr 1fr;grid-auto-rows:96px;gap:4px}.collage figure{position:relative;margin:0;overflow:hidden;background:var(--grey)}.collage figure:first-child{grid-row:span 3}.collage img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}.mood-x{position:absolute;top:0;right:0;width:28px;height:28px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.mood-x svg{width:13px;height:13px}.mood-ph{background:var(--grey)}.dna{margin-top:14px}.dna-summary{margin:0;font-size:15px;line-height:1.55}.dna-section{margin-top:18px}.dna-section .h3{margin-bottom:10px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:6px 10px;border:1.5px solid var(--ink);font:800 10.5px var(--display);text-transform:uppercase}.tags span:nth-child(3n+1){background:var(--pink)}.palette{display:flex;gap:10px;flex-wrap:wrap}.palette span{display:grid;justify-items:center;gap:6px;width:54px;text-align:center;font:700 9.5px/1.15 var(--display);text-transform:uppercase}.palette i{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink)}.rules,.rule-group{margin-top:14px}.rule-area{font:800 10.5px var(--display);text-transform:uppercase;margin-bottom:4px}.rule{position:relative;display:grid;grid-template-columns:22px 1fr 34px;align-items:center;gap:8px;border-bottom:1px solid var(--hair)}.rule-text{border:0;background:none;padding:11px 0;font-size:14px;width:100%;outline:none}.rule-x{border:0;background:none;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.rule-x svg{width:14px;height:14px}.rule-src{position:absolute;right:38px;top:50%;transform:translateY(-50%);font:800 9px var(--display);text-transform:uppercase;color:var(--hot);pointer-events:none}.conf{display:flex;gap:2px}.conf i{width:4px;height:12px;background:var(--grey)}.conf i.on{background:var(--ink)}.toggle{display:flex;align-items:center;gap:12px;font-size:14.5px;cursor:pointer}.toggle input{width:20px;height:20px;accent-color:#000}.range{width:100%;accent-color:#000;height:28px}.savebar{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b) + 10px);padding-top:10px;z-index:5}.login,.ob{position:relative;min-height:100dvh;overflow:hidden;background:var(--pink);padding:calc(var(--safe-t) + 18px) var(--g) calc(var(--safe-b) + 18px);display:flex;flex-direction:column}.corner-tl,.corner-tr{position:absolute;top:calc(var(--safe-t) + 18px);font:800 10px/1 var(--display);text-transform:uppercase;letter-spacing:-.01em}.corner-tl{left:var(--g)}.corner-tr{right:var(--g);text-align:right}.login-hero{position:relative;flex:1;display:grid;place-content:center;justify-items:center;padding:70px 0 30px}.login-dots{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-58%);opacity:.55}.login-sub{position:relative;margin:22px 0 0;text-align:center;font:900 30px/.86 var(--display);letter-spacing:-.065em;text-transform:uppercase}.login-form{position:relative;display:grid;gap:16px;width:100%;max-width:420px;margin:0 auto}.login-title{padding-bottom:8px;border-bottom:1.5px solid var(--ink)}.login-msg{margin:0;color:var(--ink)}.login-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.login .input{background:transparent}.login-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:26px;font:800 10px/1 var(--display);text-transform:uppercase}.lang-switch{display:inline-flex;border:1.5px solid var(--ink)}.lang-switch button{height:26px;min-width:34px;padding:0 8px;border:0;background:transparent;color:var(--ink);font:800 10px/1 var(--display);letter-spacing:0;cursor:pointer}.lang-switch button+button{border-left:1.5px solid var(--ink)}.lang-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.story-mt{margin:8px 0 0;font-size:11px}.ransom{position:relative;display:inline-flex;gap:0}.cut{display:inline-block;font:400 clamp(46px,15vw,76px)/1 var(--grunge);font-style:normal;padding:.06em .1em .02em;margin:0 -.02em;transform:rotate(var(--r));box-shadow:2px 3px #0000001f}.cut-k{background:#000;color:#fff}.cut-p{background:var(--hot);color:#000}.cut-w{background:#fff;color:#000}.topbar .ransom .cut{font-size:20px}.barcode{display:inline-grid;justify-items:center;gap:2px}.barcode .bars{display:flex;height:30px}.barcode .bars i{display:block;height:100%;background:#000}.barcode small{font:600 7.5px var(--display);letter-spacing:.12em}.ob{padding-top:calc(var(--safe-t) + 22px)}.ob-mark{margin-bottom:10px}.ob-mark .logo{font-size:44px}.ob-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:14vh}.ob-progress span{height:4px;background:#00000026}.ob-progress span.on{background:var(--ink)}.ob-step{display:grid;gap:16px}.ob-step .h1{font-size:44px}.ob-text{margin:2px 0 14px;max-width:32ch;font-size:15.5px;line-height:1.5}.ob-skip{margin-top:auto;padding-top:30px;align-self:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.subnav,.subtabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1.5px solid var(--ink)}.subnav{max-width:720px;margin:0 auto;padding:0 var(--g)}.subtabs{margin:0 0 18px}.subnav button,.subtabs button{height:40px;border:0;background:none;cursor:pointer;font:800 11px var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--mist);position:relative}.subnav button[aria-selected=true],.subtabs button[aria-selected=true]{color:var(--ink)}.subnav button[aria-selected=true]:after,.subtabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:4px;background:var(--hot)}.nav{grid-template-columns:repeat(6,minmax(0,1fr))}.nav button{font-size:8.5px;gap:4px;min-width:0;padding:0 2px;overflow:hidden}.nav button svg{width:19px;height:19px;flex:none}.nav button>span:not(.dot){display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip;letter-spacing:-.03em;line-height:1.1}@media(max-width:380px){.nav button{font-size:8px}}.canvas.thinking:after{content:none}.tag{display:inline-block;padding:4px 7px;background:var(--ink);color:#fff;font:800 9.5px/1 var(--display);text-transform:uppercase;letter-spacing:0}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:22px 0 16px;padding-bottom:12px;border-bottom:3px solid var(--ink)}.masthead .h1{font-size:46px}.issue{text-align:right;font:800 10px/1.25 var(--display);text-transform:uppercase}.cover{position:relative;background:var(--pink);padding:18px 16px 58px;overflow:hidden}.cover-kicker{font:800 10px var(--display);text-transform:uppercase}.cover-line{margin:10px 0 12px;font:900 34px/.86 var(--display);letter-spacing:-.065em;text-transform:uppercase}.cover-code{position:absolute;right:14px;bottom:12px}.stories{list-style:none;margin:18px 0 0;padding:0}.story{padding:16px 0;border-bottom:1px solid var(--ink)}.story-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;margin-bottom:12px;background:var(--grey);filter:grayscale(.2) contrast(1.05)}.story-meta{display:flex;align-items:center;gap:8px;font:800 11px var(--display);text-transform:uppercase}.story-title{margin:10px 0 8px;font:800 21px/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase}.story-text{margin:0;font-size:14.5px;line-height:1.5}.story-why{margin:8px 0 0;padding-left:10px;border-left:3px solid var(--hot);font-size:13.5px;color:var(--graphite)}.story-src{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font:800 10.5px var(--display);text-transform:uppercase;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.story-src svg{width:13px;height:13px}.story-read{display:inline-flex;margin:10px 14px 0 0;padding:8px 14px;border:1.5px solid var(--ink);background:transparent;font:800 10.5px var(--display);text-transform:uppercase;color:var(--ink);cursor:pointer}.story-read[aria-expanded=true]{background:var(--ink);color:var(--paper, #fff)}.story-body{margin-top:12px;padding:12px 14px;border-left:3px solid var(--hot);background:#ffffff73;font-size:14.5px;line-height:1.5}.story-body p{margin:0 0 8px}.story-points-h{margin:10px 0 4px;font:800 10.5px var(--display);text-transform:uppercase}.story-points{margin:0 0 8px;padding-left:18px}.story-points li{margin-bottom:4px}.trends{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-top:22px;background:var(--paper);padding:16px 14px 16px 6px}.vtitle{margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font:900 46px/.8 var(--display);letter-spacing:-.06em;text-transform:uppercase;justify-self:center}.trend{padding:4px 0 14px;border-bottom:1px solid var(--hair);margin-bottom:12px}.trend:last-child{border-bottom:0;margin-bottom:0}.trend p{margin:8px 0 0;font-size:14px}.trend-how{color:var(--graphite)}.tip{margin-top:14px;background:var(--ink);color:#fff;padding:16px}.tip span{font:800 10px var(--display);text-transform:uppercase;color:var(--pink)}.tip p{margin:8px 0 0;font:700 17px/1.25 var(--display);letter-spacing:-.02em}.find .h1,.foryou .h1{font-size:44px}.find-actions{display:grid;gap:8px}.find-job{margin-top:18px;background:var(--paper);padding:14px}.find-top{display:grid;grid-template-columns:112px 1fr;gap:14px}.find-photo{width:112px;aspect-ratio:4 / 5;object-fit:cover;background:var(--grey)}.find-id{display:grid;align-content:start;gap:8px;min-width:0}.find-id .h2{font-size:20px}.offers{list-style:none;margin:10px 0 0;padding:0;border-top:1.5px solid var(--ink)}.offer{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ink);color:inherit;text-decoration:none}.offer-img{width:64px;aspect-ratio:4 / 5;background:var(--bg);display:grid;place-items:center;overflow:hidden;font:900 18px var(--display);text-transform:uppercase}.offer-img img{width:100%;height:100%;object-fit:cover}.offer-text{display:grid;gap:3px;min-width:0}.offer-title{font-size:13.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.offer-store{font:800 10px var(--display);text-transform:uppercase;color:var(--mist)}.offer-price{display:inline-flex;align-items:center;gap:4px;font:900 14px var(--display);letter-spacing:-.03em}.offer-price svg{width:14px;height:14px}.match{justify-self:start;padding:3px 6px;font:800 9px/1 var(--display);text-transform:uppercase}.match-exact{background:var(--hot);color:#000}.match-similar{background:var(--grey)}.match-close{background:var(--pink);color:#000}.match-distant{background:var(--paper);color:var(--mist);border:1px dashed var(--mist)}.match-web{background:var(--paper);border:1px solid var(--hot)}.offer-why{font-size:11.5px;color:var(--mist)}.find-words{display:grid;place-items:center;padding:10px;background:var(--pink);font:800 13px/1.25 var(--display);text-align:center;overflow:hidden}.feed{display:grid;gap:22px}.pick{background:var(--paper)}.pick-img{position:relative;display:block;aspect-ratio:4 / 5;background:var(--pink);overflow:hidden}.pick-img img{width:100%;height:100%;object-fit:cover}.pick-noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;text-align:center;font:900 30px/.9 var(--display);letter-spacing:-.06em;text-transform:uppercase}.pick-cat{position:absolute;left:0;top:0;background:var(--ink);color:#fff;padding:5px 8px;font:800 9.5px var(--display);text-transform:uppercase}.pick-body{padding:14px}.pick-brand{font:900 12px var(--display);text-transform:uppercase;letter-spacing:-.02em}.pick-title{margin:4px 0 8px;font:600 15px/1.25 var(--ui)}.pick-why{margin:0;font-size:13.5px;color:var(--graphite)}.pick-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--ink)}.pick-price{font:900 20px var(--display);letter-spacing:-.04em}.pick-store{font:800 10px var(--display);text-transform:uppercase;color:var(--mist)}.pick-actions{display:flex;gap:6px;margin-top:12px}.pick-actions .btn{height:50px}.nav button[aria-current=page]{background:none}.nav .dot{top:0;bottom:0;height:auto;z-index:0;background:var(--pink);box-shadow:inset 0 3px 0 var(--ink)}.nav button>svg,.nav button{z-index:1}.nav button>*{position:relative;z-index:1}.canvas-wrap{position:relative}.stamp{position:absolute;right:16px;bottom:22px;z-index:3;padding:10px 14px 8px;border:4px solid var(--hot);color:var(--hot);font:900 30px/.85 var(--display);letter-spacing:-.06em;text-transform:uppercase;text-align:center;background:#ffffff8c}.heart-pop{position:fixed;z-index:100;pointer-events:none;font:900 16px/1 var(--display);transform:translate(-50%,-50%);animation:pop .85s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15) rotate(18deg);opacity:0}}.paw{position:fixed;z-index:100;width:22px;height:22px;pointer-events:none;opacity:0;animation:paw 1.6s ease forwards}.paw svg{width:100%;height:100%;fill:var(--hot)}@keyframes paw{0%{opacity:0;scale:.5}15%{opacity:.9;scale:1}70%{opacity:.9}to{opacity:0}}.ticker{overflow:hidden;margin:0 calc(-1 * var(--g)) 12px;background:var(--ink);color:var(--pink);white-space:nowrap;font:800 11px/30px var(--display);text-transform:uppercase}.ticker>div{display:inline-flex;animation:tick 60s linear infinite}.ticker span{padding-right:0}@keyframes tick{to{transform:translate(-50%)}}.bgfx .ht{animation:breathe 9s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.12) rotate(6deg)}}.login-dots{animation:spin-slow 40s linear infinite}@keyframes spin-slow{to{transform:translate(-50%,-58%) rotate(360deg)}}.piece:active .piece-frame,.pick-img:active,.alt:active .strip{transform:scale(.97);transition:transform .12s}.cut{cursor:pointer}.find-id .h2{font-size:18px;line-height:.95}.find-id .small{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.h1,.masthead .h1,.greet .h1,.find .h1,.foryou .h1,.ob-step .h1{letter-spacing:-.045em;word-spacing:.06em;line-height:.9}.h2,.empty.glass .h2{letter-spacing:-.03em;word-spacing:.06em;line-height:.98}.cover-line{letter-spacing:-.04em;word-spacing:.08em;line-height:.94;font-size:32px}.story-title,.look-title{letter-spacing:-.03em;word-spacing:.06em;line-height:1}.login-sub{letter-spacing:-.045em;word-spacing:.06em;line-height:.92}.week-wd{letter-spacing:-.04em}.h3,.tagline,.head .sub,.field>span,.chip,.btn,.nav button,.subnav button,.subtabs button,.piece-name,.piece-meta,.story-meta,.story-src,.tag,.weather-row,.why dt,.look-item-action,.pick-brand,.pick-store,.offer-store,.issue,.cover-kicker,.corner-tl,.corner-tr,.login-foot,.rule-area{letter-spacing:.01em}.piece-name{line-height:1.18}.lead,.story-text,.trend p,.why dd,.pick-why,.dna-summary{font-size:15px;line-height:1.55}.cover .lead{color:var(--ink)}.ticker{font-size:11.5px;letter-spacing:.02em}.doll-toggle{position:absolute;right:8px;top:8px;z-index:20;height:28px;padding:0 10px;border:1.5px solid var(--ink);background:var(--paper);font:800 10px var(--display);text-transform:uppercase;letter-spacing:.01em;cursor:pointer}.doll-toggle[aria-pressed=true]{background:var(--ink);color:#fff}.mannequin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.mannequin *{fill:#ffffffb3;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.canvas.doll .canvas-piece img{width:100%;height:100%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))}.canvas-piece{display:block}.canvas-piece img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.mannequin{object-fit:contain}.canvas.doll{background:#fff}.canvas.doll:after{color:var(--ink)}.doll-render{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:15}.doll-status{position:absolute;left:8px;right:8px;bottom:8px;z-index:18;padding:10px;border:0;background:var(--ink);color:var(--pink);font:800 11px var(--display);text-transform:uppercase;letter-spacing:.02em;text-align:center}.topbar{gap:8px}.topbar .wordmark{margin-right:auto}.avatar.bag{position:relative}.avatar svg{width:19px;height:19px}.badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;background:var(--hot);color:#000;font:900 10px/18px var(--display);text-align:center}.wish{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.wish-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ink)}.wish-img{width:72px;aspect-ratio:4 / 5;background:var(--paper);display:grid;place-items:center;overflow:hidden;color:var(--ink);text-decoration:none;font:900 18px var(--display);text-transform:uppercase}.wish-img img{width:100%;height:100%;object-fit:cover}.wish-text{display:grid;gap:3px;min-width:0}.wish-brand{font:900 11px var(--display);text-transform:uppercase;letter-spacing:.01em}.wish-title{color:var(--ink);text-decoration:none;font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wish-store{font:800 10px var(--display);text-transform:uppercase;color:var(--mist)}.wish-side{display:grid;justify-items:end;gap:4px}.wish-price{font:900 15px var(--display);letter-spacing:-.02em}.cart{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b) + 10px);margin-top:16px;background:var(--ink);color:#fff;padding:14px 16px}.cart-row{display:flex;align-items:baseline;justify-content:space-between;font:800 12px var(--display);text-transform:uppercase}.cart-row b{font:900 26px var(--display);letter-spacing:-.04em;color:var(--pink)}.cart-sub{margin-top:4px;font:700 12px var(--display)}.cart-note{margin-top:6px;font-size:11px;color:#bdbdbd}.offers li{position:relative}.offer{padding-right:40px}.offer-wish{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1.5px solid var(--ink);background:var(--paper);display:grid;place-items:center;cursor:pointer}.offer-wish svg{width:16px;height:16px}.tg-import{display:grid;gap:8px;margin:0 0 18px;padding:14px;background:var(--paper)}.tg-import .row .input{flex:1}.rule{align-items:start}.rule .conf{margin-top:15px}.rule .rule-x{margin-top:6px}.rule-text{resize:none;overflow:hidden;display:block;padding:12px 0;font:500 15px/1.45 var(--ui);color:var(--ink);white-space:pre-wrap}.tag-x{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border:1.5px solid var(--ink);background:var(--pink);font:800 10.5px var(--display);text-transform:uppercase}.tag-x button{border:0;background:none;width:18px;height:18px;display:grid;place-items:center;cursor:pointer;padding:0}.tag-x svg{width:11px;height:11px}.price small{display:block;font:700 10.5px var(--display);letter-spacing:0;color:var(--mist)}.pick-price .price small{display:inline;font-size:12px}.wish-price .price{text-align:right}.offer-tags{display:flex;gap:4px}.match-uae{background:var(--ink);color:var(--pink)}.uae{color:var(--hot)}.offer-price{flex-direction:row;align-items:flex-start;text-align:right}.usage{display:grid;gap:6px;margin:0;padding:0;list-style:none}.usage li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--hair);font-size:13.5px}.usage b{font:900 14px var(--display);letter-spacing:-.03em}.ai-meter b{font:900 18px var(--display);letter-spacing:-.03em}.ai-bar{margin-top:0}.ai-bar.warn span{background:var(--hot)}.ai-bar.over span{background:var(--wine)}.ai-note{color:var(--wine);margin:8px 0 0}.plan-tag{display:inline-block;padding:3px 7px;background:var(--ink);color:var(--pink);font:800 10px/1 var(--display);text-transform:uppercase}.match-search{background:var(--paper);border:1px solid var(--ink)}.find-hint{margin-top:12px}.offline-strip{background:var(--hot);color:#fff}.consent .screen{max-width:560px}.consent-list{margin:20px 0 14px;padding:0;list-style:none;display:grid;gap:10px}.consent-list li{background:var(--paper);border:1.5px solid var(--ink);padding:12px 14px;font-size:13.5px;line-height:1.45}.login-agree{margin:0;color:var(--graphite)}.plus{border-top:1px solid var(--hair);padding-top:14px}.plus .link[disabled]{opacity:.5}.native body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.native input,.native textarea,.native [contenteditable]{-webkit-user-select:text;user-select:text}.native img{-webkit-user-drag:none}.native .app:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-t);background:var(--bg);z-index:40}
