.df-head{padding-block:1rem 0}.df-crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.78rem;font-weight:600;color:var(--smoke)}.df-crumb a{color:var(--smoke);text-decoration:none;transition:color .2s ease}.df-crumb a:hover{color:var(--oxblood)}.df-crumb b{color:var(--ink);font-weight:800}.df-body{padding-block:1rem 7.5rem}.df-solo{max-width:30rem;margin-inline:auto}.df-lat{font-size:.64rem;font-weight:600;letter-spacing:.28em;color:var(--brass)}.df-form-head{text-align:center}.df-form-head h2{margin-top:.35rem;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900}.df-status{margin-top:.45rem;font-size:.82rem;font-weight:600;color:var(--smoke);min-height:1.4em}.df-progress{margin-top:.7rem;display:flex;justify-content:center;gap:.5rem}.df-pdot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1.5px dashed var(--brass-soft);color:var(--brass);opacity:.55;transition:all .25s ease}.df-pdot svg{width:14px;height:14px}.df-pdot.opt{border-style:dotted}.df-pdot.on{border-style:solid;border-color:var(--oxblood);color:var(--oxblood);background:rgba(126,34,49,.08);opacity:1}.df-board{position:relative;margin-top:1.2rem;padding:clamp(1.2rem,2vw,1.5rem) clamp(1rem,1.8vw,1.3rem) clamp(1.3rem,2.2vw,1.5rem);background:var(--paper);border:1px solid var(--linen);border-radius:26px;box-shadow:0 26px 60px rgba(23,20,15,.08);display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:1.3rem .9rem}.df-board:before{content:"";position:absolute;top:5px;inset-inline:22px;height:7px;background:repeating-linear-gradient(to right,transparent 0 9px,var(--brass-soft) 9px 11px);pointer-events:none}.df-slot{position:relative}.df-go{display:flex;flex-direction:column;gap:.55rem;text-decoration:none;color:inherit}.df-shot{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--porcelain);border:1.5px dashed var(--brass-soft);transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}.df-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.df-shot.empty{display:flex;align-items:center;justify-content:center;color:var(--brass)}.df-shot.empty svg{width:32%;height:32%;opacity:.85}.df-slot.filled .df-shot{border:1px solid var(--linen);background:var(--paper);box-shadow:0 10px 22px rgba(23,20,15,.1)}.df-slot:hover .df-shot{border-color:var(--oxblood);transform:translateY(-3px);box-shadow:0 14px 28px rgba(23,20,15,.13)}.df-slot:hover .df-shot.empty{color:var(--oxblood)}.df-slot.landed .df-shot{animation:dfLand .55s cubic-bezier(.2,.7,.2,1)}@keyframes dfLand{0%{transform:scale(1.07);box-shadow:0 16px 36px rgba(126,34,49,.3)}to{transform:none}}.df-cap{display:grid;gap:.1rem;text-align:center}.df-cap-slot{font-style:normal;font-size:.64rem;font-weight:700;color:var(--brass)}.df-cap-name{font-size:.78rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-cap-price{font-style:normal;font-weight:700}.df-cap-hint,.df-cap-price{font-size:.72rem;color:var(--smoke)}.df-cap-hint{font-weight:600}.df-x{position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:50%;background:rgba(23,20,15,.65);color:var(--paper);font-size:.68rem;cursor:pointer;z-index:2;transition:background .2s ease}.df-x:hover{background:var(--oxblood)}.df-suggest{margin-top:2.6rem}.df-suggest-row{list-style:none;margin:1.2rem 0 0;padding:0 0 .4rem;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity}.df-sug-card{flex:0 0 7.5rem;scroll-snap-align:start;display:grid;gap:.45rem}.df-sug-card .df-shot{border-style:solid;border-color:var(--linen);background:var(--linen)}.df-sug-meta{display:grid;gap:.05rem;text-align:center}.df-sug-meta i{font-style:normal;font-size:.62rem;font-weight:700;color:var(--brass)}.df-sug-meta b{font-size:.76rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-sug-meta em{font-style:normal;font-size:.7rem;color:var(--smoke)}.df-sug-add{border:1px solid var(--brass-soft);background:var(--porcelain);color:var(--oxblood);font:inherit;font-size:.7rem;font-weight:700;border-radius:999px;padding:.4rem 0;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.df-sug-add:hover{background:var(--oxblood);border-color:var(--oxblood);color:var(--paper)}.df-dock{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;flex-direction:column;align-items:center;padding:0 1.2rem calc(env(safe-area-inset-bottom, 0px) + 1rem);pointer-events:none;transform:translateY(120%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.df-dock.in{transform:none;pointer-events:auto}.df-total{width:100%;max-width:44rem;padding:.95rem 1.1rem;background:var(--ink);color:var(--paper);border-radius:16px;box-shadow:0 -10px 30px rgba(23,20,15,.2),0 18px 40px rgba(23,20,15,.18);flex-wrap:wrap;justify-content:space-between;gap:.7rem 1rem}.df-mini,.df-total{display:flex;align-items:center}.df-mini{flex:none}.df-mini-shot{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--ink);box-shadow:0 0 0 1px rgba(251,250,247,.35);background:var(--porcelain)}.df-mini-more,.df-mini-shot+.df-mini-shot{margin-inline-start:-10px}.df-mini-shot img{width:100%;height:100%;object-fit:cover;display:block}.df-mini-more{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);background:var(--brass);color:var(--ink);font-size:.68rem;font-weight:900}.df-sum{flex:1 1 10rem;font-size:.86rem;font-weight:600;line-height:1.7}.df-sum b{color:var(--brass);font-weight:900}.df-tacts{display:flex;align-items:center;gap:.9rem}.df-btn{display:inline-block;padding:.5rem 1.15rem;border-radius:999px;border:1px solid transparent;font:inherit;font-size:.8rem;font-weight:800;text-decoration:none;cursor:pointer;transition:background .2s ease,opacity .2s ease,border-color .2s ease}.df-btn-solid{background:var(--oxblood);color:var(--paper)}.df-btn-solid:hover{background:var(--oxblood-deep)}.df-btn-solid.on{background:var(--brass);color:var(--ink)}.df-btn-ghost{background:rgba(251,250,247,.08);border-color:rgba(251,250,247,.35);color:var(--paper)}.df-btn-ghost:hover{background:rgba(251,250,247,.16);border-color:rgba(251,250,247,.55)}.df-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.df-btn-ghost.saved{background:var(--oxblood);border-color:var(--oxblood)}.df-sellers{width:100%;max-width:44rem;margin-bottom:.7rem;max-height:min(60vh,26rem);overflow-y:auto;background:var(--paper);color:var(--ink);border:1px solid var(--linen);border-radius:18px;padding:1rem 1.1rem 1.1rem;box-shadow:0 16px 44px rgba(23,20,15,.24);pointer-events:auto}.df-sellers-head{font-size:.82rem;font-weight:700;line-height:1.9;color:var(--smoke)}.df-sellers-head b{color:var(--oxblood);font-weight:900}.df-sellers-list{margin-top:.85rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;list-style:none;padding:0}.df-seller{display:flex;align-items:center;min-width:0;gap:.8rem;padding:.7rem .85rem;border:1px solid var(--linen);border-radius:14px;background:var(--porcelain)}.df-seller-shots{display:flex;flex:none}.df-seller-crop{width:40px;height:40px;border-radius:10px;overflow:hidden;border:1.5px solid var(--paper);background:var(--paper)}.df-seller-crop+.df-seller-crop{margin-inline-start:-12px}.df-seller-crop img{width:100%;height:100%;object-fit:cover;display:block}.df-seller-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.df-seller-meta b{font-size:.88rem;font-weight:900}.df-seller-meta i{max-width:100%;font-style:normal;font-size:.74rem;font-weight:600;color:var(--smoke);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-seller-meta em{font-style:normal;font-size:.76rem;font-weight:800;color:var(--oxblood)}.df-seller-buy{flex:none;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem 1rem;border-radius:999px;background:var(--oxblood);color:var(--paper);text-decoration:none;font-size:.78rem;font-weight:800;transition:background .2s ease}.df-seller-buy:hover{background:var(--oxblood-deep)}.df-seller-id{font-size:.66rem;font-weight:700;opacity:.8}.df-seller-noid{flex:none;max-width:9rem;text-align:center;font-size:.72rem;font-weight:700;line-height:1.6;color:var(--smoke)}.df-sellers-foot{margin-top:.85rem;font-size:.75rem;line-height:1.8;color:var(--smoke)}.df-savepanel{width:100%;max-width:27rem;margin-bottom:.7rem;background:var(--paper);color:var(--ink);border:1px solid var(--linen);border-radius:16px;padding:.9rem 1rem 1rem;box-shadow:0 16px 40px rgba(23,20,15,.22);display:grid;gap:.6rem;pointer-events:auto}.df-savepanel-label{font-size:.8rem;font-weight:700;color:var(--smoke)}.df-savepanel input{width:100%;border:1px solid var(--linen);border-radius:10px;padding:.55rem .75rem;font:inherit;font-size:.86rem;background:var(--porcelain);color:var(--ink)}.df-savepanel input:focus{outline:2px solid var(--oxblood);outline-offset:1px}.df-savepanel-acts{display:flex;align-items:center;justify-content:flex-end;gap:.9rem}.df-savepanel-cancel{background:none;border:none;font:inherit;font-size:.78rem;font-weight:700;color:var(--smoke);cursor:pointer}.df-savepanel-cancel:hover{color:var(--oxblood)}.df-savepanel .df-btn-solid:disabled{opacity:.45;cursor:not-allowed}.df-look-tabs{justify-content:center;margin-top:1rem}.df-saved{margin-top:3rem}.df-saved-grid{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1rem;max-width:46rem;margin-inline:auto}@media (min-width:68rem){.df-saved-grid{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr))}}.df-saved-card{background:var(--paper);border:1px solid var(--linen);border-radius:16px;padding:.6rem;display:grid;gap:.5rem}.df-sv-collage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--linen)}.df-sv-crop{position:relative;overflow:hidden;display:block}.df-sv-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.df-sv-collage.n1{grid-template-columns:1fr}.df-sv-collage.n1,.df-sv-collage.n2{grid-template-rows:1fr}.df-sv-collage.n3 .df-sv-crop:first-child{grid-row:span 2}.df-sv-meta{display:grid;gap:.1rem;padding-inline:.15rem}.df-sv-meta b{font-size:.84rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-sv-meta i{font-style:normal;font-size:.68rem;color:var(--smoke)}.df-sv-acts{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-inline:.15rem}.df-sv-load{background:none;border:none;font:inherit;font-size:.74rem;font-weight:700;color:var(--oxblood);cursor:pointer;padding:0;border-bottom:1px dashed var(--brass)}.df-sv-load:hover{color:var(--oxblood-deep)}.df-sv-del{width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--porcelain);color:var(--smoke);font-size:.64rem;cursor:pointer;transition:background .2s ease,color .2s ease}.df-sv-del:hover{background:var(--oxblood);color:var(--paper)}.otr-wrap{max-width:34rem;margin:0 auto}.otr-panel{margin-top:1.2rem}.df-duo{display:grid;gap:0;align-items:stretch}.df-then{display:flex;align-items:center;gap:.5rem;margin-block:2rem 1.8rem;color:var(--brass)}.df-then:after,.df-then:before{content:"";flex:1;border-top:2px dashed var(--brass-soft)}.df-then i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1.5px dashed var(--brass-soft);background:var(--paper);color:var(--oxblood);font-weight:900;transform:rotate(-90deg)}@media (min-width:68rem){.df-duo{grid-template-columns:minmax(0,30rem) auto minmax(0,34rem);justify-content:center;gap:1.6rem}.df-duo .df-solo{margin-inline:0;max-width:none}.df-duo .otr-wrap{margin:0;max-width:none}.df-then{flex-direction:column;margin-block:0;padding-top:7.2rem}.df-then:after,.df-then:before{border-top:0;border-inline-start:2px dashed var(--brass-soft)}.df-then i{transform:none}}.otr-items{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;min-height:36px}.otr-items li{position:relative;width:36px;height:36px;border-radius:10px;overflow:hidden;border:1px solid var(--linen);background:var(--paper)}.otr-steps{display:flex;justify-content:center}.otr-crop{position:relative;display:block;width:100%;height:100%;overflow:hidden}.otr-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.otr-body{margin-top:1rem;border-top:1px solid var(--linen);padding-top:1.1rem;text-align:start}.otr-result{display:block;width:100%;border-radius:14px}.df-pick{padding-top:1.6rem}.df-pills{display:flex;gap:.5rem;margin-bottom:1.2rem}.df-pill{border:1px solid var(--brass-soft);background:var(--paper);color:var(--smoke);font:inherit;font-size:.76rem;font-weight:700;border-radius:999px;padding:.35rem .95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.df-pill:hover{color:var(--oxblood)}.df-pill.on,.df-pill:hover{border-color:var(--oxblood)}.df-pill.on{background:var(--oxblood);color:var(--paper)}.df-empty{max-width:34rem;margin-inline:auto;text-align:center;padding:2.4rem 1rem;border:1.5px dashed var(--brass-soft);border-radius:18px;color:var(--smoke);font-size:.86rem;line-height:2;display:grid;gap:.6rem}.df-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}.df-prod{position:relative;display:grid;gap:.6rem;width:100%;padding:.6rem;background:var(--paper);border:1px solid var(--linen);border-radius:16px;font:inherit;text-align:start;color:var(--ink);cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s ease,box-shadow .25s ease}.df-prod:hover{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 12px 28px rgba(23,20,15,.1)}.df-prod.worn{border-color:var(--oxblood)}.df-thumb{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:10px;background:var(--linen)}.df-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.df-pmeta{display:grid;gap:.15rem;padding-inline:.1rem}.df-pmeta b{font-size:.88rem;font-weight:800}.df-pmeta i{font-style:normal;font-size:.7rem;color:var(--smoke)}.df-pmeta em{font-style:normal;font-size:.82rem;font-weight:900}.df-badge{position:absolute;top:1rem;inset-inline-start:1rem;padding:.22rem .65rem;border-radius:999px;background:rgba(23,20,15,.72);color:var(--paper);font-size:.66rem;font-weight:700;opacity:0;transition:opacity .2s ease}.df-prod:hover .df-badge{opacity:1}.df-prod.worn .df-badge{opacity:1;background:var(--oxblood)}.df-backrow{margin-top:2rem}.df-back{font-size:.82rem;font-weight:700;color:var(--smoke);text-decoration:none;border-bottom:1px dashed var(--brass);padding-bottom:.1rem;transition:color .2s ease}.df-back:hover{color:var(--oxblood)}.df-note{margin-top:2.6rem;max-width:44rem;margin-inline:auto;text-align:center;font-size:.82rem;line-height:2;color:var(--smoke)}@media (max-width:640px){.df-head{padding-block:.5rem 0}.df-crumb{margin-bottom:.3rem}.df-body{padding-block:.5rem 7.5rem}.df-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem .5rem;padding-inline:.7rem}.df-cap-slot{font-size:.6rem}.df-cap-hint,.df-cap-price{font-size:.64rem}.df-cap-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:.7rem;line-height:1.5}.df-shot{border-radius:12px}}@media (max-width:560px){.df-seller{flex-wrap:wrap}.df-seller-meta{flex-basis:100%;order:3}.df-seller-buy,.df-seller-noid{margin-inline-start:auto}}@media (max-width:480px){.df-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-tacts{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.6rem .9rem}.df-mini{display:none}.df-dock{padding-inline:.8rem}.df-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.df-slot.landed{animation:none}.df-dock,.df-pdot,.df-prod,.df-seller-buy,.df-slot,.df-total{transition:none}}@media (max-width:880px){.df-btn,.df-seller-buy,.df-sug-add{min-height:2.75rem}.df-btn,.df-crumb a,.df-sv-load{display:inline-flex;align-items:center;justify-content:center}.df-crumb a,.df-sv-load{min-width:2.75rem;min-height:2.75rem}.df-crumb a{margin-block:-.72rem}}