:root{--paper:#f4f0e8;--ink:#29251f;--muted:#756b5e;--line:#ddd4c5;--green:#29251f;--soft:#e9e2d6;--gold:#dfc399;--wood:#735238}body.beta{background:var(--paper);color:var(--ink);font-size:15px}.beta button,.beta input,.beta select{min-height:44px}.beta .small{font-size:13px;line-height:1.7}.beta .primary{background:#29251f;border-color:#29251f;color:#fffaf0;border-radius:28px;padding:15px 26px;font-size:14px}.beta .secondary{border-color:#c5b69e;color:#443a2c;background:#faf6ed;border-radius:24px;font-size:13px}.beta .text{color:inherit;font-size:13px}.beta header{max-width:none;padding:22px clamp(20px,4vw,72px);border:0;background:#f4f0e8;position:relative;z-index:2}.beta .brand{font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px;display:flex;gap:12px;align-items:center}.beta .brand span{font:10px Arial;letter-spacing:1.2px;margin:0;border:1px solid #aa987d;border-radius:16px;padding:6px 9px}.beta h1,.beta h2,.beta h3{font-family:'Libre Caslon Display',Georgia,serif}.beta h2{font-size:clamp(32px,4vw,48px)}.beta .eyebrow{color:#8b7554;font-size:10px;letter-spacing:1.7px}.beta main{max-width:1440px;padding:12px clamp(18px,4vw,64px) 0}.beta nav{margin-top:14px;gap:26px;border-color:#d9cfbf}.beta nav button{font-size:14px;padding:16px 0;color:#817461}.beta nav .active{color:#29251f;border-bottom-color:#765a35}.beta #count{background:#e3d9c7;color:#463b2e}.beta .accountmenu{font-size:12px;color:#786d60;padding:6px 0}.beta .accountmenu>summary{cursor:pointer}.beta .accountmenu .pilottoolbar{padding:12px 0;flex-wrap:wrap}.beta #journeyStepLabel{margin-top:25px}.beta #connectionNotice{background:#e9e2d6;color:#655745;border-color:#d5c9b5}.beta .sectionhead{margin-bottom:24px}.beta .sectionhead p:not(.eyebrow){font-size:14px}.beta .filters{gap:8px;margin:20px 0;flex-wrap:wrap}.beta .filters button{padding:10px 17px;background:#eae2d5;color:#655440;border:0;font-size:13px;border-radius:25px}.beta .filters .selected{background:#29251f;color:#fff7e9}.beta .actions{flex-wrap:wrap}
/* The entrance is a real room that fills the viewport, with readable copy on glass. */
.beta:has(#joinStep:not([hidden])){background:#241d15}.beta:has(#joinStep:not([hidden]))>header{position:absolute;top:0;left:0;width:100%;color:#fff5df;background:linear-gradient(#17140dc9,transparent)}.beta:has(#joinStep:not([hidden])) .brand{color:#fff5df}.beta:has(#joinStep:not([hidden])) header .text{color:#fff5df}.beta #joinStep.beta-welcome{max-width:none;width:100%;min-height:100svh;margin:0;padding:clamp(130px,18vh,220px) clamp(24px,8vw,150px) 90px;display:flex;align-items:center;position:relative;isolation:isolate;color:#fff5e3;overflow:hidden}.entrance-scene{position:absolute;inset:0;background:url('/beta/wardrobe-room-v3.webp') center/cover no-repeat;z-index:-2;transition:transform .6s ease,filter .6s ease}.entrance-scene.opening{transform:scale(1.045);filter:brightness(1.15)}.beta-welcome:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#130f08c9 0%,#19120872 45%,#1f170b0d 85%)}.welcome-copy{max-width:730px;padding:24px 0}.beta .welcome-copy h1{font-size:clamp(58px,7.2vw,108px);line-height:1;letter-spacing:-2px;margin:18px 0 26px;color:#fff5e3}.beta .welcome-copy h1 em{font-style:normal;color:#fff5e3}.beta .welcome-copy .eyebrow{color:#e1cda8}.beta .beta-lead{font-size:clamp(18px,2vw,25px);line-height:1.5;margin:0 0 32px;color:#f3e8d4}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.beta .welcome-actions .primary{background:#dfc399;color:#292219;border-color:#dfc399;min-height:56px;padding:15px 30px;border-radius:8px;font-size:16px}.beta .welcome-actions .secondary{background:transparent;color:#fff5df}.beta .beta-guide{color:#fff3dc;min-height:52px}.beta .welcome-beta-note{max-width:460px;margin:30px 0 15px;color:#e7d9c4;font-size:14px;line-height:1.7}.beta .welcome-limits,.beta #joinStatus{color:#cebea7;font-size:12px;line-height:1.7}.beta #profileStep{max-width:600px;margin:40px auto;padding:24px}.beta .pilotstep label,.beta .pilotstep fieldset{margin:18px 0}.beta .pilotstep .radiochoice{display:flex;gap:10px;align-items:center}.beta input[type=radio],.beta input[type=checkbox]{accent-color:#7b5c31;min-height:20px;width:20px;height:20px;flex-shrink:0}
/* Each category gets its own illuminated compartment. Only user-owned pieces are inserted. */
.garment-preparation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 24px}.garment-preparation p{flex:1;min-width:220px;margin:0;font-size:13px;color:#776853;line-height:1.6}.wardrobe-rack{border:10px solid #654930;border-bottom-width:18px;border-radius:4px;background:#684b33;box-shadow:0 15px 45px #54402426;overflow:hidden}.rack-heading{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;color:#f4e3c8;background:#654930;font-size:12px}.rack-heading>span:first-child{font-size:10px;letter-spacing:2px}.beta #grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;background:#654930}.beta #grid:empty{display:none}.beta #grid .closet-category{padding:0;min-height:0;overflow:hidden;background:linear-gradient(90deg,#e9dfcf,#fbf7ed 20%,#faf5ea 80%,#e6d9c7);box-shadow:inset 0 10px 25px #a1834824}.closet-category-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 12px;position:relative}.closet-category-title:before{content:'';position:absolute;top:4px;left:6%;right:6%;height:2px;background:#ffe1a1;box-shadow:0 0 14px 4px #ebbb6560}.closet-category-title h3{font:20px Georgia,serif;margin:0;color:#654930}.closet-category-title>span{font-size:12px;color:#8d775b}.category-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:transparent;gap:0}.category-Top,.category-Trouser{grid-column:auto}.category-Top .category-pieces:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.beta #grid .wardrobe-bay{background:transparent;padding:8px 16px 0;border:0;border-radius:0;position:relative;min-width:0;color:#493c2c}.bay-light,.bay-rail{display:none}.bay-hanger{width:75%;height:40px;display:block;margin:0 auto;color:#a18362}.bay-shelf-space{height:40px}.garment-ready .bay-hanger{visibility:hidden;height:0}.garment-ready .bay-shelf-space{height:0}.beta #grid .bay-photo{width:100%;height:260px;aspect-ratio:auto;border:0;padding:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}.beta #grid .bay-photo img,.beta #grid .bay-photo svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 8px 5px #65513010)}.beta #grid .garment-original .bay-photo{background:#ffffffad;border-radius:5px;height:220px}.shelf-bay .bay-photo{height:170px!important}.bay-caption{padding:15px 0 12px;border-top:3px solid #d4c3a7;min-height:100px}.bay-category{display:none}.beta #grid .bay-caption h4{font-size:14px;line-height:1.4;margin:0 0 6px;color:#403426}.bay-availability{font-size:12px;color:#6a7159;margin:0}.bay-unavailable .bay-photo{opacity:.45}.garment-view-note{font-size:11px;line-height:1.5;color:#9a7c57;margin:5px 0}.bay-details{margin-top:4px}.bay-details summary{font-size:12px;padding:10px 0;cursor:pointer;min-height:44px;color:#756249}.bay-details .cardmeta{display:block;font-size:12px;line-height:1.7}.bay-details .cardtools{flex-wrap:wrap;gap:8px;align-items:center}.beta .bay-details .cardtools button,.beta .bay-details .cardtools select{font-size:12px;color:#695941;min-height:44px}.garment-view-tools{display:flex;flex-direction:column;align-items:flex-start}.beta .recognize-link{font-size:12px;color:#735c3c;min-height:44px}.rack-plinth{height:12px;background:#654930}.empty-cabinet-bays{height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1c140640,#1c140640),url('/beta/wardrobe-room-v3.webp') center/cover}.empty-cabinet-bays p{text-align:center;color:#f9ead3;line-height:1.8;font:24px Georgia,serif;text-shadow:0 2px 12px #0008}.beta #empty{display:none}.pending-photo-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,240px));gap:16px;margin-bottom:24px}.pending-photo-bank .card{padding:14px;border:1px solid #dccdb7;border-radius:10px;background:#faf7ef}.pending-photo-bank .imagebox{height:150px;aspect-ratio:auto;background:white}.beta .wardrobedetails{margin-top:26px}.beta .wardrobedetails>summary{cursor:pointer;padding:12px 0}.beta .capsulebanner,.beta .capsuleline{background:#eee6d8;border-color:#d9cbb4;color:#594a36}.beta .capsulebanner h3{color:#594a36}
/* The occasion picker is a real dressing room, with large readable choices. */
.beta #plan{padding-top:24px}.beta #occasionStep{max-width:none;min-height:650px;padding:clamp(30px,5vw,64px);border-radius:14px;position:relative;isolation:isolate;overflow:hidden;background:url('/beta/dressing-room-v3.webp') center/cover;color:#fff4df;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.beta #occasionStep:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1a100ac2,#1a100a50 57%,transparent)}.beta .occasion-copy{max-width:460px}.beta .occasion-copy h2{font-size:clamp(40px,5vw,64px)}.beta .occasion-copy>p:not(.eyebrow){font-size:15px;color:#e6d2b5;line-height:1.7}.beta .occasion-copy .eyebrow{color:#d7bc90}.beta #plan .occasions{width:min(100%,440px);display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}.beta .occasions button{position:relative;padding:17px 22px;padding-right:42px;border:1px solid #f1e4d1;border-radius:10px;background:#faf5ebf5;color:#423527;font-size:17px;min-height:64px;box-shadow:0 4px 18px #0000000a}.beta .occasions button:after{content:'›';position:absolute;right:18px;top:15px;font-size:26px;color:#9d7b4e}.beta .occasions button span{color:#8b765b;font-size:12px}.beta .occasions .selected{border-color:#9e7840;box-shadow:0 0 0 3px #d8b57b;background:#fff8e9}.beta #generate{width:min(100%,440px);background:#e0c398;color:#302315;border:0;padding:18px 24px;margin-top:8px}.beta .moreoccasions,.beta .planoptions{width:min(100%,440px);color:#e8d7be;margin:8px 0}.beta .moreoccasions>summary,.beta .planoptions>summary{cursor:pointer;padding:12px 0;min-height:44px;font-size:13px}.beta .planoptions .small{color:#e3d2b6}.beta .planoptions label{color:#f7e8d0}.beta .stylingguide{color:#322b23;background:#faf5eb;padding:12px;border-radius:8px}.beta #outfits{max-width:1000px;margin:auto}.beta-selection-head{margin-bottom:24px}.beta-selection-head h2{font-size:clamp(36px,5vw,52px);margin:12px 0}.beta-look-list{display:grid;gap:16px}.beta-look{background:#fffcf5;color:#423727;border:1px solid #e0d6c6;border-radius:14px;overflow:hidden}.beta-look.selected{border:2px solid #8b683a;box-shadow:0 0 0 3px #ba98601a}.beta-look-choice{display:block;width:100%;padding:20px;text-align:left;border:0;background:transparent;color:#493a28}.beta-look-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:14px}.choice-dot{width:22px;height:22px;border:1px solid #b3a183;border-radius:50%}.selected .choice-dot{background:#73522d;border:5px solid #fffdf7;outline:1px solid #73522d}.beta-piece-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:16px}.beta-piece{display:flex;flex-direction:column;align-items:center;min-width:0}.beta-piece img,.beta-piece svg{height:170px;width:100%;object-fit:contain;background:transparent}.beta-piece>span{font-size:12px;text-align:center;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.beta .beta-reason{padding:0 20px;font-size:13px;color:#7b6a52;margin:0 0 14px}.beta-look .piecesdrawer{padding:0 20px}.beta-look .piecesdrawer>summary{padding:12px 0;cursor:pointer;min-height:44px;font-size:13px}.beta .outfititems .imagebox{background:#fffdf8}.beta-selection-actions{padding:22px 0;position:sticky;bottom:0;background:#f4f0e8f5;backdrop-filter:blur(12px);z-index:1;border-top:1px solid #e1d5c1;margin-top:18px}.beta fieldset{border:0;padding:0;margin:0 0 16px;display:flex;gap:10px;flex-wrap:wrap}.beta fieldset legend{font-size:14px;font-weight:500;margin-bottom:10px}.beta fieldset label{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 18px;border:1px solid #d8c9af;border-radius:26px;background:#f9f5ec}.beta fieldset input{margin:0}.beta-selection-actions .primary{margin-right:16px}.beta .alternatives{padding:18px 0}.beta .alternatives>summary{cursor:pointer;padding:10px 0}.beta .outfit{background:#fffcf6;border-color:#dfd3bf;border-radius:12px}.beta #savedList .generatedlook{max-width:350px}.beta footer{margin:24px 0;border-color:#ddcfb8;color:#817259}.beta .smallbrand{font:20px Georgia,serif}
/* Keep the proven upload and preview dialogs; make controls generous on phones. */
.beta dialog{background:#fbf8f0;color:#332a20;border:1px solid #d4c4a9;border-radius:16px;width:720px;padding:26px}.beta dialog::backdrop{background:#231d15a8;backdrop-filter:blur(6px)}.beta dialog h2{font-size:34px}.beta dialog p{color:#7d6c55}.beta .drop{background:#eee5d4;border-color:#bda57d}.beta .reviewrow{background:#fffdf8;border-color:#e4d7c2}.beta .reviewrow>div>img{background:#f4eee3}.beta .checklabel{align-items:center}.beta .beta-preview{width:880px}.beta .beta-preview .eyebrow{color:#9a7b4e;margin:0 0 8px}.beta-preview-pieces{display:flex;gap:12px;overflow-x:auto;margin:18px 0}.beta-preview-pieces>div{min-width:75px;flex:1}.beta-preview-pieces img,.beta-preview-pieces svg{width:100%;height:90px;object-fit:contain}.beta-preview-pieces p{font-size:11px;line-height:1.4;text-align:center}.beta .dressing-mirror{min-height:250px;background:#ece7dc;border:5px solid #9b7b4b;border-radius:80px 80px 15px 15px;padding:22px 18px;margin:22px 0;overflow:hidden;box-shadow:0 12px 34px #87652b16}.beta #betaMirrorEmpty{text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a19173}.beta #betaMirrorEmpty>span{font-size:48px}.beta .generatedlook{display:block;width:100%;max-width:480px;height:auto;margin:18px auto 0;border-radius:6px}.beta .beta-save-actions{justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 16px}.beta .generationwait{text-align:center}.beta .beta-privacy>summary{cursor:pointer;padding:12px 0}.beta #personThumb{height:150px;max-width:100%;object-fit:contain}.beta #videoDialog{width:800px}.beta #pilotGuideVideo{width:100%;border-radius:10px;margin:16px 0}.beta #toast{background:#322719;color:#fff4df;border-radius:12px;max-width:calc(100vw - 36px)}
@media(min-width:1150px){.beta #grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-Top{grid-column:span 2}.category-Top .category-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}.category-Trouser .category-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.beta #grid .bay-photo{height:285px}.shelf-bay .bay-photo{height:185px!important}}
@media(max-width:700px){.beta header{padding:20px}.beta .brand{font-size:21px}.beta header>.text{font-size:11px;max-width:118px;text-align:right}.beta #joinStep.beta-welcome{padding:120px 26px 50px;align-items:center}.entrance-scene{background-position:58% center}.beta-welcome:after{background:linear-gradient(#17110a35,#17110ab5 35%,#17110ac4)}.beta .welcome-copy h1{font-size:66px;letter-spacing:-1.5px}.beta .welcome-actions{flex-direction:column;align-items:stretch;gap:12px}.beta .welcome-actions .primary{width:100%}.beta .beta-guide{text-align:left}.beta .welcome-beta-note{margin-top:22px}.beta main{padding:0 16px}.beta .accountmenu{margin-top:4px}.beta nav{justify-content:space-between;gap:12px}.beta nav button{font-size:13px}.beta .sectionhead{display:block}.beta .sectionhead .actions{margin-top:18px}.beta .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin:20px -2px}.beta .filters button{white-space:nowrap;flex-shrink:0}.garment-preparation{gap:8px}.garment-preparation p{width:100%;flex:auto}.wardrobe-rack{border-width:6px;border-bottom-width:12px}.rack-heading{padding:14px 12px;font-size:11px}.beta #grid{grid-template-columns:1fr;gap:7px}.category-Top,.category-Trouser{grid-column:auto}.category-Top .category-pieces:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.closet-category-title{padding:20px 14px 10px}.closet-category-title h3{font-size:21px}.beta #grid .wardrobe-bay{padding:8px 12px 0}.beta #grid .bay-photo{height:235px}.beta #grid .garment-original .bay-photo{height:195px}.shelf-bay .bay-photo{height:155px!important}.bay-caption{min-height:110px}.beta #grid .bay-caption h4{font-size:13px}.bay-details summary{font-size:12px}.empty-cabinet-bays{height:350px}.beta #occasionStep{min-height:710px;padding:28px 22px;background-position:64% center;border-radius:12px;justify-content:flex-end}.beta #occasionStep:before{background:linear-gradient(#24170920,#241709a6 35%,#241709e6)}.beta .occasion-copy h2{font-size:46px}.beta .occasion-copy .eyebrow{font-size:9px}.beta #plan .occasions{margin:16px 0;gap:10px}.beta .occasions button{min-height:62px;font-size:16px;padding:16px 18px}.beta .occasions button span{font-size:11px}.beta .planoptions>summary,.beta .moreoccasions>summary{padding:8px 0}.beta-piece-row{gap:8px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.beta-piece img,.beta-piece svg{height:130px}.beta-piece>span{font-size:10px}.beta-look-choice{padding:16px 12px}.beta .beta-reason{padding:0 12px;font-size:12px}.beta-selection-actions .primary{width:100%;margin:0 0 6px}.beta-selection-actions>.text{width:100%}.beta-selection-actions{padding:16px 0 8px}.beta fieldset{gap:8px}.beta fieldset label{flex:1;justify-content:center;padding:10px 12px;font-size:13px}.beta dialog{padding:20px 16px;max-width:calc(100vw - 20px);max-height:94svh}.beta dialog h2{font-size:30px}.beta .dressing-mirror{padding:18px 10px;border-radius:45px 45px 10px 10px}.beta .outfititems{grid-template-columns:repeat(2,minmax(0,1fr))}.beta .beta-save-actions{display:flex}.beta .beta-save-actions button{flex:1;font-size:13px;padding:13px}.beta .reviewfields{grid-template-columns:1fr}.beta .reviewrow{gap:14px}.beta .small{font-size:12px}.beta .wardrobedetails{font-size:13px}.beta footer{flex-wrap:wrap;gap:16px}}
@media(prefers-reduced-motion:reduce){.entrance-scene,.beta button{transition:none;animation:none}}

.garment-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:15px;text-align:center;color:#806a4b;font-size:11px;line-height:1.5}.garment-waiting strong{font-size:12px;font-weight:500}.garment-waiting-mark{font-size:30px;color:#b39661}.beta #grid .bay-photo:has(.garment-waiting){background:linear-gradient(145deg,#f7efdf,#eee2cd);border:1px solid #d8c7aa;border-radius:5px}

/* Keep natural portrait proportions: the shared 720px cap distorted tall photos. */
.beta .generatedlook{height:auto;max-height:none;object-fit:contain;max-width:480px;width:100%}
.beta .preview-enlarge{display:block;padding:0;border:0;background:transparent;width:100%;cursor:zoom-in}
.beta .image-viewer{width:950px;max-height:94svh}.beta .image-viewer h2{font-size:25px}
#imageViewerContent{display:flex;justify-content:center;padding:20px 0;background:#f3eadb;border-radius:8px}
#imageViewerContent img{display:block;max-width:100%;width:auto;height:auto;max-height:75svh;object-fit:contain}
.garment-preparation progress{width:100%;height:7px;accent-color:#9e7948;flex-basis:100%}
.category-Top .category-pieces:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
.beta #grid .garment-ready .bay-photo{height:270px;padding:12px 6px}.beta #grid .shelf-bay.garment-ready .bay-photo{height:180px!important}
@media(max-width:640px){.beta #grid .garment-ready .bay-photo{height:235px}.beta #grid .shelf-bay.garment-ready .bay-photo{height:165px!important}}

.beta nav{position:sticky;top:0;z-index:5;background:#f4f0e8f5;backdrop-filter:blur(10px);flex-wrap:wrap;gap:20px}.beta nav .close-wardrobe{margin-left:auto}
.journey-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid #ded1bb;margin-bottom:16px;position:sticky;top:0;background:#fbf8f0;z-index:3}.journey-toolbar button{min-height:44px}.beta:has(#appShell[hidden]) .journey-toolbar{display:none}
.look-assessment{padding:0 20px 12px}.look-rating{display:inline-block;border-radius:18px;padding:8px 12px;font-size:12px;background:#ede5d6}.rating-high{background:#e1ead9;color:#3d5939}.rating-medium{background:#f0e7c8;color:#766127}.rating-low{background:#f1ddd3;color:#835541}.rating-check{background:#e6e5e0;color:#605e57}.original-look{border-style:solid;background:#f8f1e3}.original-selector{max-width:480px}.original-selector select{width:100%}.wardrobe-growth{padding:16px 0}
.preview-feedback{text-align:center;margin:5px 0 15px}.preview-feedback button{border:1px solid #d9c6a7;border-radius:24px;background:#fff8ea;padding:12px 20px;margin:0 5px;min-height:44px}.preview-feedback button[aria-pressed=true]{background:#594329;color:white}.preview-feedback label{display:block;margin:12px auto;max-width:300px}.preview-feedback select{width:100%}.preview-next{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.beta .dressing-mirror .generatedlook{margin-bottom:20px}.closing-wardrobe{position:fixed;inset:0;z-index:150;background:#21160f;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3dfbc}.closing-room{position:relative;width:min(90vw,1000px);height:min(75vh,720px);background:linear-gradient(#110a0420,#110a0440),url('/beta/wardrobe-room-v3.webp') center/cover;overflow:hidden;animation:wardrobe-lights-out 1.6s ease-in forwards}.closing-wardrobe>p{font:22px Georgia,serif;text-align:center;padding:0 20px}.closing-rail{position:absolute;left:13%;top:24%;right:17%;height:42%;display:flex;gap:3%;align-items:start}.closing-rail img{height:100%;width:22%;object-fit:contain;filter:drop-shadow(0 6px 5px #0004)}.closing-shelf{position:absolute;left:64%;right:8%;bottom:12%;height:15%;display:flex;gap:10px}.closing-shelf img{width:30%;height:100%;object-fit:contain}.closing-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(110deg,#b7aa8a25,#241a143a,#f6e6c718);border:3px solid #3d2a19;box-shadow:inset 0 0 35px #160e0a40}.door-left{left:0;animation:close-door-left 1.1s ease-in-out forwards}.door-right{right:0;animation:close-door-right 1.1s ease-in-out forwards}@keyframes close-door-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes close-door-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes wardrobe-lights-out{0%,65%{filter:brightness(1)}100%{filter:brightness(.32)}}
@media(max-width:640px){.beta nav{gap:8px}.beta nav button{font-size:12px;min-height:44px}.beta nav .close-wardrobe{margin-left:0}.journey-toolbar{gap:8px}.journey-toolbar button{font-size:12px}.look-assessment{padding:0 12px 12px}.preview-next .secondary{flex:1}.closing-room{height:65vh}.closing-rail{left:8%;right:8%;top:28%;height:33%}}
@media(prefers-reduced-motion:reduce){.closing-room,.closing-door{animation:none}}

/* Public beta identity and policy navigation. */
.beta .brand span{letter-spacing:2px}.beta .policy-consent{display:flex;align-items:flex-start;gap:10px;max-width:580px;margin:24px 0;font-size:13px;line-height:1.6}.beta .policy-consent input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:#765b36}.policy-consent a{text-decoration:underline}.beta footer.app-legal{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1220px;margin:0 auto;padding:24px 32px;color:#6b5b47;font-size:12px}.beta .app-legal nav{display:flex;position:static;background:none;backdrop-filter:none;gap:22px;border:0;padding:0}.app-legal a{text-decoration:underline;text-underline-offset:4px}.beta .app-legal a:focus-visible{outline:2px solid #765b36;outline-offset:4px}@media(max-width:640px){.beta footer.app-legal{padding:24px 20px;align-items:flex-start}.beta .app-legal nav{gap:16px;flex-wrap:wrap}.beta .policy-consent{font-size:12px}}

/* Readable links on the entrance and in the wardrobe. */
.beta a,.beta a:visited{color:#59432b}.beta header .brand,.beta header .brand:visited{color:inherit}.beta .welcome-policy-links{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0 12px;font-size:12px}.beta .welcome-policy-links a,.beta .welcome-policy-links a:visited{color:#fff0d2;text-decoration:underline;text-underline-offset:5px;min-height:32px;padding:5px 0}.beta .app-legal a,.beta .app-legal a:visited{color:#59432b}.weather-panel{background:#eee5d6;border:1px solid #d8c5a8;border-radius:14px;padding:18px 20px;margin:20px 0}.weather-panel h3{font-size:24px}.weather-panel p{margin:5px 0}.weather-panel .weather-source{font-size:11px}.wear-count{font-size:12px;color:#6a5539}.wear-actions{display:flex;gap:8px;flex-wrap:wrap}.wear-actions button{font-size:11px;padding:6px 12px;border:1px solid #cdbc9d;border-radius:18px;background:#faf5e9}.beta #memberDialog,.beta #shareDialog{width:600px}.beta #memberAvatarPreview{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:16px 0}.beta #shareImage{max-width:100%;max-height:48vh;display:block;margin:16px auto;object-fit:contain}.beta #shareCaption{width:100%;padding:12px;border:1px solid #d3c6b1;border-radius:8px;background:#fffcf6;font:14px/1.7 system-ui}.beta #wearSummary{padding:10px 0}.beta [data-close-wardrobe][disabled]{cursor:wait}.beta #memberForm input:not([type=checkbox]),.beta #memberForm select{width:100%;padding:12px;margin:5px 0 14px}.beta #memberForm fieldset{display:block}.beta .share-invitation{padding:14px;border:1px solid #dac8a8;border-radius:14px;margin:14px 0}.beta .app-legal nav{margin-top:0}@media(max-width:640px){.beta .welcome-policy-links{gap:18px;margin-top:20px}.weather-panel{padding:16px}.beta .brand{font-size:20px;letter-spacing:0}.beta header{gap:14px;flex-wrap:wrap}.beta header>.text{margin-left:auto}}

body.beta:has(#joinStep:not([hidden])) .welcome-policy-links{position:fixed;left:0;right:0;bottom:0;z-index:20;justify-content:center;gap:25px;margin:0;padding:10px 18px;background:#251c15f2;backdrop-filter:blur(8px);border-top:1px solid #e5d3b33b}body.beta:has(#joinStep:not([hidden])) #joinStep{padding-bottom:85px}.beta .welcome-policy-links a{font-size:12px;font-weight:500}

.reminder-prompt{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#eee7d9;padding:12px 16px;margin:12px 0;border-radius:12px}.reminder-prompt p{font-size:12px;line-height:1.6;margin:0;flex:1;min-width:180px}.reminder-prompt button{flex-shrink:0}