@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{--ink: #1a1620;--muted: #746e77;--paper: #f7f4ef;--surface: #fffdf9;--line: #ded8d2;--purple: #665775;--purple-dark: #51445f;--purple-soft: #e9e2ed;--serif: "Playfair Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:#d9d5d0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#d9d5d0}button,input,textarea{font:inherit}button{color:inherit}.app{min-height:100vh;padding:24px}.phone-shell{width:min(100%,430px);min-height:calc(100vh - 48px);margin:0 auto;background:var(--paper);overflow:hidden;box-shadow:0 28px 80px #443c3828;border-radius:28px;position:relative}.topbar{height:64px;padding:12px 18px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;border-bottom:1px solid #e5dfda;position:sticky;top:0;z-index:20;background:#f7f4eff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;cursor:pointer}.icon-button:hover{background:#ebe6e0}.wordmark{font:italic 24px var(--serif);text-align:center}.step{font-size:11px;color:var(--muted);letter-spacing:.08em;text-align:right}.hero{height:270px;color:#fff;position:relative;background:radial-gradient(circle at 65% 25%,#ac9187 0 12%,transparent 32%),linear-gradient(120deg,#342b2e,#77605c 48%,#2d2a29);overflow:hidden}.hero:before{content:"";position:absolute;inset:38px -50px -80px 130px;transform:rotate(-12deg);border-radius:60% 30% 0 0;background:linear-gradient(135deg,#dfc9bd88,#33272a);box-shadow:-120px 100px #18171999}.hero-wash{position:absolute;inset:0;background:linear-gradient(0deg,#181416b8,transparent 72%)}.hero-copy{position:absolute;left:32px;bottom:27px}.hero h1{font:italic 48px var(--serif);margin:0}.hero p{margin:4px 0 0;color:#eee6ea}.welcome-actions,.page,.detail-copy{padding:31px 28px calc(34px + env(safe-area-inset-bottom))}.kicker{margin:0 0 11px;color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.18em}h2{font:500 37px/1.07 var(--serif);letter-spacing:-.02em;margin:0 0 14px}.lede{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 26px}.button{min-height:52px;width:100%;border-radius:14px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;cursor:pointer;transition:.18s ease}.button:active{transform:scale(.985)}.button-dark{background:var(--ink);color:#fff;margin-top:22px}.button-light{background:#fff;border-color:var(--line);margin-top:11px}.button-primary{color:#fff;background:var(--purple);box-shadow:0 8px 20px #66577528}.button-primary:hover{background:var(--purple-dark)}.text-button{border:0;background:none;color:var(--purple);display:flex;align-items:center;justify-content:center;gap:6px;margin:18px auto;cursor:pointer}.welcome-actions small{color:#aaa0aa;display:block;text-align:center;font-size:10px}.apple{color:#fff;transform:scale(.8)}.google{font-weight:700;color:#4285f4}.email-box label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.email-box input{height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;margin-bottom:12px}.chip-group{border:0;margin:0 0 19px;padding:0}.chip-group legend,.slider-field label,.invite-label,.money-label{font-size:12px;font-weight:600;margin-bottom:9px;display:block}.chip-group>div{display:flex;gap:7px}.chip-group:first-of-type>div{display:grid;grid-template-columns:1fr 1fr}.chip-group button{flex:1;height:39px;border-radius:9px;background:transparent;border:1px solid var(--line);cursor:pointer}.chip-group button.active{background:var(--ink);border-color:var(--ink);color:#fff}.advanced-toggle{border:1px solid var(--line);width:100%;border-radius:11px;background:#fbf9f6;padding:13px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.advanced-toggle span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.advanced-toggle em{font-size:8px;font-style:normal;color:var(--purple);background:var(--purple-soft);border-radius:10px;padding:3px 6px;letter-spacing:.06em}.advanced-toggle svg{transition:transform .2s}.advanced-toggle svg.rotate{transform:rotate(180deg)}.measurements{border:1px solid var(--line);border-top:0;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-radius:0 0 11px 11px}.measurements label{font-size:10px;color:var(--muted);display:grid;gap:4px}.measurements input{min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.measurements p{grid-column:1 / -1;display:flex;gap:6px;font-size:10px;color:var(--muted);margin:2px 0 0}.unit-toggle{grid-column:1 / -1;display:flex;justify-content:flex-end}.unit-toggle button{border:1px solid var(--line);background:#fff;padding:3px 9px;font-size:10px}.unit-toggle .active{background:var(--ink);color:#fff}.slider-field{margin-top:24px}.slider-field input{width:100%;accent-color:var(--purple)}.slider-field>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.money-label{margin-top:22px;display:grid;grid-template-columns:1fr auto 90px;align-items:center}.money-label span{font-size:20px}.money-label input{border:0;border-bottom:1px solid var(--line);background:transparent;font-size:20px;width:80px;padding:4px}.region-card{margin:4px 0 20px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.region-card>div{display:grid;gap:3px}.region-card strong{font-size:12px}.region-card span,.region-card small{color:var(--muted);font-size:9px;line-height:1.4}.region-card>button{min-height:38px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--purple);font-size:10px;cursor:pointer}.region-card>button:disabled{opacity:.65;cursor:wait}.region-card label{grid-column:1 / -1;display:grid;gap:5px;color:var(--muted);font-size:9px}.region-card select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:var(--ink);font:inherit}.region-card small{grid-column:1 / -1}.bottom-action{margin-top:30px}.button:disabled{opacity:.7;cursor:wait}.beta-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.beta-row button{min-height:54px;border:1px solid var(--line);background:#f1ede8;color:#9c949c;border-radius:11px;font-size:11px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px}.beta-row em{width:100%;font-size:7px;letter-spacing:.13em;font-style:normal}.invite-label textarea{width:100%;height:280px;resize:vertical;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:17px;font-size:12px;line-height:1.6;color:#4c474d}.privacy-note{font-size:9px;text-align:center;color:#999097}.form-error{margin:18px 0 -14px;color:#9b3e49;font-size:10px;line-height:1.45;text-align:center}.spinner{width:16px;height:16px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fact-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px 15px}.fact{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;padding:14px 0;border-bottom:1px solid #eee9e4}.fact>span{color:var(--purple)}.fact>span svg{width:17px}.fact small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.fact strong{font-size:12px}.fact>svg{color:#aaa2aa}.edit-all{border:0;background:transparent;color:var(--purple);margin:12px auto;display:flex;gap:6px;font-size:11px;cursor:pointer}.edit-brief{display:grid;gap:11px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.edit-brief label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:600}.edit-brief input{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:var(--ink)}.edit-brief .button{margin-top:4px}.section-title{font:500 18px var(--serif);margin:28px 0 14px}.context-list{display:grid;gap:11px}.context-list article{display:grid;grid-template-columns:35px 1fr;gap:10px}.context-list article>svg{color:var(--purple);width:18px}.context-list strong{font-size:12px}.context-list p{margin:4px 0;font-size:11px;line-height:1.5;color:var(--muted)}.vibe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vibe-grid button{min-height:120px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.vibe-grid button.selected{border-color:var(--purple);background:#f1ebf3;box-shadow:inset 0 0 0 1px var(--purple)}.vibe-grid .check{width:21px;height:21px;border:1px solid #cfc7cf;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}.vibe-grid .selected .check{background:var(--purple);color:#fff}.vibe-grid strong{font-size:12px;margin-bottom:5px}.vibe-grid small{font-size:9px;line-height:1.4;color:var(--muted)}.summary-strip{margin-top:20px;border-left:2px solid var(--purple);background:#eee9e5;padding:12px;font-size:10px;color:#5f595f}.summary-strip span{display:block;font-size:7px;letter-spacing:.15em;color:var(--purple);margin-bottom:4px}.looks-list{display:grid;gap:16px}.look-card{width:100%;border:0;padding:0;border-radius:15px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 5px 18px #33293310}.look-art{height:220px;display:grid;place-items:center;position:relative;overflow:hidden}.look-rose{background:linear-gradient(140deg,#e7d9d3,#b99692);color:#a77478}.look-sage{background:linear-gradient(140deg,#d8ddd4,#87978b);color:#748679}.look-plum{background:linear-gradient(140deg,#c8b5c0,#60445e);color:#56364f}.look-art:after,.detail-hero:after,.share-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,#ffffff22)}.look-copy{padding:17px}.look-copy>span,.share-preview span{font-size:8px;letter-spacing:.16em;color:var(--purple);font-weight:700}.look-copy h3{font:500 24px var(--serif);margin:4px 0 7px}.look-copy p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.look-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid #eeeae5}.look-meta>span{font-size:9px;color:var(--muted)}.swatches{display:flex}.swatches i{width:13px;height:13px;border-radius:50%;border:1px solid #fff;margin-right:-2px}.dress-illustration{width:150px;height:190px;position:relative;filter:drop-shadow(0 12px 14px #33212d2a);z-index:2}.dress-neck{position:absolute;left:62px;top:12px;width:26px;height:27px;border:11px solid currentColor;border-bottom:0;border-radius:18px 18px 0 0}.dress-body{position:absolute;left:46px;top:30px;width:58px;height:55px;background:currentColor;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}.dress-skirt{position:absolute;left:24px;top:76px;width:102px;height:105px;background:linear-gradient(90deg,currentColor,color-mix(in srgb,currentColor 74%,white));clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);border-radius:0 0 45% 45%}.shoe{position:absolute;bottom:2px;width:28px;height:8px;border-radius:100% 30% 30% 20%;background:#786354}.shoe-one{left:-18px;transform:rotate(-12deg)}.shoe-two{right:-17px;transform:scaleX(-1) rotate(-12deg)}.detail-hero{height:355px;display:grid;place-items:center;position:relative}.detail-hero .dress-illustration{transform:scale(1.35)}.save-float{position:absolute;right:22px;bottom:20px;width:43px;height:43px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;color:var(--purple);box-shadow:0 4px 14px #2223;cursor:pointer;z-index:3}.save-float.saved{background:var(--purple);color:#fff}.product{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #e7e1dc}.product-image{width:58px;height:65px;border-radius:7px}.product>div:nth-child(2){display:grid;gap:3px}.product strong{font-size:11px}.product span,.product small{font-size:9px;color:var(--muted)}.product small{color:#618067}.product-price{text-align:right;display:grid;justify-items:end;gap:8px}.product-price svg{color:var(--purple)}.owned-title{margin-top:30px}.total{display:flex;justify-content:space-between;align-items:baseline;background:#ede7e1;padding:16px;margin-top:20px;border-radius:11px}.total span{font-size:11px}.total strong{font:500 24px var(--serif)}.detail-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:18px}.regenerate{font-size:11px}.share-preview{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.share-art{height:235px;display:grid;place-items:center;position:relative}.share-preview>div:last-child{padding:16px}.share-preview h3{font:500 23px var(--serif);margin:4px 0}.share-preview p{font-size:10px;color:var(--muted);margin:0}.copy-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:12px;padding:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;cursor:pointer}.vote-box{text-align:center;padding:23px 15px;background:#ebe4ee;border-radius:14px;margin:22px 0}.vote-box>span{font-size:7px;letter-spacing:.18em;color:var(--purple)}.vote-box h3{font:500 22px var(--serif);margin:9px 0 15px}.vote-box>div{display:flex;gap:8px}.vote-box button{flex:1;border:1px solid #b9acbd;border-radius:10px;background:#fff9;padding:11px;font-size:11px;cursor:pointer}.vote-box button.active{background:var(--purple);color:#fff}.vote-box p{font-size:9px;color:var(--muted);margin:13px 0 0}.full{margin-top:0}@media(max-width:520px){body,.app{background:var(--paper)}.app{padding:0}.phone-shell{width:100%;min-height:100vh;border-radius:0;box-shadow:none}.topbar{padding-top:max(12px,env(safe-area-inset-top));height:calc(64px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
