*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060606;--surface:#f7e6ca0a;--surface2:#f7e6ca14;--acc:#f7e6ca;--acc-dim:#f7e6ca1f;--acc-glow:#f7e6ca2e;--text:#ede8e0;--muted:#ede8e06b;--border:#f7e6ca24;--border2:#f7e6ca47;--radius:8px;--font-display:"Cormorant Garamond", serif;--font-script:"Dancing Script", cursive;--font-body:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}#root{min-height:100svh}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glimmer{0%{opacity:0;left:-60%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:110%}}@keyframes bobble{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(7px)}}@keyframes glow-pulse{0%,to{opacity:.18}50%{opacity:.32}}.glass{background:var(--surface);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius)}.glass-strong{background:var(--surface2);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border2);border-radius:var(--radius)}.section-label{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:16px;font-size:11px;display:flex}.section-label:before,.section-label:after{content:"";background:var(--border);flex:1;height:1px}.stripe{background:repeating-linear-gradient(-45deg,#0000,#0000 5px,#f7e6ca0a 5px 6px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px 60px;display:flex;position:relative;overflow:hidden}.hero-wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--acc);font-size:clamp(90px,13vw,150px);font-weight:700;line-height:1;position:relative}.hero-wordmark.loaded{animation:.8s .1s both fadeUp}.hero-tagline{font-family:var(--font-script);color:var(--acc);white-space:nowrap;margin-top:-8px;font-size:clamp(28px,4vw,52px)}.hero-tagline.loaded{animation:.8s .5s both fadeUp}.hero-subtext{font-family:var(--font-body);color:var(--muted);text-align:center;max-width:420px;margin-top:4px;font-size:16px;font-weight:300;line-height:1.6}.hero-subtext.loaded{animation:.8s .9s both fadeUp}.hero-cta-wrapper{margin-top:28px}.hero-cta-wrapper.loaded{animation:.8s 1.1s both fadeUp}.hero-scroll-cue{color:var(--muted);flex-direction:column;align-items:center;gap:6px;animation:2s ease-in-out infinite bobble;display:flex;position:absolute;bottom:32px;left:50%}.hero-scroll-label{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-family:var(--font-body)}.get-started-btn{font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(14px);color:var(--acc);border-radius:var(--radius);box-shadow:none;background:#f7e6ca1a;border:1px solid #f7e6ca4d;padding:14px 44px;font-size:15px;font-weight:500;transition:all .2s;transform:scale(1)}.get-started-btn:hover{background:#f7e6ca2e;border-color:#f7e6ca80;transform:scale(1.02);box-shadow:0 8px 32px #f7e6ca26}.side-card{border-radius:8px;width:82px;padding:7px 7px 5px;transition:all .4s}.side-card--active{opacity:1;background:#f7e6ca17;border:1px solid #f7e6ca80;transform:scale(1.1);box-shadow:0 0 28px #f7e6ca2e}.side-card--inactive{box-shadow:none;opacity:.35;background:#f7e6ca05;border:1px solid #f7e6ca1a;transform:scale(.92)}.side-card-img{object-fit:contain;object-position:center top;width:100%;height:72px;display:block}.side-card-label{text-align:center;font-size:8.5px;font-family:var(--font-body);letter-spacing:.04em;margin-top:4px;line-height:1.3}.side-card-label--active{color:var(--acc)}.side-card-label--inactive{color:var(--muted)}.viz-section{border-top:1px solid var(--border);height:500vh;position:relative}.viz-sticky{background:var(--bg);height:100vh;position:sticky;top:0;overflow:hidden}.viz-header{text-align:center;z-index:10;pointer-events:none;position:absolute;top:36px;left:0;right:0}.viz-section-label{max-width:280px;margin:0 auto 8px}.viz-sidebar{z-index:6;flex-direction:column;align-items:center;gap:12px;transition:opacity .6s;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.viz-sidebar--left{left:3%}.viz-sidebar--right{right:3%}.viz-sidebar-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px;font-family:var(--font-body);margin-bottom:2px}.viz-center-stage{z-index:5;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.viz-ambient-glow{pointer-events:none;background:radial-gradient(45% 55%,#f7e6ca1f 0%,#f7e6ca0d 40%,#0000 75%);width:180%;height:100%;animation:3s ease-in-out infinite glow-pulse;position:absolute;top:0%;left:50%;transform:translate(-50%)}.viz-model-container{width:36.84vh;height:68vh;position:relative}.viz-inner-clip{position:absolute;inset:0;overflow:hidden}.viz-model-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.viz-render{z-index:2;pointer-events:none;width:auto;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.viz-render--1{height:75.44vh;top:2.92vh}.viz-render--2{height:63.9vh;top:4.09vh}.viz-render--3{z-index:3;height:61.2vh;top:7.52vh}.viz-garment{z-index:4;pointer-events:none;filter:drop-shadow(0 6px 24px #00000080);width:auto;position:absolute;left:50%}.viz-garment--tank{height:22.41vh;top:24.29%}.viz-garment--jeans{height:33.48vh;top:50.38%}.viz-garment--sweater{height:43.34vh;top:14.6%}.viz-garment--skirt{width:16.97vh;height:18vh;top:43.59%}.viz-garment--kente{filter:drop-shadow(0 8px 32px #f78c0066);width:32.06vh;height:70vh;top:15%}.viz-outfit-label-container{text-align:center;min-height:36px;margin-top:40px}.viz-outfit-label{font-family:var(--font-script);color:var(--acc);font-size:clamp(16px,2.2vw,26px);animation:.5s fadeIn}.viz-progress-pips{z-index:10;justify-content:center;gap:8px;display:flex;position:absolute;bottom:44px;left:0;right:0}.viz-pip{border-radius:4px;height:8px;transition:all .4s}.viz-keep-scrolling{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-family:var(--font-body);transition:opacity .5s;position:absolute;bottom:24px;left:0;right:0}.waitlist-section{border-top:1px solid var(--border);text-align:center;background:#040404;flex-direction:column;align-items:center;gap:32px;padding:120px 48px;display:flex}.waitlist-form-reveal{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.waitlist-section-label{width:100%;max-width:480px}.waitlist-headline{font-family:var(--font-display);letter-spacing:-.01em;max-width:880px;color:var(--acc);text-wrap:balance;margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.15}.waitlist-headline-line{font-size:32.232px;line-height:1.25;display:block}.waitlist-description{font-family:var(--font-body);max-width:400px;color:var(--acc);font-size:16px;font-weight:300}.waitlist-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.waitlist-input{font-family:var(--font-body);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);background:#f7e6ca0d;outline:none;width:220px;padding:14px 20px;font-size:16px}.waitlist-input--email{width:260px}.waitlist-btn{font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);color:var(--acc);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:#f7e6ca1a;border:1px solid #f7e6ca59;padding:14px 36px;font-size:15px;font-weight:500;transition:all .2s}.waitlist-btn:hover{background:#f7e6ca33;transform:scale(1.02);box-shadow:0 8px 28px #f7e6ca26}.waitlist-disclaimer{color:var(--muted);font-size:13px;font-family:var(--font-body)}.waitlist-submitted{flex-direction:column;align-items:center;gap:28px;animation:.6s both fadeUp;display:flex}.waitlist-confirmation-heading{font-family:var(--font-script);color:var(--acc);font-size:52px}.waitlist-confirmation-text{color:var(--muted);font-size:18px;font-family:var(--font-body)}.waitlist-divider{background:var(--border);width:60px;height:1px}.waitlist-beta-prompt{flex-direction:column;align-items:center;gap:16px;max-width:460px;display:flex}.waitlist-beta-text{color:var(--muted);font-size:17px;line-height:1.6;font-family:var(--font-body)}.waitlist-beta-highlight{color:var(--acc);font-weight:500}.beta-btn{font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);color:var(--acc);cursor:pointer;border-radius:var(--radius);background:#f7e6ca14;border:1px solid #f7e6ca4d;padding:14px 36px;font-size:15px;font-weight:500;transition:all .2s}.beta-btn:hover{background:#f7e6ca2e;box-shadow:0 4px 20px #f7e6ca1f}.waitlist-applied{animation:.5s both fadeUp}.waitlist-applied-heading{font-family:var(--font-script);color:var(--acc);margin-bottom:8px;font-size:36px}.waitlist-applied-text{color:var(--muted);font-size:16px;font-family:var(--font-body)}.waitlist-error{color:red;font-family:var(--font-body);font-size:14px}.footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;font-family:var(--font-body);background:#040404;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 48px;display:flex}.footer-tagline{font-family:var(--font-script);color:#f7e6ca4d;font-size:16px}.btn{font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);color:var(--acc);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:#f7e6ca1a;border:1px solid #f7e6ca59;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 36px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-icon{flex-shrink:0;align-items:center;display:flex}.btn:hover:not(:disabled){background:#f7e6ca33;border-color:#f7e6ca80;transform:scale(1.02);box-shadow:0 8px 28px #f7e6ca26}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.input-field{font-family:var(--font-body);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);background:#f7e6ca0d;outline:none;width:100%;padding:14px 20px;font-size:16px;transition:border-color .2s,background .2s}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--border2);background:#f7e6ca12}.signup-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.signup-page:before{content:"";pointer-events:none;background:radial-gradient(#f7e6ca12 0%,#f7e6ca05 45%,#0000 70%);width:640px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signup-page>*{z-index:1;width:100%;max-width:440px;position:relative}.signup-wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--acc);text-align:center;margin-bottom:52px;font-size:clamp(72px,12vw,96px);font-weight:700;line-height:1}.signup-tagline{font-family:var(--font-script);color:#f7e6ca73;text-align:center;margin-bottom:18px;font-size:20px}.signup-divider{background:var(--border);height:1px;margin-bottom:6px}.signup-page input:last-of-type{margin-bottom:8px}.signup-page button+button{background:#f7e6ca0d;border-color:#f7e6ca33}.signup-page button+button:hover{background:#f7e6ca1f;border-color:#f7e6ca59;box-shadow:0 4px 20px #f7e6ca1a}.signup-error p{font-family:var(--font-body);color:#ff6b6b;text-align:center;border-radius:var(--radius);background:#ff6b6b0f;border:1px solid #ff6b6b33;padding:12px 18px;font-size:13px;line-height:1.5}.signup-success p{font-family:var(--font-body);color:var(--acc);text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:#f7e6ca0d;padding:12px 18px;font-size:13px;line-height:1.5}.signup-signin-prompt{font-family:var(--font-body);color:var(--muted);text-align:center;margin-top:6px;font-size:17px}.signup-signin-link{color:var(--acc);text-decoration:none;transition:opacity .15s}.signup-signin-link:hover{opacity:.75}.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.login-wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--acc);text-align:center;margin-bottom:52px;font-size:clamp(72px,12vw,96px);font-weight:700;line-height:1}.login-page:before{content:"";pointer-events:none;background:radial-gradient(#f7e6ca12 0%,#f7e6ca05 45%,#0000 70%);width:640px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page>*{z-index:1;width:100%;max-width:440px;position:relative}.login-page input:last-of-type{margin-bottom:8px}.login-page button+button{background:#f7e6ca0d;border-color:#f7e6ca33}.login-page button+button:hover{background:#f7e6ca1f;border-color:#f7e6ca59;box-shadow:0 4px 20px #f7e6ca1a}.login-signup-prompt{font-family:var(--font-body);color:var(--muted);text-align:center;margin-top:6px;font-size:17px}.login-signup-link{color:var(--acc);text-decoration:none;transition:opacity .15s}.login-signup-link:hover{opacity:.75}.login-error p{font-family:var(--font-body);color:#ff6b6b;text-align:center;border-radius:var(--radius);background:#ff6b6b0f;border:1px solid #ff6b6b33;padding:10px 16px;font-size:13px;line-height:1.5}.wardrobe-page{background:var(--bg);flex-direction:column;min-height:100vh;padding:80px 24px 168px;display:flex;position:relative;overflow-x:hidden}.wardrobe-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#f7e6ca0f 0%,#f7e6ca05 45%,#0000 70%);width:700px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.wardrobe-page>*{z-index:1;position:relative}.wardrobe-photo-block{flex-direction:column;align-items:center;width:100%;display:flex}.wardrobe-photo-block--result .wardrobe-model-photo{margin-bottom:16px}.wardrobe-model-photo{aspect-ratio:3/4;object-fit:cover;object-position:top center;border:1px solid var(--border2);border-radius:10px;width:clamp(220px,45%,420px);margin:0 auto 40px;display:block;box-shadow:0 16px 48px #0006}.wardrobe-model-placeholder{aspect-ratio:3/4;width:clamp(220px,45%,420px);font-family:var(--font-body);letter-spacing:.05em;color:var(--muted);cursor:pointer;background:0 0;border:1.5px dashed #f7e6ca38;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 auto 40px;font-size:14px;transition:all .2s;display:flex}.wardrobe-model-placeholder:hover{color:var(--text);background:#f7e6ca08;border-color:#f7e6ca6b}.wardrobe-empty-hint{font-family:var(--font-body);color:var(--muted);text-align:center;letter-spacing:.03em;margin:auto;font-size:13px}.wardrobe-category{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;width:100%;max-width:900px;margin:0 auto 40px;display:grid}.wardrobe-category h2{font-family:var(--font-display);color:var(--acc);letter-spacing:.01em;text-transform:capitalize;border-bottom:1px solid var(--border);grid-column:1/-1;padding-bottom:12px;font-size:clamp(22px,3vw,28px);font-weight:600}.wardrobe-item{background:var(--surface);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.wardrobe-item:hover{background:var(--surface2);border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 24px #f7e6ca14}.wardrobe-item img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.wardrobe-item img[src=""],.wardrobe-item img:not([src]){background:repeating-linear-gradient(-45deg,#0000,#0000 5px,#f7e6ca0a 5px 6px);min-height:140px}.wardrobe-item p{font-family:var(--font-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:13px;overflow:hidden}.result-actions{flex-direction:column;gap:10px;width:clamp(220px,45%,420px);display:flex}.result-actions-row{align-items:center;gap:8px;display:flex}.result-actions input{min-width:0;font-family:var(--font-body);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);background:#f7e6ca0d;outline:none;flex:1;padding:14px 18px;font-size:16px;transition:border-color .2s,background .2s}.result-actions input::placeholder{color:var(--muted)}.result-actions input:focus{border-color:var(--border2);background:#f7e6ca12}.result-actions button{font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;color:var(--acc);cursor:pointer;border-radius:var(--radius);background:#f7e6ca1a;border:1px solid #f7e6ca59;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.result-actions button:hover{background:#f7e6ca33;border-color:#f7e6ca80}.result-actions-row button{flex-shrink:0;padding:14px 16px}.result-actions-buttons{gap:8px;display:flex}.result-actions-buttons button{text-align:center;flex:1;padding:12px 16px}.page-nav-toggle{z-index:140;background:var(--acc);border:1px solid var(--acc);width:44px;height:44px;color:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:fixed;top:76px;right:32px;box-shadow:0 6px 20px #f7e6ca40}.page-nav-toggle svg{width:20px;height:20px}.page-nav-toggle:hover{transform:scale(1.08);box-shadow:0 8px 28px #f7e6ca66}@media (width<=480px){.page-nav-toggle{width:40px;height:40px;top:72px;right:24px}.page-nav-toggle svg{width:18px;height:18px}}.wardrobe-bottom-bar{z-index:100;background:linear-gradient(to top, var(--bg) 55%, transparent);flex-direction:column;align-items:center;gap:12px;padding:16px 24px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.wardrobe-fab{width:52px;height:52px;font-family:var(--font-body);-webkit-backdrop-filter:blur(18px);color:var(--acc);cursor:pointer;background:#f7e6ca1f;border:1px solid #f7e6ca66;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:300;line-height:1;transition:all .2s;display:flex}.wardrobe-fab:hover{background:#f7e6ca38;border-color:#f7e6ca8c;transform:scale(1.08);box-shadow:0 8px 32px #f7e6ca33}.wardrobe-btn-generate{font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(18px);color:var(--acc);cursor:pointer;white-space:nowrap;background:#f7e6ca24;border:1px solid #f7e6ca73;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:11px 48px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.wardrobe-btn-generate:hover:not(:disabled){background:#f7e6ca38;border-color:#f7e6ca99;transform:scale(1.02);box-shadow:0 6px 24px #f7e6ca2e}.wardrobe-btn-generate:disabled{opacity:.55;cursor:not-allowed}.generate-spinner{border:2px solid #f7e6ca40;border-top-color:var(--acc);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.wardrobe-segment{background:#f7e6ca0d;border:1px solid #f7e6ca26;border-radius:100px;align-items:center;padding:3px;display:flex}.wardrobe-segment-btn{font-family:var(--font-body);letter-spacing:.05em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex:1;padding:10px 24px;font-size:13px;font-weight:500;transition:color .2s,background .2s,box-shadow .2s}.wardrobe-segment-btn--active{color:var(--acc);background:#f7e6ca24;box-shadow:0 1px 6px #00000059}.wardrobe-segment-btn:not(.wardrobe-segment-btn--active):hover{color:var(--text)}.wardrobe-item--selectable{cursor:pointer}.wardrobe-item--selected{border-color:var(--border2);background:var(--surface2);box-shadow:0 0 0 1px #f7e6ca33,0 4px 16px #f7e6ca14}.wardrobe-item--disabled{opacity:.3;filter:grayscale(.5);pointer-events:none;cursor:default}.wardrobe-item-check{z-index:2;-webkit-backdrop-filter:blur(4px);background:#0606068c;border:1.5px solid #f7e6ca80;border-radius:50%;width:20px;height:20px;transition:background .15s,border-color .15s;position:absolute;top:8px;left:8px}.wardrobe-item-check--checked{background:var(--acc);border-color:var(--acc)}.wardrobe-item-check--checked:after{content:"✓";color:#060606;font-size:11px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border2);background:#0a0908f0;border-radius:12px;flex-direction:column;gap:14px;width:min(440px,100vw - 48px);max-height:calc(100vh - 80px);padding:32px 28px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0009}.modal-close{width:28px;height:28px;font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;padding:0;font-size:14px;line-height:1;transition:color .2s,border-color .2s,background .2s;position:absolute;top:14px;right:16px}.modal-close:hover{color:var(--acc);border-color:var(--border);background:#f7e6ca0f}.modal-upload-area{border-radius:var(--radius);cursor:pointer;border:1.5px dashed #f7e6ca38;justify-content:center;align-items:center;width:100%;padding:36px 20px;transition:border-color .2s,background .2s;display:flex;position:relative}.modal-upload-area:hover{background:#f7e6ca08;border-color:#f7e6ca6b}.modal-upload-area:hover .modal-upload-hint{color:var(--text)}.modal-upload-hint{font-family:var(--font-body);letter-spacing:.05em;color:var(--muted);pointer-events:none;font-size:14px;transition:color .2s}.modal-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.modal-file-input::file-selector-button{display:none}.modal-preview{border-radius:var(--radius);border:1px solid var(--border);background:#00000080;width:100%;overflow:hidden}.modal-preview img{object-fit:contain;width:100%;max-height:320px;display:block}.modal-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.modal-input{font-family:var(--font-body);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);background:#f7e6ca0d;outline:none;width:100%;padding:14px 20px;font-size:16px;transition:border-color .2s,background .2s}.modal-input::placeholder{color:var(--muted)}.modal-input:focus{border-color:var(--border2);background:#f7e6ca12}.modal-select{font-family:var(--font-body);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;appearance:none;background:#f7e6ca0d;outline:none;width:100%;padding:14px 20px;font-size:16px;transition:border-color .2s,background .2s}.modal-select:focus{border-color:var(--border2);background:#f7e6ca12}.modal-select option{color:var(--text);background:#111}.modal-submit{font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(14px);color:var(--acc);cursor:pointer;border-radius:var(--radius);background:#f7e6ca1a;border:1px solid #f7e6ca59;width:100%;margin-top:4px;padding:14px 36px;font-size:15px;font-weight:500;transition:all .2s}.modal-submit:hover{background:#f7e6ca33;border-color:#f7e6ca80;transform:scale(1.02);box-shadow:0 8px 28px #f7e6ca26}.modal-submit:disabled{opacity:.4;cursor:not-allowed}.modal-submit:disabled:hover{background:initial;border-color:initial;box-shadow:none;transform:none}.navbar{z-index:150;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#060606bf;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--acc);-webkit-user-select:none;user-select:none;font-size:22px;font-weight:700}.navbar-logout .btn{width:auto;padding:8px 20px;font-size:13px}.image-expand-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);cursor:zoom-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-expand-content{cursor:default;display:inline-flex;position:relative}.image-expand-img{object-fit:contain;border:1px solid var(--border2);cursor:default;border-radius:10px;width:80vw;max-height:85vh;box-shadow:0 24px 64px #0009}.image-expand-delete{z-index:1;-webkit-backdrop-filter:blur(10px);width:36px;height:36px;color:var(--acc);cursor:pointer;background:#060606a6;border:1px solid #f7e6ca59;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.image-expand-delete svg{width:17px;height:17px}.image-expand-delete:hover{color:#fff;background:#c44040d9;border-color:#c44040e6;transform:scale(1.08)}.lookbook-page{padding-bottom:80px}.lookbook-title{font-family:var(--font-display);color:var(--acc);letter-spacing:.01em;text-align:center;margin:0 auto 32px;font-size:clamp(26px,4vw,34px);font-weight:600}.lookbook-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:900px;margin:0 auto;display:grid}@media (width>=640px){.lookbook-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.lookbook-card img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}