:root{color-scheme:dark;--navy:#13273f;--cream:#e8d8c3;--wine:#4e0000;--green:#e8d8c3;--muted:#a8b4c4;--line:#d7deed21;color:#f1e8dc;background:#0b1728;font-family:'Segoe UI',Arial,sans-serif}body{background:radial-gradient(ellipse at 90% 0,#29445d88,transparent 52%),radial-gradient(ellipse at 25% 85%,#4e00004a,transparent 40%),#0b1728;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#d8e6f506,transparent 40%);z-index:-1}h1,h2,h3{color:#f0e4d3}h1,h2{font-family:Georgia,'Times New Roman',serif}h1{font-size:48px;letter-spacing:-1.8px}em{font-weight:400;color:#d4b6a2}.muted{color:var(--muted)}.eyebrow{color:#baa890;font-size:9px;letter-spacing:2.5px}.logo{display:flex;gap:0;color:#f3e7d7;font-family:Georgia,serif;font-size:38px;letter-spacing:-2px;font-weight:400}.logo span{font-style:italic;color:#d2b8a0}.sidebar{width:222px;padding:34px 23px;background:linear-gradient(165deg,#1c3148a1,#101e32c9);border-right:1px solid #c2cdd71c;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.nav{margin-top:62px;gap:9px}.nav button{color:#a9b8c7;padding:14px 13px;transition:all .18s;font-size:12px}.nav button:hover{background:#ffffff08;color:#f2e7d8}.nav button.active{background:linear-gradient(110deg,#e8d8c321,#e8d8c309);border:1px solid #e8d8c334;color:#f0dfc8;font-weight:500;box-shadow:inset 0 1px #fff1,0 5px 20px #0001}.sidebar-foot{border-color:#d5dfeb1a}.sidebar-foot .privacy{font-size:10px;color:#c6bda9}.sidebar-foot .muted{color:#8e9cad;font-size:10px}.sidebar .link{color:#d2b99d;font-size:11px}.main{margin-left:222px;max-width:none;padding:26px 43px 60px}.topbar{border-color:#d7dfed18;padding-bottom:21px;margin-bottom:28px}.topbar .eyebrow{font-size:8px;letter-spacing:3px}.topbar .small{font-size:10px;color:#99a8bc}.avatar{background:#ffffff09;border:1px solid #c4d3e328;color:#e8d8c3;width:34px;height:34px}.heading{margin:30px 0 25px}.heading h1{margin:6px 0 10px}.heading p{font-size:12px}.primary,.secondary,.danger{border-radius:10px;padding:12px 18px;min-height:44px;font-size:12px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s}.primary{color:#192b40;background:linear-gradient(130deg,#f0e2cf,#d7bfa6);border:1px solid #eee0cf;box-shadow:0 4px 18px #0002,inset 0 1px #fff5}.primary:hover{background:#f6ead9;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.secondary{background:linear-gradient(130deg,#ffffff0e,#ffffff04);border:1px solid #d6dfec32;color:#d9dfe5;box-shadow:inset 0 1px #fff1}.secondary:hover{background:#ffffff15}.danger{background:#641b254d;color:#f1b1aa;border:1px solid #ab55664a}.link{color:#cdb598;font-size:12px}input,select{color:#f0e7dc;background:#0c1c30b0;border:1px solid #a2b3cc35;border-radius:9px;font-size:13px;padding:11px;min-height:43px}input::placeholder{color:#7e8fa4}select option{background:#13273f;color:#f1e8dc}label{color:#c9cfd5;font-size:12px}input:focus,select:focus{outline:2px solid #b39a78;outline-offset:2px}input[type=checkbox]{accent-color:#cdb497}.hero{border-radius:22px;grid-template-columns:1.15fr 1fr;min-height:280px;border:1px solid #cfdeed32;background:radial-gradient(ellipse at 85% 15%,#738a9e26,transparent 60%),linear-gradient(120deg,#1f3852a1,#13273f8a 60%,#4e00004f);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px #fff1,0 20px 60px #0002;overflow:hidden;position:relative;margin-bottom:23px}.hero-copy{padding:32px 36px;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:3px;color:#c7b298}.hero h2{font-size:47px;line-height:1.06;letter-spacing:-1.6px;margin:15px 0 14px}.hero p{color:#aebdcb;max-width:350px;font-size:12px;margin-bottom:20px}.hero .primary{background:linear-gradient(120deg,#681e2a,#4e0000);color:#f3e2d4;border-color:#a36c604d;box-shadow:inset 0 1px #ffd7c522,0 5px 20px #16000033}.hero .primary:hover{background:#762335}.hero-art{padding:26px;background:radial-gradient(ellipse at center,#b1a99713,transparent 70%)}.hero-art:before{content:'';position:absolute;width:248px;height:248px;border:1px solid #d2bc9d2b;border-radius:50%;z-index:-1}.hero-art:after{content:'';position:absolute;width:295px;height:295px;border:1px solid #d2bc9d12;border-radius:50%;z-index:-1}.mini-garment{width:145px;height:183px;background:linear-gradient(145deg,#d8d1c4,#ebe5da);border:7px solid #fff3;border-radius:12px;box-shadow:0 20px 35px #0005;transform:rotate(-10deg) translateY(-8px)}.mini-garment+.mini-garment{transform:rotate(12deg) translateY(8px);background:linear-gradient(120deg,#c7c7b7,#e0dccf);margin-left:-5px}.mini-garment svg{height:143px;width:120px}.art-caption{font-size:7px;letter-spacing:3px;color:#b1a28c;bottom:18px}.wardrobe-summary{display:flex;align-items:center;gap:32px;padding:0 3px 21px;margin-bottom:23px;border-bottom:1px solid var(--line)}.wardrobe-summary>div{display:flex;align-items:baseline;gap:9px}.wardrobe-summary strong{font-family:Georgia,serif;font-weight:400;color:#e4d4bf;font-size:26px}.wardrobe-summary span{font-size:10px;color:#93a2b5}.wardrobe-summary .summary-note{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:9px;color:#ad9b83;letter-spacing:.3px}.summary-note .icon{width:13px;height:13px}.tabs{gap:6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.chip{background:#fff3;border-color:transparent;color:#c8d0da;font-size:11px;padding:9px 13px}.tabs .chip{background:#ffffff05;border:1px solid #c5d0dd18;color:#9dacbd}.chip.selected,.tabs .chip.selected{background:#e8d8c319;border-color:#e8d8c349;color:#e8d8c3}.chip:hover{background:#ffffff13}.search{border-radius:22px;background:#ffffff05;border-color:#b2c4d524;min-height:38px;font-size:11px;width:195px}.tools{gap:13px;margin-bottom:17px}.section-label{font-size:9px;letter-spacing:.5px;color:#8c9bae;margin:8px 0 19px}.grid{gap:23px 17px}.card{padding:8px 8px 16px;border:1px solid #e8d8c31c;border-radius:16px;background:linear-gradient(145deg,#e1edff0c,#e1edff03);box-shadow:inset 0 1px #fff08,0 6px 18px #0001;transition:transform .2s,border .2s}.card:hover{transform:translateY(-4px);border-color:#e8d8c34d;box-shadow:0 15px 30px #0003}.photo{border-radius:10px;aspect-ratio:1/1.08;background:radial-gradient(ellipse at 50% 30%,#e8e3d8,#c6c5b8)}.card:nth-child(3n+2) .photo{background:radial-gradient(ellipse at 50% 30%,#ded2c5,#b7a898)}.card:nth-child(3n) .photo{background:radial-gradient(ellipse at 50% 30%,#d4dce1,#a9b6bf)}.photo svg{filter:drop-shadow(3px 12px 6px #18232422);height:76%;width:83%}.photo img{background:#e9e5dc}.card h3,.card p{padding:0 6px}.card h3{font-size:12px;color:#e5dbcd;margin:12px 0 6px;font-weight:500}.card p{font-size:10px;color:#96a4b7}.tag{font-size:7px;letter-spacing:1px;color:#263b4c;background:#f7f1e5cf;border-radius:5px;padding:5px 7px}.empty{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;text-align:left;padding:32px 42px;border:1px solid #c9d6e124;border-radius:20px;background:linear-gradient(130deg,#ffffff09,#ffffff02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.empty-collection{display:flex;justify-content:center;padding:20px 0}.empty-piece{width:90px;height:117px;background:linear-gradient(145deg,#e6ddcf,#c8beac);border:5px solid #ffffff39;border-radius:8px;box-shadow:0 10px 20px #0003;transform:rotate(-12deg)}.empty-piece svg{width:100%;height:100%}.empty-piece:nth-child(2){transform:rotate(1deg) translateY(-14px);z-index:1;margin:0 -9px}.empty-piece:nth-child(3){transform:rotate(12deg)}.empty h2{font-size:29px;margin:10px 0}.empty p{font-size:12px;color:#98a8ba;margin:0 0 15px;max-width:390px}.empty .eyebrow{font-size:8px;letter-spacing:2px}.empty .primary{font-size:11px;min-height:40px}.empty .link{font-size:11px}.empty:not(:has(.empty-collection)){display:block;text-align:center}.empty:not(:has(.empty-collection)) p{margin-left:auto;margin-right:auto}.banner{background:#d6ddeb09;border:1px solid #b3c0d124;color:#a6b5c7;border-radius:12px;font-size:11px;padding:12px 16px}.banner .link{font-size:11px}.panel,.outfit,.filters{border:1px solid #d3d9e52b;border-radius:18px;background:linear-gradient(145deg,#ffffff0d,#ffffff03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff09,0 10px 28px #0001}.filters{padding:23px}.outfit{padding:18px}.outfit h3{font-weight:500}.outfit-images .photo{aspect-ratio:1/1.32}.outfit ul{color:#a8b7c7}.panel p{color:#a8b7c7}.panel h2{color:#e8d8c3}.fashion-quote{margin:25px 0 0;padding:24px 0;text-align:center;border-top:1px solid #d7dfed1a}.fashion-quote blockquote{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.5;font-style:italic;color:#cbb99f}.fashion-quote figcaption{margin-top:9px;font-size:9px;letter-spacing:2px;text-transform:uppercase}.fashion-quote a{color:#91a0b2;text-decoration:none}.fashion-quote a:hover{color:#e8d8c3}.fashion-quote a span{font-size:11px;margin-left:4px}.page-quote{margin-top:34px}.compact-quote blockquote,.loading-quote blockquote{font-size:20px}.gate{background:radial-gradient(ellipse at 80% 20%,#314b644a,transparent 60%)}.gate-form{background:transparent;padding:35px clamp(30px,7vw,110px)}.gate .logo{margin-bottom:38px;font-size:48px}.gate h1{font-size:65px;line-height:1.05;letter-spacing:-2.2px;margin:14px 0 20px}.gate h1 em{font-style:italic;color:#cbb597}.gate-form>p{font-size:13px}.gate form{margin-top:10px}.gate .lock-note{font-size:10px;line-height:1.6;max-width:400px;color:#8998ac;margin:17px 0}.gate #try-demo{max-width:400px}.gate #restore-gate{max-width:400px;font-size:11px}.gate-visual{background:radial-gradient(ellipse at 90% 80%,#650e1c55,transparent 58%),linear-gradient(145deg,#ffffff05,#ffffff00);border-left:1px solid #e8d8c31c;padding:40px}.gate-visual .hero-art{min-height:330px}.gate-visual .hero-art:before{width:300px;height:300px}.gate-visual .hero-art:after{width:365px;height:365px}.gate-visual .mini-garment{width:176px;height:222px}.gate-visual .fashion-quote{max-width:430px;border:0;margin:0;padding:20px 0}.gate-visual .fashion-quote blockquote{font-size:34px;line-height:1.3}.gate-visual>p{color:#8194a9;font-size:11px;margin:14px 0}.gate .art-caption{display:none}.error{color:#f3a6a6}dialog{background:linear-gradient(135deg,#23394df5,#111f33fc);color:#efe5d7;border:1px solid #e8d8c34a;box-shadow:0 40px 100px #0007,inset 0 1px #fff2;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:20px;max-height:90dvh}dialog::backdrop{background:#050c1ab8;backdrop-filter:blur(8px)}fieldset{border-color:#c4d0df29}legend{color:#c7b69e}.editor-photo{background:#e9e3d8}.modal-foot .danger{font-size:11px}#toast{background:#e8d8c3;color:#192b40;box-shadow:0 10px 35px #0005;font-size:12px}.loading-state{text-align:center;padding:24px 10px}.loading-state h2{margin:18px 0;font-size:29px}.loading-state>p{font-size:13px}.loading-state .loading-orbit{display:block;margin:0 auto 28px}.loading-orbit{display:inline-block;width:44px;height:44px;border:1px solid #e8d8c324;border-top:2px solid #d6b897;border-radius:50%;animation:orbit 1.2s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.boot-screen .logo{margin-bottom:25px}.boot-screen blockquote{font:italic 24px Georgia,serif;text-align:center;padding:0 20px;margin:15px 0 0}.boot-screen>p{font-size:11px;letter-spacing:2px;color:#b6a589}.profile-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.profile-layout .form-grid{align-content:start}.profile-aside{text-align:center}.profile-aside>p{font-size:12px}.profile-aside .look-illustration{height:270px;margin:0 auto 20px}.look-illustration{display:flex;flex-direction:column;align-items:center;padding:12px;background:radial-gradient(ellipse at 50% 40%,#8a96a719,transparent 68%);border-radius:12px}.look-illustration svg{height:280px;width:190px;max-width:100%;flex-shrink:1;min-height:0}.look-illustration>span{font-size:9px;margin-top:8px}.sketch-toggle{border-top:1px solid #c2d0df1c;border-bottom:1px solid #c2d0df1c;margin:0 0 18px;padding:10px 0}.sketch-toggle summary{font-size:11px;color:#c7b296;cursor:pointer}.sketch-toggle summary span{float:right}.sketch-toggle .look-illustration{margin-top:8px}.sketch-toggle>p{text-align:center;font-size:10px;margin-bottom:3px}.checkbox-row{display:flex;align-items:center;gap:12px;line-height:1.5}.checkbox-row input{min-height:18px;width:18px}.profile-layout #profile-status{padding-left:12px;color:#d7c5a8}.scanner-stage{position:relative;background:#070f1b;border-radius:13px;overflow:hidden;min-height:195px;margin:18px 0;border:1px solid #d7dfed20}.scanner-stage video{width:100%;height:230px;object-fit:cover;display:block}.scanner-stage p{position:absolute;bottom:0;left:0;right:0;padding:10px 15px;margin:0;background:#091321db;color:#d8cbbb;font-size:11px;text-align:center}.scan-frame{position:absolute;top:20%;left:15%;width:70%;height:45%;border:1px solid #dec5a4;border-radius:10px;box-shadow:0 0 0 90px #0002;pointer-events:none}.scan-actions{margin:14px 0;flex-wrap:wrap}#barcode-form{align-items:end;margin:20px 0}#barcode-form label{flex:1;min-width:0}#barcode-form input{width:100%}.barcode-product{display:flex;gap:18px;padding:16px;background:#ffffff07;border:1px solid #d9e4ef22;border-radius:13px}.barcode-product img{width:95px;height:120px;object-fit:contain;border-radius:8px;background:#e8e1d5}.barcode-product h3{font-size:14px;margin:7px 0}.barcode-product p{font-size:11px}.seam{fill:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d0b799;outline-offset:4px}
@media(min-width:1500px){.main{padding:28px 60px 65px}.hero-copy{padding:36px 42px}.hero h2{font-size:53px}.hero-art .mini-garment{width:170px;height:205px}.hero-art .mini-garment svg{width:140px;height:165px}.hero{min-height:305px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px) and (min-width:761px){.sidebar{width:185px;padding:30px 17px}.main{margin-left:185px;padding:24px}.hero h2{font-size:40px}.hero-copy{padding:28px}.hero-art .mini-garment{width:110px;height:145px}.mini-garment svg{width:90px;height:115px}.profile-layout{grid-template-columns:1fr}.profile-aside{display:none}.empty{padding:25px}.empty-piece{width:72px;height:95px}}
@media(max-width:760px){.sidebar{width:100%;background:#10243bdd;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid #d2c5b42b;border-right:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.nav{margin:0;gap:3px}.nav button{padding:9px 2px;font-size:9px;gap:6px}.nav button.active{border:0;background:#e8d8c319;box-shadow:none}.nav .icon{width:17px;height:17px}.main{margin:0;padding:18px 19px 110px}.topbar{margin-bottom:23px;padding-bottom:18px}.mobile-logo .logo{font-size:31px;letter-spacing:-1.5px}.heading{margin:22px 0 23px;flex-wrap:wrap;gap:18px}.heading h1{font-size:37px;margin-bottom:8px}.heading p{font-size:11px}.heading-actions{width:100%;gap:9px}.heading-actions button{flex:1;min-height:43px;font-size:11px;padding:10px}.heading-actions .icon{width:16px}.hero{grid-template-columns:1.13fr .75fr;min-height:244px;border-radius:18px;margin-bottom:20px}.hero-copy{padding:25px 0 24px 22px}.hero h2{font-size:32px;letter-spacing:-1.1px;margin:12px 0}.hero p{font-size:10px;line-height:1.6;max-width:178px;margin-bottom:17px}.hero .eyebrow{font-size:7px;letter-spacing:2.1px}.hero .primary{font-size:10px;padding:9px 11px;min-height:37px}.hero-art{display:flex;padding:10px 0;overflow:hidden}.hero-art:before{width:190px;height:190px}.hero-art:after{width:230px;height:230px}.hero-art .mini-garment{position:absolute;width:92px;height:120px;border-width:5px;transform:rotate(-13deg) translate(-3px,-35px)}.hero-art .mini-garment+.mini-garment{transform:rotate(12deg) translate(18px,41px);margin:0}.hero-art .mini-garment svg{width:80px;height:94px}.art-caption{display:none}.wardrobe-summary{gap:22px;padding-bottom:19px;margin-bottom:19px}.wardrobe-summary strong{font-size:23px}.wardrobe-summary span{font-size:9px}.wardrobe-summary .summary-note{font-size:0;gap:0}.summary-note .icon{width:14px;height:14px}.tools{gap:13px}.tabs{flex-wrap:nowrap;gap:5px;overflow-x:auto}.tabs .chip{font-size:10px;padding:9px 12px;white-space:nowrap}.search{width:100%;font-size:13px;min-height:42px}.grid{gap:15px 10px}.card{padding:6px 6px 13px;border-radius:13px}.card .photo{aspect-ratio:1/1.13}.card h3{font-size:11px;padding:0 4px;line-height:1.5}.card p{font-size:9px;padding:0 4px}.tag{left:7px;top:7px;font-size:7px;padding:4px 5px}.section-label{font-size:9px;margin-bottom:16px}.empty{display:flex;flex-direction:column;text-align:center;padding:24px 20px;gap:5px}.empty-collection{padding:15px 0}.empty-piece{width:65px;height:87px}.empty h2{font-size:27px}.empty p{font-size:11px}.empty .primary{min-height:42px}.empty .eyebrow{font-size:7px}.fashion-quote{padding:22px 8px}.fashion-quote blockquote{font-size:20px}.fashion-quote figcaption{font-size:8px}.page-quote{margin-top:26px}.banner{font-size:10px;padding:11px 13px;line-height:1.7}.banner .link{font-size:10px}.filters{padding:18px;gap:14px}.filters select{font-size:13px}.outfit{padding:15px}.outfit-images .photo{aspect-ratio:1/1.4}.outfit h3{font-size:14px}.gate-form{padding:30px 25px}.gate .logo{font-size:42px;margin-bottom:40px}.gate h1{font-size:53px}.gate-form>p{font-size:12px}.gate input{font-size:16px}.gate-visual{display:flex;background:transparent;border:0;padding:0 25px 30px}.gate-visual .eyebrow,.gate-visual .hero-art,.gate-visual>p{display:none}.gate-visual .fashion-quote{padding:20px 0;border-top:1px solid var(--line)}.gate-visual .fashion-quote blockquote{font-size:25px}.profile-layout{grid-template-columns:1fr;gap:18px}.profile-aside .look-illustration{height:220px}.profile-layout .form-grid{gap:15px}.profile-layout select{font-size:13px}.profile-aside{padding:22px}.checkbox-row{font-size:11px}.profile-layout .full .primary{width:100%}.profile-layout #profile-status{display:block;padding:10px 0 0}.panel{padding:22px}.scanner-stage video{height:210px}.scan-actions button{font-size:11px;padding:10px 11px;flex:1}#barcode-form{gap:8px}#barcode-form button{font-size:11px;padding:11px}dialog{padding:20px}.loading-state h2{font-size:25px}.loading-state .fashion-quote{padding:20px 0}.barcode-product{gap:12px;padding:12px}.barcode-product img{width:65px;height:95px}.barcode-product h3{font-size:12px}.barcode-product .primary{font-size:11px}input,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.profile-layout select,.filters select{font-size:16px}}
.account-shell{max-width:760px;margin:0 auto;padding:55px 26px 80px}.account-shell>.logo{margin-bottom:45px}.account-shell h1{font-size:52px}.account-shell .panel{margin:24px 0}.account-shell .eyebrow{display:block;margin-bottom:16px}.account-shell .stack{max-width:520px}.account-shell select,.account-shell input:not([type=checkbox]){width:100%}.account-shell [hidden]{display:none!important}.divider{margin:22px 0;color:var(--muted)}.wrap{flex-wrap:wrap}.admin-members{display:grid;gap:20px;margin-bottom:24px}.admin-members h2{overflow-wrap:anywhere}.invite-row{display:flex;justify-content:space-between;align-items:center}.activity-entry{border-bottom:1px solid var(--line);padding:15px 0}.activity-entry summary{cursor:pointer;font-size:13px}.activity-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:320px;overflow:auto}#invite-result{overflow-wrap:anywhere}#invite-link{width:100%}#style-form{margin-top:22px}.account-shell p{color:var(--muted)}@media(max-width:760px){.account-shell{padding:30px 22px}.account-shell h1{font-size:40px}.account-shell .form-grid{grid-template-columns:1fr}.nav button{font-size:8px}.nav{gap:0}.row.wrap button{width:100%}}