@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html,body,#root{color:#172019;background:#f5f7f4;min-height:100%;margin:0;font-family:Vazirmatn,Tahoma,sans-serif}body{direction:rtl}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}.app{background:radial-gradient(circle at 85% 0,#e9ffd0 0,#0000 24%),#f7f8f6;min-height:100vh;padding-bottom:96px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffd1;border-bottom:1px solid #e7ebe5;justify-content:space-between;align-items:center;height:76px;padding:0 max(22px,50vw - 560px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brandMark{background:#b9ff35;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 28px #b9ff354d}.brandMark svg{width:22px}.brand b{letter-spacing:.06em;font-size:20px;display:block}.brand small{color:#7c857e;letter-spacing:.18em;font-size:9px;display:block}.topStats{gap:8px;display:flex}.topStats span{background:#fff;border:1px solid #e7ebe5;border-radius:14px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.topStats svg{width:15px;height:15px}.pagePad{max-width:1120px;margin:auto;padding:38px 22px}.home{padding-top:28px}.hero{background:#fff;border:1px solid #e6ebe3;border-radius:32px;grid-template-columns:1fr 300px;align-items:center;gap:28px;padding:44px;display:grid;box-shadow:0 22px 60px #1c29140d}.live,.eyebrow{color:#71806d;letter-spacing:.08em;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.live{color:#69a91b;background:#f0ffd9;border-radius:999px;padding:7px 11px}.hero h1{letter-spacing:-.05em;margin:18px 0 12px;font-size:clamp(34px,5vw,60px);line-height:1.12}.hero h1 em,.head h1 em{color:#74ad21;font-style:normal}.hero p,.head p{color:#68736b;max-width:620px;margin:0 0 24px;line-height:2}.primary{border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 25px #b9ff3530;color:#16200e!important;background:#b9ff35!important}.primary svg{width:18px}.orb{background:radial-gradient(circle at 38% 30%,#d7ff83,#a8ee2d 45%,#7ec41d);border-radius:50%;flex-direction:column;justify-content:center;justify-self:center;align-items:center;width:250px;height:250px;display:flex;box-shadow:inset 0 0 0 16px #fff4,0 30px 70px #7ba82733}.orb svg{width:54px;height:54px}.orb b{font-size:48px;line-height:1}.orb small{letter-spacing:.3em;font-size:9px}.rankStrip{color:#fff;background:#172019;border-radius:22px;align-items:center;gap:14px;margin:20px 0;padding:15px 18px;display:flex}.rankEmoji{font-size:30px}.rankInfo{flex:1}.rankInfo>div:first-child{justify-content:space-between;align-items:center;display:flex}.rankInfo small{color:#aeb8ae;font-size:10px}.rankInfo b{font-size:14px}.progress{background:#344034;border-radius:10px;height:7px;margin:8px 0;overflow:hidden}.progress i{background:#b9ff35;border-radius:10px;height:100%;display:block}.rankStrip>svg{color:#b9ff35}.sectionHead{justify-content:space-between;align-items:end;margin:30px 0 12px;display:flex}.sectionHead b{font-size:17px;display:block}.sectionHead small{color:#8a938d;margin-top:3px;font-size:11px;display:block}.coreGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.coreCard{text-align:right;background:#fff;border:1px solid #e6ebe3;border-radius:24px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 12px 30px #1b2a1608}.coreCard .coreIcon{border-radius:17px;flex:none;place-items:center;width:54px;height:54px;display:grid}.coreCard span{letter-spacing:.1em;color:#929b94;font-size:9px;font-weight:900}.coreCard h2{margin:3px 0;font-size:20px}.coreCard p{color:#7d867f;margin:0;font-size:11px;line-height:1.8}.coreCard>svg{margin-right:auto}.privacyNote,.learning{background:#f1f7ec;border:1px solid #dfead7;border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:15px;display:flex}.privacyNote>span,.learning>span{font-size:22px}.privacyNote b,.learning b{font-size:12px;display:block}.privacyNote small,.learning p{color:#778078;margin:3px 0 0;font-size:10px;line-height:1.8;display:block}.head{margin-bottom:24px}.head h1{letter-spacing:-.04em;margin:7px 0 5px;font-size:38px}.bigFeature,.kitchenHero{text-align:right;background:#fff;border:1px solid #e5ebe1;border-radius:26px;align-items:center;gap:18px;width:100%;padding:22px;display:flex;box-shadow:0 18px 50px #1b2a1608}.featureIcon{background:#b9ff35;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.bigFeature div:nth-child(2){flex:1}.bigFeature b,.kitchenHero h2{margin-bottom:5px;font-size:16px;display:block}.bigFeature p,.kitchenHero p{color:#7c857f;margin:0;font-size:11px;line-height:1.8}.threeSteps{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.threeSteps div{background:#fff;border:1px solid #e6ebe3;border-radius:18px;padding:16px}.threeSteps b{color:#8bbf36;font-size:11px;display:block}.threeSteps span{font-size:12px;font-weight:800}.kitchenHero{margin-bottom:16px}.foodOrb{background:#fff2d9;border-radius:22px;flex:none;place-items:center;width:72px;height:72px;font-size:35px;display:grid}.kitchenHero div:nth-child(2){flex:1}.kitchenHero span{color:#9a8258;letter-spacing:.12em;font-size:9px;font-weight:900}.quickChips{flex-wrap:wrap;gap:8px;display:flex}.quickChips span{background:#fff;border:1px solid #e7ebe4;border-radius:999px;padding:8px 12px;font-size:10px}.modalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#10171080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modalSheet{background:#fff;border-radius:30px 30px 0 0;width:min(760px,100%);max-height:94vh;position:relative;overflow:auto;box-shadow:0 -20px 80px #0003}.modalContent{padding:36px 28px 30px}.modalClose{z-index:2;background:#f2f5f0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;left:14px}.modalLogo,.processingIcon{background:#b9ff35;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:15px;display:grid}.modalContent h2{margin:10px 0;font-size:29px;line-height:1.3}.modalContent h2 em{color:#75ae20;font-style:normal}.modalContent>p{color:#778079;font-size:12px;line-height:2}.center{text-align:center;justify-content:center}.choiceGrid{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.choiceGrid button{background:#f6f8f4;border:2px solid #0000;border-radius:22px;padding:22px;font-size:34px}.choiceGrid button b{margin-top:5px;font-size:13px;display:block}.wide{width:100%;margin-top:12px}.textButton{color:#6f9d25;background:0 0;margin:12px auto;font-size:11px;font-weight:800;display:block}.ghost{border-radius:16px;padding:13px 18px;font-weight:800;color:#29332c!important;background:#f3f5f1!important}.uploadBox{text-align:center;background:#f7faf5;border:2px dashed #dce6d5;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:42px 20px;display:flex}.uploadBox svg{color:#7bae28;width:38px;height:38px}.uploadBox b{font-size:14px}.uploadBox small{color:#8b948e;font-size:10px}.orLine{color:#a0a7a1;align-items:center;gap:10px;margin:14px 0;font-size:10px;display:flex}.orLine:before,.orLine:after{content:"";background:#e6ebe4;flex:1;height:1px}.processingIcon{margin:0 auto 15px}.analysisSteps{gap:8px;margin:24px 0;display:grid}.aStep{color:#909890;background:#f7f8f6;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;display:flex}.aStep svg{width:17px}.aStep.done{color:#65961d;background:#f1f8e9}.aStep.active{color:#5e7d35;background:#eff8df}.aStep.active small{color:#91a083;margin-right:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.resultTitle{justify-content:space-between;align-items:center;gap:14px;display:flex}.resultTitle h2{margin:4px 0;font-size:25px}.resultTitle p{color:#78817a;margin:0;font-size:10px}.match{color:#517b18;background:#edffd0;border:7px solid #c7fa71;border-radius:50%;place-items:center;width:76px;height:76px;font-size:18px;font-weight:900;line-height:1;display:grid}.match small{font-size:8px;display:block}.photoResult{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.photoPane,.styledPreview{background:#e9eee6;border-radius:22px;height:360px;position:relative;overflow:hidden}.photoPane img,.styledPreview>img{object-fit:cover;width:100%;height:100%}.photoPane>span{color:#fff;background:#182019e8;border-radius:10px;padding:6px 10px;font-size:10px;position:absolute;bottom:10px;right:10px}.styledPreview{outline:3px solid #b9ff35;box-shadow:0 0 35px #b9ff3555}.styleOverlay{background:linear-gradient(#0003,#0000 30%,#0003);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.styleOverlay b{background:#b9ff35;border-radius:10px;align-self:flex-start;padding:6px 9px;font-size:10px}.styleOverlay span{color:#16200e;background:#b9ff35;border-radius:10px;align-self:flex-start;padding:7px 10px;font-size:10px;font-weight:900}.noPhotoResult{text-align:center;background:#f2f7ed;border-radius:24px;margin:18px 0;padding:28px}.resultAvatar{background:#b9ff35;border-radius:30px;place-items:center;width:90px;height:90px;margin:auto;font-size:38px;display:grid}.noPhotoResult p{color:#778079;font-size:11px}.styleWhy{background:#f0f8e7;border-radius:18px;gap:10px;padding:14px;display:flex}.styleWhy svg{color:#79ae29;flex:none}.styleWhy b{font-size:11px}.styleWhy p{color:#758078;margin:4px 0 0;font-size:10px;line-height:1.8}.itemList{gap:7px;margin-top:12px;display:grid}.itemList>div{background:#fafbf9;border:1px solid #e9ede8;border-radius:14px;align-items:center;gap:10px;padding:9px;display:flex}.itemList span{background:#eef2ec;border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.itemList b,.itemList small{display:block}.itemList b{font-size:10px}.itemList small{color:#8c948e;margin-top:2px;font-size:8px}.variantTitle{margin:20px 0 8px}.variantTitle b,.variantTitle small{display:block}.variantTitle small{color:#929a94;font-size:9px}.variants{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.variants button{text-align:right;background:#f7f9f6;border:1px solid #e6ebe3;border-radius:15px;padding:10px}.variants button.active{background:#f2ffd9;border:2px solid #b9ff35}.variants span{font-size:20px;display:block}.variants b,.variants small{font-size:9px;display:block}.variants small{color:#79a72c;margin-top:2px}.actions{grid-template-columns:1fr 1fr 1.6fr;gap:8px;margin-top:14px;display:grid}.actions button{background:#f1f4ef;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:10px;font-weight:800;display:flex}.actions svg{width:15px}.recipeBlock{margin-top:20px}.resultContext{background:#eff8e6;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.resultContext span{font-size:11px;font-weight:900}.resultContext small{color:#71806e;font-size:9px}.recipeGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.recipeCard{background:#fff;border:1px solid #e5ebe2;border-radius:22px;padding:13px;box-shadow:0 12px 30px #18261807}.recipeEmoji{background:#fff3df;border-radius:16px;place-items:center;height:100px;font-size:48px;display:grid}.recipeMeta{color:#879088;gap:9px;margin-top:10px;font-size:8px;display:flex}.recipeMeta span{align-items:center;gap:3px;display:flex}.recipeMeta svg{width:11px}.recipeCard h3{margin:8px 0 5px;font-size:13px}.recipeCard p{color:#7d867f;min-height:45px;font-size:9px;line-height:1.8}.recipeTags{flex-wrap:wrap;gap:4px;display:flex}.recipeTags span{background:#f1f6ec;border-radius:99px;padding:4px 7px;font-size:8px}.recipeCard button{background:#f2f6ef;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:9px;padding:8px;font-size:9px;font-weight:800;display:flex}.recipeCard button svg{width:13px}.kitchenChallenge{color:#fff;background:#172019;border-radius:20px;align-items:center;gap:10px;margin-top:14px;padding:15px;display:flex}.kitchenChallenge>span{font-size:28px}.kitchenChallenge b{font-size:11px}.kitchenChallenge p{color:#b8c1b7;margin:3px 0;font-size:9px;line-height:1.8}.fieldLabel,label{margin:14px 0 7px;font-size:10px;font-weight:800;display:block}.seg,.tagGrid{flex-wrap:wrap;gap:7px;display:flex}.seg button,.tagGrid button{background:#f3f5f1;border-radius:12px;flex:1;padding:10px;font-size:10px}.seg .on,.tagGrid .on{background:#dfffac;border:1px solid #b9ff35}.twoCols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.counter{background:#f4f6f2;border-radius:12px;justify-content:space-between;align-items:center;padding:5px;display:flex}.counter button{background:#fff;border-radius:9px;width:35px;height:35px}.twoCols input,.modalContent textarea{background:#fafbf9;border:1px solid #e0e6de;border-radius:12px;outline:none;width:100%;padding:9px}.modalContent textarea{resize:vertical;min-height:80px}.profileHero{background:#fff;border:1px solid #e5ebe2;border-radius:25px;align-items:center;gap:15px;padding:24px;display:flex}.profileAvatar{color:#b9ff35;background:#172019;border-radius:23px;place-items:center;width:72px;height:72px;font-size:30px;font-weight:900;display:grid}.profileHero span{color:#8b958e;font-size:9px}.profileHero h1{margin:2px 0;font-size:24px}.profileHero p{color:#778079;margin:0;font-size:10px}.profileStats{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.profileStats div{text-align:center;background:#fff;border:1px solid #e5ebe2;border-radius:18px;padding:15px}.profileStats b,.profileStats small{display:block}.profileStats b{font-size:22px}.profileStats small{color:#818a83;font-size:9px}.learnRows{gap:8px;display:grid}.learnRows div{background:#fff;border:1px solid #e6ebe4;border-radius:15px;grid-template-columns:30px 1fr auto;align-items:center;padding:12px;font-size:17px;display:grid}.learnRows b{font-size:10px}.learnRows span{color:#99a19b;font-size:8px}.bottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#ffffffec;border-top:1px solid #e5ebe3;justify-content:center;align-items:center;gap:min(7vw,70px);height:82px;display:flex;position:fixed;bottom:0;left:0;right:0}.navItem{color:#9aa19b;background:0 0;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.navItem svg{width:20px}.navItem.active{color:#6e9f1d}.aiPlus{background:#b9ff35;border-radius:20px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 28px #9aca3244}.aiPlus svg{width:25px}.toast{color:#fff;z-index:200;background:#172019;border-radius:14px;padding:11px 16px;font-size:10px;position:fixed;bottom:98px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.kitchenSheet{max-height:92vh}@media (width<=760px){.hero{grid-template-columns:1fr;padding:28px}.orb{justify-self:end;width:170px;height:170px}.orb b{font-size:34px}.orb svg{width:35px}.hero h1{font-size:38px}.coreGrid,.recipeGrid{grid-template-columns:1fr}.pagePad{padding:26px 15px}.photoPane,.styledPreview{height:290px}.bottomNav{gap:7vw}.head h1{font-size:32px}.bigFeature{align-items:flex-start}.bigFeature .primary{margin-right:auto}.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}.resultTitle{align-items:flex-start}.modalContent{padding:32px 17px 24px}.kitchenHero{padding:16px}.kitchenHero h2{font-size:14px}.threeSteps{grid-template-columns:1fr}.rankStrip{margin-left:0;margin-right:0}}@media (width<=420px){.topbar{padding:0 14px}.topStats span{padding:7px}.brandMark{width:38px;height:38px}.photoResult{grid-template-columns:1fr 1fr}.photoPane,.styledPreview{height:250px}.variants b{font-size:8px}.hero{border-radius:25px}.orb{justify-self:center}.coreCard{padding:15px}}.vtonEmpty{color:#729d2a;background:linear-gradient(145deg,#eff8e6,#f8fbf6);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.vtonEmpty svg{width:48px;height:48px;margin-bottom:10px}.vtonEmpty b{font-size:14px}.vtonEmpty small{color:#8a958a;margin-top:4px;font-size:9px}.vtonAction{background:#f5f9f1;border:1px solid #e0ead9;border-radius:18px;margin-top:12px;padding:12px}.vtonAction .wide{margin-top:0}.vtonAction>small{color:#7d887e;text-align:center;margin-top:7px;font-size:8px;line-height:1.8;display:block}.vtonError{color:#a44438;background:#fff0ee;border-radius:10px;margin-top:8px;padding:8px;font-size:9px}.styleModes{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.styleModes button{text-align:right;background:#fff;border:1px solid #e5ebe2;border-radius:20px;padding:18px}.styleModes svg{color:#75a927;width:26px}.styleModes b,.styleModes small{display:block}.styleModes b{margin-top:8px;font-size:12px}.styleModes small{color:#879088;margin-top:3px;font-size:9px}.vault{background:#fff;border:1px solid #e5ebe2;border-radius:24px;margin-top:14px;padding:16px}.vaultHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.vaultHead b,.vaultHead small{display:block}.vaultHead b{font-size:13px}.vaultHead small{color:#8a938c;font-size:9px}.vaultHead button,.garmentPick>button{background:#eaffc8;border-radius:12px;align-items:center;gap:5px;padding:9px 11px;font-size:9px;font-weight:900;display:flex}.vaultHead svg,.garmentPick button svg{width:14px}.vaultGrid{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px;display:grid}.vaultItem{aspect-ratio:1;background:#f1f4ef;border-radius:13px;position:relative;overflow:hidden}.vaultItem img{object-fit:cover;width:100%;height:100%}.vaultItem button{color:#fff;background:#172019cc;border-radius:8px;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:4px;left:4px}.vaultItem button svg{width:12px}.vaultEmpty{text-align:center;color:#929a94;background:#f7f9f5;border-radius:13px;margin-top:12px;padding:18px;font-size:9px}.smartHint{color:#fff;background:#172019;border-radius:20px;gap:10px;margin-top:14px;padding:15px;display:flex}.smartHint svg{color:#b9ff35}.smartHint b{font-size:11px}.smartHint p{color:#bdc6bd;margin:3px 0;font-size:9px;line-height:1.8}.storageGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.garmentPick{background:#fff;border:1px solid #e2e8df;border-radius:18px;margin-top:12px;padding:12px}.garmentPick>div:first-child{display:inline-block}.garmentPick b,.garmentPick small{display:block}.garmentPick b{font-size:11px}.garmentPick small{color:#818a83;font-size:8px}.garmentPick>button{float:left}.garmentPick>img{object-fit:cover;clear:both;border-radius:14px;width:86px;height:86px;margin-top:12px;display:block}.wardrobeStrip{gap:6px;margin-top:9px;display:flex;overflow:auto}.wardrobeStrip button{border:2px solid #0000;border-radius:11px;flex:none;width:54px;height:54px;padding:0;overflow:hidden}.wardrobeStrip button.on{border-color:#b9ff35}.wardrobeStrip img{object-fit:cover;width:100%;height:100%}.outfitBoard{justify-content:center;gap:7px;margin-bottom:12px;display:flex}.outfitBoard span{background:#fff;border-radius:16px;place-items:center;width:58px;height:58px;font-size:28px;display:grid;box-shadow:0 8px 20px #1720190b}.noPhotoResult>small{color:#8a938d;margin-top:6px;font-size:8px;display:block}@media (width<=760px){.styleModes,.storageGrid{grid-template-columns:1fr}.vaultGrid{grid-template-columns:repeat(4,1fr)}}.sampleShowcase{gap:14px;margin:24px 0;display:grid}.sampleVisual{background:#fff;border:1px solid #e8eee3;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0e2a1d12}.sampleVisual img{object-fit:cover;width:100%;height:auto;display:block}.sampleVisual.logoSample{padding:10px}.sampleVisual.logoSample img{object-fit:contain;border-radius:20px;max-height:520px}.sampleVisual.demoSample img{aspect-ratio:16/9;object-fit:cover}.sampleCaption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 8px 28px #00000014}.sampleCaption b{font-size:14px}.sampleCaption small{color:#6b756c;margin-top:3px;display:block}.sampleCaption button{cursor:pointer;white-space:nowrap;background:#a8ff22;border:0;border-radius:14px;padding:10px 14px;font-weight:800}.sampleLogoIntro{background:linear-gradient(135deg,#fff,#f6ffeb);border:1px solid #e8eee3;border-radius:26px;grid-template-columns:120px 1fr;align-items:center;gap:18px;margin:18px 0;padding:18px;display:grid}.sampleLogoIntro img{object-fit:contain;border-radius:24px;width:120px;height:120px}.sampleLogoIntro h3{margin:0 0 6px;font-size:20px}.sampleLogoIntro p{color:#68736a;margin:0;font-size:13px;line-height:1.9}@media (width<=700px){.sampleLogoIntro{grid-template-columns:86px 1fr}.sampleLogoIntro img{width:86px;height:86px}.sampleCaption{box-shadow:none;border-radius:0;position:static}.sampleVisual.demoSample img{aspect-ratio:auto}}.authPage{direction:rtl;background:radial-gradient(circle at 15% 10%,#e9ffd0 0,#0000 32%),linear-gradient(145deg,#f8fbf7,#eef4ed);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.authGlow{filter:blur(12px);opacity:.5;border-radius:50%;position:absolute}.authGlow.one{background:#b9ff35;width:280px;height:280px;top:-100px;right:-120px}.authGlow.two{background:#8fe9ff;width:240px;height:240px;bottom:-90px;left:-100px}.authCard{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffe;border:1px solid #fff;border-radius:34px;width:min(100%,460px);padding:26px;position:relative;box-shadow:0 30px 80px #18301918}.authBrand{align-items:center;gap:12px;display:flex}.authBrand img{object-fit:contain;border-radius:18px;width:66px;height:66px}.authBrand b,.authBrand small{display:block}.authBrand b{letter-spacing:1px;font-size:24px}.authBrand small{color:#7c897e;font-size:10px}.authCopy{margin:22px 0}.authCopy>span{color:#6e9f1d;font-size:10px;font-weight:900}.authCopy h1{margin:7px 0;font-size:30px;line-height:1.35}.authCopy p{color:#748077;font-size:11px;line-height:1.9}.authCard label{margin:10px 0 6px;font-size:10px}.authCard input{background:#f8faf7;border:1px solid #dfe7dc;border-radius:14px;outline:none;width:100%;padding:13px;font-family:inherit}.authCard input:focus{border-color:#9ddd39;box-shadow:0 0 0 3px #b9ff3522}.authNames{grid-template-columns:1fr 1fr;gap:9px;display:grid}.passField{position:relative}.passField button{background:#edf3e9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.passField svg{width:16px}.authSubmit{color:#fff;background:#172019;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:16px;padding:13px;font-weight:900;display:flex}.authSubmit svg{color:#b9ff35;width:17px}.authSwitch{color:#668f27;background:0 0;width:100%;padding:13px;font-size:10px;font-weight:900}.authError{color:#a44438;background:#fff0ee;border-radius:12px;margin-top:10px;padding:10px;font-size:9px}.authLegal{text-align:center;color:#9aa39b;border-top:1px solid #edf0eb;padding-top:12px;font-size:8px;line-height:1.8;display:block}.quotaLine{color:#7d887e;border-top:1px dashed #e2e8df;margin-top:10px;padding-top:9px;font-size:8px}.proCard{color:#fff;background:linear-gradient(135deg,#182019,#27341f);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin:14px 0;padding:18px;display:grid;box-shadow:0 18px 38px #17201920}.proIcon{color:#172019;background:#b9ff35;border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.proIcon svg{width:25px}.proCard span{color:#b9ff35;font-size:9px;font-weight:900}.proCard h2{margin:3px 0;font-size:15px}.proCard p{color:#bdc8bd;margin:0;font-size:9px;line-height:1.7}.proCard button{white-space:nowrap;background:#b9ff35;border-radius:12px;padding:10px 12px;font-size:9px;font-weight:900}.logoutBtn{color:#7b4c46;background:#fff;border:1px solid #e3e9e0;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:18px;padding:12px;font-weight:900;display:flex}.logoutBtn svg{width:16px}@media (width<=520px){.authPage{padding:14px}.authCard{border-radius:27px;padding:20px}.authCopy h1{font-size:26px}.proCard{grid-template-columns:auto 1fr}.proCard button{grid-column:1/-1;width:100%}}.chioIdea{color:#fff;background:linear-gradient(135deg,#172019,#26331f);border-radius:18px;align-items:flex-start;gap:11px;margin-top:12px;padding:14px;display:flex}.chioIdeaIcon{color:#172019;background:#b9ff35;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid}.chioIdeaIcon svg{width:18px}.chioIdea span{color:#b9ff35;letter-spacing:.05em;font-size:9px;font-weight:900;display:block}.chioIdea b{margin-top:3px;font-size:11px;display:block}.chioIdea p{color:#d6ded4;margin:4px 0 0;font-size:10px;line-height:1.9}.chioStyleSuggestion{color:#25301f;background:linear-gradient(145deg,#f2ffe0,#f9fbf7);flex-direction:column;justify-content:center;height:100%;padding:22px 18px;display:flex}.chioStyleSuggestion>svg{color:#6d9e22;width:30px}.chioStyleSuggestion>span{color:#6d9e22;margin-top:8px;font-size:9px;font-weight:900}.chioStyleSuggestion h3{margin:3px 0 5px;font-size:17px}.chioStyleSuggestion p{color:#738071;margin:0 0 10px;font-size:9px;line-height:1.8}.miniLook{grid-template-columns:1fr 1fr;gap:6px;display:grid}.miniLook div{background:#fff;border:1px solid #e4ecd9;border-radius:10px;align-items:center;gap:5px;padding:6px;display:flex}.miniLook b{font-size:17px}.miniLook small{font-size:7px;font-weight:800}.chioStyleSuggestion em{color:#829078;background:#e9f5dd;border-radius:999px;align-self:flex-start;margin-top:10px;padding:5px 8px;font-size:8px;font-style:normal}.tryonShowcase{background:#fff;border:1px solid #e2e8df;border-radius:22px;margin-top:14px;padding:12px;overflow:hidden}.tryonShowcaseHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tryonShowcaseHead b,.tryonShowcaseHead small{display:block}.tryonShowcaseHead b{font-size:12px}.tryonShowcaseHead small{color:#818a83;margin-top:3px;font-size:8px}.tryonShowcaseHead>span{background:#b9ff35;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.tryonShowcase>img{object-fit:cover;object-position:center;border-radius:16px;width:100%;max-height:430px;display:block}.tryonNote{background:#f4f8ef;border-radius:12px;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 10px;display:flex}.tryonNote b{white-space:nowrap;color:#65961d;font-size:9px}.tryonNote span{color:#758078;font-size:8px;line-height:1.8}:root{--chio-ink:#172638;--chio-blue:#2778f2;--chio-mint:#adf6db;--chio-border:#5a82ae26}html,body,#root{color:var(--chio-ink);background:#f4f8ff}.app{background:radial-gradient(60% 35% at 85% 0,#61aeff29,#0000 75%),radial-gradient(45% 35% at 0 35%,#8ff6d321,#0000 80%),#f5f8fe}.topbar{border-bottom:1px solid var(--chio-border);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#fafdffc4;box-shadow:0 7px 25px #1a4d8209}.brandMark{color:#12538c;background:linear-gradient(145deg,#b9fff0,#8ac4ff);box-shadow:0 7px 22px #3692e433}.brand b{letter-spacing:.11em;color:#153455}.brand small{color:#6093b6}.topStats span{border-color:var(--chio-border);color:#385472;background:#fffc}.hero{isolation:isolate;background:linear-gradient(122deg,#fffffff5,#eff9ffed);border:1px solid #84b6e442;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 28px 75px #2866ac17,inset 0 1px #fff}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#72bfff33,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-130px;left:-90px}.hero h1{color:#153657;letter-spacing:-.045em}.hero h1 em,.head h1 em{color:#2780cf}.hero p,.head p{color:#687f96}.live{color:#168c81;background:#e9f9f6;border:1px solid #d1f2e8}.live:before{content:"";background:#16c9a7;border-radius:50%;width:7px;height:7px;margin-left:6px;box-shadow:0 0 0 4px #16c9a724}.primary,.authSubmit{transition:transform .2s,box-shadow .2s;color:#16382c!important;background:linear-gradient(110deg,#b9ff35,#93f0c2)!important;box-shadow:0 12px 28px #4bc08930!important}.primary:hover,.authSubmit:hover{transform:translateY(-2px);box-shadow:0 17px 36px #4bc08942!important}.orb{color:#fff;background:radial-gradient(circle at 32% 25%,#fff 0%,#d5fcff 12%,#8fd4ff 38%,#5b9bf6 67%,#4367d7 100%);animation:6s ease-in-out infinite chioFloat;position:relative;box-shadow:inset -15px -16px 35px #17449738,inset 12px 15px 40px #ffffff73,0 0 0 12px #66acff12,0 28px 70px #3481de3d}.orb:before,.orb:after{content:"";border:1px solid #509ee633;border-radius:50%;position:absolute;inset:-19px;transform:rotate(-20deg)scaleX(1.15)}.orb:after{opacity:.45;inset:-34px;transform:rotate(35deg)scaleX(.9)}.orb small{letter-spacing:.22em;color:#ecf9ff}@keyframes chioFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.rankStrip,.proCard,.chioIdea{background:linear-gradient(115deg,#142d4b,#1e496b 60%,#246c79);box-shadow:0 16px 42px #17407029}.progress{background:#ffffff26}.progress i{background:linear-gradient(90deg,#9affd1,#aaff65)}.coreCard,.bigFeature,.kitchenHero,.threeSteps div,.vault,.tryonShowcase{border-color:var(--chio-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;box-shadow:0 14px 35px #1d548f0e}.coreCard{transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.coreCard:hover{border-color:#a8d6fb;transform:translateY(-4px);box-shadow:0 22px 48px #2167a821}.coreCard:after{content:"";opacity:.75;background:linear-gradient(90deg,#0000,#72d9ff,#a1f3c2,#0000);height:3px;position:absolute;inset:auto 0 0}.styleCard .coreIcon,.featureIcon{color:#297cc4;background:linear-gradient(145deg,#e2f4ff,#b1e4ff)}.foodCard .coreIcon,.foodOrb{color:#bd822b;background:linear-gradient(145deg,#fff6e5,#ffdfac)}.coreCard span,.eyebrow{color:#6196bd}.coreCard h2{color:#153b60}.coreCard p{color:#72879b}.privacyNote,.learning,.smartHint{background:#eaf8ffcc;border-color:#d7eaf8}.sectionHead b{color:#213d5c}.modalBackdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c203a8a}.modalSheet{background:linear-gradient(150deg,#fff,#f8fbff);box-shadow:0 -22px 90px #092d5b40}.modalLogo,.processingIcon,.resultAvatar{color:#1e6ca4;background:linear-gradient(135deg,#c7f9e9,#9bcfff)}.choiceGrid button,.uploadBox,.aStep{background:#f0f7fc}.choiceGrid .selected{background:#e8f6ff;border-color:#7ec6f5}.uploadBox{border-color:#b9dcf1}.uploadBox svg,.aStep.done,.styleWhy svg{color:#298ac1}.match{color:#2471a3;background:#e9f9ff;border-color:#a8ddff}.styledPreview{outline-color:#90d5fa;box-shadow:0 0 30px #47a9e733}.styleOverlay b,.styleOverlay span{color:#134969;background:#a5ebff}.tryonShowcaseHead>span{background:#b2e9ff}.tryonNote{background:#eff8ff}.tryonNote b{color:#2885bc}.bottomNav{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);border-color:var(--chio-border)!important;background:#ffffffe6!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #3d9ef16b}@media (width<=680px){.pagePad{padding:23px 16px}.hero{border-radius:28px;padding:26px 21px}.hero h1{font-size:clamp(29px,8vw,44px)}.orb{width:160px;height:160px}.orb b{font-size:33px}.orb svg{width:37px;height:37px}.coreCard{padding:16px}.topbar{padding-inline:16px}.modalContent{padding:30px 20px}}@media (prefers-reduced-motion:reduce){.orb{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--chio-ink:#183253;--chio-blue:#458de8;--chio-cyan:#6bdcff;--chio-lime:#a9f75b}.app{color:var(--chio-ink);background:radial-gradient(60% 35% at 92% 5%,#78beff2e,#0000 75%),radial-gradient(55% 30% at 3% 70%,#7aecdf1f,#0000 78%),#f5f8fe}.topbar{background:#f8fcffd1;box-shadow:0 6px 30px #2059930a}.brandMark,.modalLogo,.chioIdeaIcon{color:#14538c!important;background:linear-gradient(140deg,#b7f9ed,#9fd6ff 60%,#8caeff)!important;box-shadow:0 8px 25px #50a3e933,inset 0 1px #ffffffd9!important}.brandMark svg,.coreIcon svg,.featureIcon svg,.bottomNav svg,.proIcon svg{stroke-width:1.85px;filter:drop-shadow(0 2px 4px #2a7cc51f)}.hero,.profileHero,.vault,.kitchenHero,.authCard{background:linear-gradient(135deg,#fffffff7,#f2f9ffed)!important;border:1px solid #96c0e84d!important;box-shadow:0 20px 60px #2c64a713,inset 0 1px #fff!important}.hero{isolation:isolate}.hero h1,.head h1{font-weight:900}.hero p,.head p{font-size:15px;line-height:2.1}.coreCard,.bigFeature,.threeSteps>div,.recipeCard,.photoPane,.profileStats>div,.learnRows>div,.vault,.uploadBox{transition:transform .2s,box-shadow .2s,border-color .2s;border-radius:23px!important}.coreCard:hover,.recipeCard:hover,.threeSteps>div:hover{transform:translateY(-3px);box-shadow:0 20px 46px #2a69b11f!important}.coreIcon,.featureIcon,.foodOrb,.proIcon{box-shadow:inset 0 1px #ffffffe6,0 10px 24px #408fd91c;border-radius:19px!important}.coreIcon svg,.featureIcon svg{width:27px!important;height:27px!important}.styleCard .coreIcon{color:#126fbe!important;background:linear-gradient(145deg,#e3f6ff,#9ed6ff)!important}.foodCard .coreIcon{color:#ab6c13!important;background:linear-gradient(145deg,#fff7e7,#ffd69d)!important}.primary,.authSubmit{letter-spacing:-.01em;border:1px solid #5ed4a840!important;border-radius:17px!important}.primary:active,.authSubmit:active{transform:scale(.98)}.rankStrip,.proCard{border:1px solid #9ae0ff1f;background:linear-gradient(110deg,#152a4c,#214c73 65%,#1d6974)!important}.bottomNav{padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -12px 38px #20599312!important}.bottomNav button{transition:transform .2s,color .2s,background .2s}.bottomNav button:hover{transform:translateY(-3px)}.bottomNav button svg{width:21px;height:21px}.modalSheet{border:1px solid #a7d0f16b}.choiceGrid button{transition:transform .18s,box-shadow .18s;border-radius:20px!important}.choiceGrid button:hover{transform:translateY(-2px);box-shadow:0 9px 26px #398fd71a}.smartHint,.learning,.privacyNote{color:#2b5675!important;background:linear-gradient(120deg,#ecf8ff,#f0fff8)!important;border:1px solid #cde9f8!important}.learnRows,.profileStats{gap:12px}.learnRows>div{min-height:55px;background:#fffffff2!important;border:1px solid #dce8f2!important}.head p,.coreCard p,.smartHint p,.learning p,.privacyNote p{color:#617c95!important}@media (width<=680px){.hero,.profileHero,.kitchenHero{border-radius:25px!important}.coreIcon,.featureIcon{border-radius:16px!important}.topbar{height:68px}.brandMark{width:42px;height:42px}.pagePad{padding-inline:15px}.bottomNav button svg{width:23px;height:23px}}