@font-face{font-family:BloomYekan;src:url("assets/fonts/BYekanWeb.woff") format("woff"),url("assets/fonts/BYekanWeb.ttf") format("truetype");font-display:swap}
@font-face{font-family:BloomCalibri;src:local("Calibri")}
:root{--ink:#09183f;--muted:#697391;--purple:#7137f5;--pink:#ef4d96;--panel:rgba(255,255,255,.9)}
[hidden]{display:none!important}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#fcfcff;color:var(--ink);font-family:BloomYekan,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
html[dir="ltr"] body{font-family:BloomCalibri,Calibri,Arial,sans-serif}
button{font:inherit;cursor:pointer}.en{font-family:BloomCalibri,Calibri,Arial,sans-serif}
.language-switcher{position:fixed;z-index:30;top:calc(env(safe-area-inset-top) + 10px);inset-inline-end:12px;display:flex;align-items:center;gap:5px;height:36px;padding:0 8px;border:1px solid rgba(113,55,245,.16);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 6px 22px rgba(49,31,97,.1);backdrop-filter:blur(10px)}.language-switcher span{color:var(--purple);font:700 14px BloomCalibri,Calibri,Arial,sans-serif}.language-switcher select{height:30px;border:0;outline:0;background:transparent;color:var(--ink);font:13px BloomCalibri,Calibri,Arial,sans-serif;cursor:pointer}
.learner-toolbar>.language-switcher{position:static;z-index:auto;height:36px;padding-inline:4px;box-shadow:none;backdrop-filter:none}.learner-toolbar>.language-switcher span{display:none}.learner-toolbar>.language-switcher select{max-width:76px}
html[dir="ltr"] .learner-toolbar{direction:ltr}html[dir="ltr"] .learner-toolbar select,html[dir="ltr"] .learner-toolbar button,html[dir="ltr"] .modal-fields input,html[dir="ltr"] .age-band-label select{font-family:BloomCalibri,Calibri,Arial,sans-serif}html[dir="ltr"] .legal-check{text-align:left}html[dir="ltr"] .legal-consent-card>.legal-check{text-align:left}
html[dir="ltr"] .auth-form{text-align:left}html[dir="ltr"] .auth-form>p{text-align:left}html[dir="ltr"] .back-link{right:auto;left:16px}html[dir="ltr"] .profile-modal-card{text-align:left}
html[dir="ltr"] .choice-grid,html[dir="ltr"] .form-actions{direction:ltr}
.app-shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}
.splash{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,rgba(116,67,255,.07),transparent 42%),linear-gradient(150deg,#fff 0%,#fcfcff 68%,#fff9fc 100%)}
.splash[hidden]{display:none!important}.brand-stage{display:grid;justify-items:center;width:100%;padding:24px;transform:translateY(-2vh)}
.bloom-logo{display:block;width:min(82vw,430px);height:auto}.brand-stage p{margin:8px 0 0;color:rgba(9,24,63,.48);font-size:14px}
.loading-dots{position:absolute;left:50%;bottom:max(38px,6vh);display:flex;gap:8px;transform:translateX(-50%)}.loading-dots span{width:7px;height:7px;border-radius:50%;background:var(--purple);opacity:.18;animation:loadingPulse 1.05s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}
.onboarding{display:none;height:100%;padding:calc(env(safe-area-inset-top) + 9px) 15px calc(env(safe-area-inset-bottom) + 12px);background:linear-gradient(rgba(255,255,255,.16),rgba(252,252,255,.28)),url("assets/BKG.png") center/cover no-repeat;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:5px;overflow:hidden}.onboarding.visible{display:grid}
.welcome-header{width:min(100%,680px);margin:0 auto;text-align:right}.eyebrow{display:block;color:var(--purple);font-size:13.5px;font-weight:700;letter-spacing:.15em}.welcome-header h1{margin:1px 0;font-size:clamp(30px,8vw,43px);line-height:1.2}.welcome-header h1 span{font-size:.75em}.welcome-header p{margin:2px 0;color:var(--muted);font-size:16px;line-height:1.45}
.steps{direction:ltr;display:flex;align-items:center;justify-content:center;width:min(100%,600px);margin:0 auto}.steps span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9e5f2;color:#9690a4;font:700 15px BloomCalibri,Calibri,Arial}.steps span.active{background:linear-gradient(145deg,var(--purple),#a442e5);color:#fff}.steps i{width:36px;height:2px;background:#e9e5f2}.steps span.active+i{background:#a981f8}
.cards-viewport{position:relative;width:min(100%,680px);min-height:0;margin:0 auto;overflow:hidden}.question-card{height:100%;padding:13px 15px;border:1px solid rgba(118,82,202,.13);border-radius:21px;background:var(--panel);box-shadow:0 14px 38px rgba(60,37,120,.1),inset 0 1px 0 #fff;backdrop-filter:blur(10px);overflow:hidden}.question-card[hidden]{display:none!important}.question-card.active{display:block;animation:cardIn .2s ease-out}
.card-heading{padding-bottom:7px;border-bottom:1px solid rgba(34,30,90,.07)}.card-heading h2{margin:0;font-size:22px;line-height:1.45}.card-heading p{margin:1px 0 0;color:#7a839f;font-size:15px}
.skill-list{display:grid}.skill-row{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(35,31,88,.065)}.skill-row:last-child{border-bottom:0}.skill-name{display:grid}.skill-name strong{font-size:18px}.skill-name small{color:#949bb0;font-size:12px;direction:ltr}.rating{direction:ltr;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.rating button{min-width:0;height:34px;padding:0;border:1px solid rgba(88,65,153,.13);border-radius:9px;background:#f9f8ff;color:#7c8299;font:700 16px BloomCalibri,Calibri,Arial}
.choice-grid{direction:rtl;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.choice-grid button{display:grid;place-items:center;height:56px;border:1px solid rgba(88,65,153,.13);border-radius:13px;background:#faf9ff;color:var(--ink)}.choice-grid strong{font-size:24px}.choice-grid small{font-size:13px;color:inherit}
.sub-question{display:flex;align-items:center;justify-content:space-between;margin:7px 1px 4px;font-size:16px;font-weight:700}.sub-question small{color:var(--purple);font-size:13px;font-weight:400}.compact-grid,.interest-grid,.gender-grid{display:grid;gap:4px}.compact-grid{grid-template-columns:repeat(3,1fr)}.compact-grid button,.interest-grid button,.gender-grid button{min-height:28px;padding:3px 2px;border:1px solid rgba(88,65,153,.13);border-radius:8px;background:#faf9ff;color:var(--ink);font-size:13px;line-height:1.15}.occupation-title{margin-top:7px}.interest-grid{grid-template-columns:repeat(4,1fr);margin-top:7px}.interest-grid button{min-height:34px;font-size:12px}.gender-title{margin-top:8px}.gender-grid{grid-template-columns:.75fr .75fr 1.5fr}.gender-grid button{min-height:34px}
.child-aspiration-block,.child-interests-block{min-height:0}.game-style-title{margin-top:7px}.game-style-grid button{font-size:11.5px}
.rating button.selected,.choice-grid button.selected,.compact-grid button.selected,.interest-grid button.selected,.gender-grid button.selected{border-color:var(--purple);background:linear-gradient(145deg,var(--purple),#9a42ed);color:#fff;box-shadow:0 5px 12px rgba(113,55,245,.18)}
.form-message{width:min(100%,680px);min-height:16px;margin:0 auto;color:#b42318;text-align:center;font-size:11px}.form-actions{direction:rtl;display:flex;gap:8px;width:min(100%,680px);height:48px;margin:0 auto}.form-actions button{height:48px;border-radius:15px;font-size:18px;font-weight:700}.primary-button{flex:1;border:0;background:linear-gradient(100deg,#6531f4,#a23fdf 52%,var(--pink));box-shadow:0 9px 20px rgba(111,48,227,.2);color:#fff}.primary-button:disabled{background:#e5e3ed;box-shadow:none;color:#aaa7b4;cursor:not-allowed}.secondary-button{width:34%;border:1px solid rgba(113,55,245,.22);background:rgba(255,255,255,.84);color:var(--purple)}.form-actions button[hidden],.form-actions.hidden{display:none}
.success-card{text-align:center;padding-top:min(15vh,90px)}.success-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(145deg,var(--purple),var(--pink));color:#fff;font:700 29px BloomCalibri,Calibri}.success-card h2{margin:0;font-size:28px}.success-card p{margin:5px 0 16px;color:var(--muted);font-size:17px}.restart-button{padding:8px 18px;border:1px solid rgba(113,55,245,.25);border-radius:12px;background:#fff;color:var(--purple);font-size:14px}
@keyframes loadingPulse{0%,65%,100%{opacity:.18;transform:scale(.88)}32%{opacity:1;transform:scale(1.18)}}@keyframes cardIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(min-width:900px){.onboarding{padding-top:clamp(18px,3vh,34px)}.question-card{padding-inline:22px}.skill-row{grid-template-columns:105px 1fr}.rating button{height:38px}}
@media(max-height:650px){.onboarding{padding-top:calc(env(safe-area-inset-top) + 7px);gap:4px}.welcome-header p{display:none}.eyebrow{font-size:11px}.welcome-header h1{font-size:27px}.card-heading h2{font-size:19px}.card-heading p{font-size:13px}.question-card{padding:8px 11px}.skill-row{grid-template-columns:72px 1fr;padding:5px 0}.skill-name strong{font-size:16px}.skill-name small{font-size:11px}.rating button{height:27px;font-size:14px}.choice-grid{margin-top:5px}.choice-grid button{height:45px}.choice-grid strong{font-size:20px}.choice-grid small{font-size:11px}.sub-question{margin-top:4px;font-size:14px}.sub-question small{font-size:11px}.compact-grid button{min-height:23px;font-size:11.5px}.interest-grid{margin-top:4px}.interest-grid button{min-height:27px;font-size:10.5px}.gender-title{margin-top:4px}.gender-grid button{min-height:27px;font-size:11.5px}.form-actions,.form-actions button{height:42px}.form-message{min-height:12px;font-size:9px}}
@media(max-width:360px){.onboarding{padding-inline:10px}.question-card{padding-inline:10px}.rating{gap:3px}.compact-grid button{font-size:10.5px}.interest-grid button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.loading-dots span{animation:none;opacity:.5}.question-card.active{animation:none}}
.learner-toolbar:has(>.language-switcher){grid-template-columns:auto minmax(0,1fr) auto auto}
@media(max-width:480px){.learner-toolbar:has(>.language-switcher)>label[for="learnerSelect"]{display:none}.learner-toolbar:has(>.language-switcher){grid-template-columns:minmax(0,1fr) auto auto}.learner-toolbar>.language-switcher select{max-width:70px}.learner-toolbar:has(>.language-switcher) button{padding-inline:7px}}

.auth-flow{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px);background:linear-gradient(rgba(255,255,255,.12),rgba(252,252,255,.28)),url("assets/BKG.png") center/cover no-repeat;overflow:hidden}
.auth-flow[hidden],.auth-panel[hidden]{display:none!important}
.auth-panel{width:min(100%,430px);padding:28px 24px;border:1px solid rgba(118,82,202,.13);border-radius:25px;background:rgba(255,255,255,.9);box-shadow:0 22px 65px rgba(60,37,120,.12);text-align:center;backdrop-filter:blur(12px)}
.auth-logo{display:block;width:min(76%,300px);height:auto;margin:0 auto 16px}.auth-logo.small{width:min(55%,210px);margin-bottom:12px}.auth-panel>p{margin:0 0 22px;color:var(--muted);font-size:16px;line-height:1.7}.auth-panel h2{margin:3px 0 4px;font-size:26px}.start-button,.auth-submit{width:100%;height:52px;border:0;border-radius:15px;font-size:18px;font-weight:700}.install-button{margin-top:11px;padding:8px 14px;border:0;background:transparent;color:var(--purple);font-size:14px}.auth-form{position:relative;text-align:right}.auth-form>p{margin-bottom:17px;font-size:14px}.auth-form label{display:block;margin:0 2px 6px;font-size:14px;font-weight:700}.auth-form input{width:100%;height:52px;padding:0 14px;border:1px solid rgba(88,65,153,.2);border-radius:14px;outline:0;background:#fbfaff;color:var(--ink);font:18px BloomCalibri,Calibri,Arial;text-align:left;direction:ltr}.auth-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(113,55,245,.1)}.auth-form .otp-input{text-align:center;font-size:26px;letter-spacing:.35em;padding-left:calc(14px + .35em)}.auth-message{min-height:20px!important;margin:7px 2px 3px!important;color:#b42318!important;font-size:12px!important}.back-link{position:absolute;top:14px;right:16px;padding:5px;border:0;background:transparent;color:var(--purple);font-size:12px}.auth-submit:disabled{background:#d9d6e3;box-shadow:none;color:#999;cursor:not-allowed}
@media(max-height:650px){.auth-panel{padding:18px}.auth-logo{width:min(60%,240px);margin-bottom:8px}.auth-logo.small{width:min(42%,165px)}.auth-panel>p{margin-bottom:12px}.auth-form input{height:46px}.start-button,.auth-submit{height:46px}}
.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:100%}.auth-form .otp-box{width:100%;height:53px;padding:0;border-radius:12px;text-align:center;font-size:24px;font-weight:700;direction:ltr}.auth-form .otp-box.filled{border-color:var(--purple);background:#f5f0ff}
@media(max-height:650px){.auth-form .otp-box{height:46px}}
@media(max-width:350px){.otp-boxes{gap:4px}.auth-form .otp-box{border-radius:9px;font-size:21px}}
.profile-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.profile-name-fields label{display:grid;gap:3px;color:var(--ink);font-size:13px;font-weight:700}.profile-name-fields input{min-width:0;width:100%;height:38px;padding:0 10px;border:1px solid rgba(88,65,153,.16);border-radius:9px;outline:0;background:#faf9ff;color:var(--ink);font:15px BloomYekan,Tahoma,sans-serif;text-align:right}.profile-name-fields input:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(113,55,245,.09)}
@media(max-height:650px){.profile-name-fields{gap:5px;margin-top:4px}.profile-name-fields label{gap:1px;font-size:11px}.profile-name-fields input{height:30px;padding-inline:7px;font-size:12px}}
.learner-toolbar{direction:rtl;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;width:min(100%,680px);height:38px;margin:0 auto}.learner-toolbar label{color:var(--muted);font-size:12px}.learner-toolbar select{min-width:0;height:36px;padding:0 10px;border:1px solid rgba(113,55,245,.18);border-radius:11px;outline:0;background:rgba(255,255,255,.9);color:var(--ink);font:14px BloomYekan,Tahoma,sans-serif}.learner-toolbar select:focus{border-color:var(--purple)}.learner-toolbar button{height:36px;padding:0 10px;border:1px solid rgba(113,55,245,.2);border-radius:11px;background:rgba(255,255,255,.9);color:var(--purple);font:13px BloomYekan,Tahoma,sans-serif;white-space:nowrap}
.profile-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 14px);background:rgba(9,14,42,.34);backdrop-filter:blur(7px)}.profile-modal[hidden]{display:none!important}.profile-modal-card{width:min(100%,480px);max-height:100%;padding:18px;border:1px solid rgba(118,82,202,.16);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(31,20,70,.22);overflow:auto}.profile-modal-heading{display:flex;align-items:flex-start;justify-content:space-between}.profile-modal-heading small{color:var(--purple);font-size:11px}.profile-modal-heading h2{margin:0;font-size:22px}.profile-modal-heading button{width:34px;height:34px;border:0;border-radius:10px;background:#f5f2fb;color:var(--muted);font-size:25px;line-height:1}.profile-modal-card>p{margin:7px 0 10px;color:var(--muted);font-size:13px;line-height:1.55}.profile-modal-card fieldset{margin:8px 0;padding:8px;border:1px solid rgba(88,65,153,.12);border-radius:13px}.profile-modal-card legend{padding:0 5px;color:var(--ink);font-size:13px;font-weight:700}.modal-fields{display:grid;gap:7px}.modal-fields.two-column{grid-template-columns:1fr 1fr}.modal-fields label,.age-band-label{display:grid;gap:3px;color:var(--muted);font-size:11px}.modal-fields input,.age-band-label select{min-width:0;width:100%;height:39px;padding:0 9px;border:1px solid rgba(88,65,153,.17);border-radius:9px;outline:0;background:#faf9ff;color:var(--ink);font:14px BloomYekan,Tahoma,sans-serif}.modal-fields input:focus,.age-band-label select:focus{border-color:var(--purple)}.age-band-label{margin-top:7px}.guardian-consent{display:flex;align-items:flex-start;gap:7px;margin:8px 2px;color:var(--ink);font-size:12px;line-height:1.5}.guardian-consent input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;accent-color:var(--purple)}.modal-message{min-height:16px!important;margin:2px 0!important;color:#b42318!important;font-size:11px!important}.modal-submit{width:100%;height:46px;border:0;border-radius:13px;font-size:15px;font-weight:700}
@media(max-height:650px){.learner-toolbar{height:31px}.learner-toolbar select,.learner-toolbar button{height:30px;font-size:11px}.profile-modal-card{padding:12px}.profile-modal-heading h2{font-size:18px}.profile-modal-card>p{margin:3px 0 5px;font-size:11px}.profile-modal-card fieldset{margin:4px 0;padding:5px}.modal-fields input,.age-band-label select{height:32px;font-size:12px}.guardian-consent{margin:4px 1px;font-size:10.5px}.modal-submit{height:39px}}
@media(max-width:350px){.learner-toolbar label{display:none}.learner-toolbar{grid-template-columns:minmax(0,1fr) auto}.learner-toolbar button{padding-inline:7px}.modal-fields.two-column{gap:5px}}
.legal-check{display:flex!important;align-items:flex-start;gap:7px;color:var(--ink);font-size:12px!important;font-weight:400!important;line-height:1.55;text-align:right}.auth-form .legal-check{margin:10px 2px 2px}.auth-form .legal-check input,.legal-check input{flex:0 0 auto;width:17px!important;height:17px!important;margin:1px 0 0!important;padding:0!important;border-radius:4px!important;box-shadow:none!important;accent-color:var(--purple)}.legal-check a,.guardian-consent a{color:var(--purple);font-weight:700;text-decoration:none}.guardian-consent span{display:block}.legal-consent-card{text-align:center;overflow:hidden}.legal-consent-card>img{display:block;width:min(55%,210px);margin:2px auto 10px}.legal-consent-card>small{color:var(--purple);font-size:11px}.legal-consent-card>h2{margin:2px 0;font-size:24px}.legal-consent-card>.legal-check{margin:12px 2px;text-align:right}.legal-document-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.legal-document-links a{padding:8px;border:1px solid rgba(113,55,245,.15);border-radius:10px;background:#faf9ff;color:var(--purple);font-size:12px;text-decoration:none}
@media(max-height:650px){.auth-form .legal-check{margin-top:5px;font-size:10.5px!important}.legal-consent-card>img{width:min(38%,150px);margin-bottom:4px}.legal-consent-card>h2{font-size:19px}.legal-consent-card>.legal-check{margin:6px 1px}.legal-document-links{margin:5px 0}.legal-document-links a{padding:5px;font-size:10.5px}}

.username-field{grid-column:1/-1}.username-field small,.modal-username-field small{color:var(--muted);font-size:10px;line-height:1.35}.username-field input,.modal-username-field input{text-align:left;direction:ltr;font-family:BloomCalibri,Calibri,Arial,sans-serif}.modal-username-field{grid-column:1/-1}
.onboarding.dashboard-mode{display:grid;grid-template-rows:minmax(0,1fr);padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 10px);gap:0;background:linear-gradient(165deg,rgba(255,255,255,.45),rgba(249,246,255,.72)),url("assets/BKG.png") center/cover no-repeat}.dashboard-mode>.learner-toolbar,.dashboard-mode>.welcome-header,.dashboard-mode>.steps,.dashboard-mode>.form-message,.dashboard-mode>.form-actions{display:none!important}.dashboard-mode>.cards-viewport{width:min(100%,760px);height:100%;overflow:visible}.dashboard-card{position:relative;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;padding:0 0 68px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:hidden}.dashboard-welcome-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:13px;border:1px solid rgba(113,55,245,.12);border-radius:20px;background:rgba(255,255,255,.91);box-shadow:0 12px 32px rgba(60,37,120,.09);backdrop-filter:blur(12px)}.dashboard-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#7137f5,#ef4d96);color:#fff;font:700 21px BloomCalibri,Calibri,Arial}.dashboard-welcome-copy{min-width:0}.dashboard-welcome-copy small{display:block;color:var(--purple);font:700 10px BloomCalibri,Calibri,Arial;letter-spacing:.12em}.dashboard-welcome-copy h2{margin:1px 0 0;overflow:hidden;font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.dashboard-welcome-copy span{display:block;color:var(--muted);font:12px BloomCalibri,Calibri,Arial;direction:ltr;text-align:start}.dashboard-profile-switch{display:flex;align-items:center;gap:3px;height:36px;padding:0 5px;border:1px solid rgba(113,55,245,.16);border-radius:11px;background:#faf9ff;color:var(--purple)}.dashboard-profile-switch select{min-width:0;max-width:112px;height:30px;border:0;outline:0;background:transparent;color:var(--ink);font:12px BloomYekan,Tahoma,sans-serif}.dashboard-welcome-card>.language-switcher{position:static;z-index:auto;height:36px;padding-inline:4px;box-shadow:none;backdrop-filter:none}.dashboard-welcome-card>.language-switcher span{display:none}.dashboard-welcome-card>.language-switcher select{max-width:68px}.dashboard-content{min-height:0}.dashboard-view{height:100%}.dashboard-view.active{animation:cardIn .18s ease-out}.dashboard-feature-card{padding:22px;border:1px solid rgba(113,55,245,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,246,255,.94));box-shadow:0 14px 38px rgba(60,37,120,.08)}.dashboard-feature-card>small{color:var(--purple);font-size:12px}.dashboard-feature-card h3{margin:4px 0;font-size:25px}.dashboard-feature-card>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.dashboard-stats span{display:grid;padding:11px;border:1px solid rgba(113,55,245,.1);border-radius:14px;background:rgba(255,255,255,.86)}.dashboard-stats strong{font-size:20px}.dashboard-stats small{color:var(--muted);font-size:11px}.dashboard-view:not([data-dashboard-view="home"]){place-content:center;text-align:center;padding:24px;border:1px solid rgba(113,55,245,.1);border-radius:22px;background:rgba(255,255,255,.9)}.dashboard-view:not([data-dashboard-view="home"]).active{display:grid}.dashboard-view h3{margin:5px 0;font-size:24px}.dashboard-view>p{margin:0;color:var(--muted);font-size:14px}.dashboard-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:18px;background:#f4efff;color:var(--purple);font:30px BloomCalibri,Calibri,Arial}.profile-summary{text-align:center}.dashboard-avatar.large{width:70px;height:70px;margin:0 auto;font-size:30px}.profile-summary h3{margin:7px 0 0}.profile-summary p{margin:0 0 14px;color:var(--purple);font:14px BloomCalibri,Calibri,Arial}.profile-view .restart-button,.dashboard-add-child{width:min(100%,290px);margin:4px auto;padding:10px 16px;border-radius:12px}.dashboard-add-child{border:0;background:linear-gradient(100deg,#6531f4,#a23fdf 52%,var(--pink));color:#fff}.dashboard-bottom-nav{position:absolute;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:60px;padding:5px;border:1px solid rgba(113,55,245,.12);border-radius:19px;background:rgba(255,255,255,.95);box-shadow:0 12px 32px rgba(60,37,120,.12);backdrop-filter:blur(14px)}.dashboard-bottom-nav button{display:grid;place-items:center;align-content:center;gap:1px;border:0;border-radius:14px;background:transparent;color:#7f879f}.dashboard-bottom-nav button span{font:24px BloomCalibri,Calibri,Arial;line-height:.8}.dashboard-bottom-nav button small{font-size:11px}.dashboard-bottom-nav button.active{background:linear-gradient(145deg,rgba(113,55,245,.1),rgba(239,77,150,.08));color:var(--purple)}
html[dir="ltr"] .dashboard-profile-switch select{font-family:BloomCalibri,Calibri,Arial,sans-serif}
@media(max-width:430px){.dashboard-welcome-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}.dashboard-welcome-card>.dashboard-avatar{display:none}.dashboard-welcome-copy{grid-column:1/-1}.dashboard-profile-switch{grid-column:1}.dashboard-profile-switch select{width:100%;max-width:none}.dashboard-welcome-card>.language-switcher{grid-column:2}.dashboard-welcome-card>.language-switcher select{max-width:72px}.dashboard-welcome-copy h2{font-size:19px}}
@media(max-height:650px){.username-field{gap:0}.username-field input{height:28px!important}.username-field small{font-size:8.5px}.dashboard-card{gap:8px;padding-bottom:58px}.dashboard-welcome-card{padding:8px 10px}.dashboard-feature-card{padding:15px}.dashboard-feature-card h3{font-size:21px}.dashboard-feature-card>p{font-size:13px}.dashboard-stats{margin-top:10px}.dashboard-bottom-nav{height:52px}.dashboard-bottom-nav button span{font-size:20px}.dashboard-bottom-nav button small{font-size:9px}}

.account-setup-flow{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(rgba(255,255,255,.2),rgba(252,252,255,.36)),url("assets/BKG.png") center/cover no-repeat;overflow:hidden}.account-setup-flow[hidden]{display:none!important}.account-setup-card{width:min(100%,470px);max-height:100%;padding:20px;border:1px solid rgba(118,82,202,.14);border-radius:24px;background:rgba(255,255,255,.93);box-shadow:0 22px 65px rgba(60,37,120,.12);overflow:auto;backdrop-filter:blur(12px)}.account-setup-card>.auth-logo{margin-bottom:6px}.account-setup-card>small{display:block;color:var(--purple);font:700 11px BloomCalibri,Calibri,Arial;letter-spacing:.08em;text-align:center}.account-setup-card>h2{margin:2px 0;text-align:center;font-size:25px}.account-setup-card>p{margin:0 0 10px;color:var(--muted);text-align:center;font-size:13px}.account-fields{display:grid;gap:7px}.account-fields.two-column{grid-template-columns:1fr 1fr}.account-fields label,.account-referrer-field,.pin-field{display:grid;gap:4px;color:var(--ink);font-size:12px;font-weight:700}.account-fields input,.account-referrer-field input,.pin-field input{min-width:0;width:100%;height:43px;padding:0 10px;border:1px solid rgba(88,65,153,.17);border-radius:11px;outline:0;background:#faf9ff;color:var(--ink);font:15px BloomYekan,Tahoma,sans-serif}.account-fields input:focus,.account-referrer-field input:focus,.pin-field input:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(113,55,245,.09)}.account-gender-fieldset{margin:10px 0;padding:9px;border:1px solid rgba(88,65,153,.12);border-radius:13px}.account-gender-fieldset legend{padding:0 5px;font-size:12px;font-weight:700}.account-referrer-field small{color:var(--muted);font-size:10px;font-weight:400}.invite-notice{margin:8px 0;padding:9px 11px;border:1px solid rgba(113,55,245,.14);border-radius:11px;background:#f7f3ff;color:var(--purple);font-size:12px;line-height:1.55}
.profile-view{align-content:start!important;place-content:start!important;overflow:auto}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(100%,330px);margin:0 auto 6px}.profile-metrics span{display:grid;padding:8px;border:1px solid rgba(113,55,245,.1);border-radius:12px;background:#faf9ff}.profile-metrics small{color:var(--muted);font-size:10px}.profile-metrics strong{font:700 16px BloomCalibri,Calibri,Arial}.profile-action-button{width:min(100%,290px);margin:4px auto;padding:10px 16px;border:1px solid rgba(113,55,245,.2);border-radius:12px;background:#f8f4ff;color:var(--purple)}.parent-protection-card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,330px);margin:8px auto 0;padding:10px;border:1px solid rgba(113,55,245,.12);border-radius:13px;background:#fff}.parent-protection-card>div{display:grid;text-align:start}.parent-protection-card strong{font-size:12px}.parent-protection-card small{color:var(--muted);font-size:10px}.parent-protection-card button{padding:7px 10px;border:0;border-radius:9px;background:#f0eaff;color:var(--purple);font-size:11px}.compact-modal-card{width:min(100%,420px)}.pin-field{margin:8px 0}.pin-field input{text-align:center;direction:ltr;font:700 22px BloomCalibri,Calibri,Arial;letter-spacing:.25em}.invite-result{display:grid;gap:6px;margin:9px 0;padding:9px;border-radius:12px;background:#f4fff8;color:#18794e;font-size:12px}.invite-result input{width:100%;height:37px;padding:0 8px;border:1px solid rgba(24,121,78,.16);border-radius:8px;background:#fff;color:var(--ink);font:11px BloomCalibri,Calibri,Arial}.invite-result button{justify-self:end;padding:6px 9px;border:0;border-radius:8px;background:#e2f6ea;color:#18794e}.modal-fields input[inputmode="tel"],.modal-fields input[inputmode="numeric"]{direction:ltr;text-align:left;font-family:BloomCalibri,Calibri,Arial}
@media(max-height:650px){.account-setup-card{padding:12px}.account-setup-card>.auth-logo{width:min(35%,135px)}.account-fields input,.account-referrer-field input{height:35px}.account-gender-fieldset{margin:5px 0;padding:5px}.profile-summary .dashboard-avatar.large{width:48px;height:48px;font-size:21px}.profile-summary h3{font-size:18px}.profile-metrics{margin-bottom:2px}.profile-view .restart-button,.profile-action-button,.dashboard-add-child{padding:7px 12px}.parent-protection-card{margin-top:3px;padding:7px}}
.dashboard-view.profile-view{place-content:initial!important;align-content:start!important;justify-content:center!important}

/* Compact dashboard chrome */
.dashboard-card{grid-template-rows:60px minmax(0,1fr);gap:10px}
.dashboard-card .dashboard-topbar{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:6px 8px;border-radius:19px;overflow:visible}
.account-menu-trigger{display:flex;align-items:center;gap:9px;min-width:0;max-width:calc(100% - 52px);height:48px;padding:4px 6px;border:0;border-radius:14px;background:transparent;color:var(--ink);text-align:start}
.account-menu-trigger:hover,.account-menu-trigger[aria-expanded="true"]{background:rgba(113,55,245,.07)}
.account-menu-trigger .dashboard-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;font-size:18px;box-shadow:0 5px 13px rgba(113,55,245,.2)}
.account-menu-label{display:grid;min-width:0;line-height:1.15}.account-menu-label strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.account-menu-label small{overflow:hidden;margin-top:2px;color:var(--muted);font:10.5px BloomCalibri,Calibri,Arial,sans-serif;direction:ltr;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{flex:0 0 auto;color:#8a90a4;font:17px BloomCalibri,Calibri,Arial;transition:transform .16s ease}.account-menu-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.topbar-actions{display:flex;align-items:center}.notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:13px;background:transparent;color:var(--ink)}.notification-button:hover,.notification-button[aria-expanded="true"]{background:rgba(113,55,245,.07);color:var(--purple)}.notification-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:2px;inset-inline-end:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#ef3f74;color:#fff;font:700 9px BloomCalibri,Calibri,Arial}
.account-menu-panel,.notification-panel{position:absolute;top:calc(100% + 8px);z-index:20;width:min(318px,calc(100vw - 40px));border:1px solid rgba(113,55,245,.13);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(35,20,76,.2);backdrop-filter:blur(18px)}
.account-menu-panel{inset-inline-start:0;padding:10px}.notification-panel{inset-inline-end:0;padding:15px;text-align:start}.notification-panel strong{font-size:15px}.notification-panel p{margin:6px 0 0;color:var(--muted);font-size:12px}
.avatar-notification{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px;border:1px solid rgba(113,55,245,.13);border-radius:13px;background:linear-gradient(145deg,#faf7ff,#fff7fb);color:var(--ink);text-align:start}.avatar-notification>span:first-child{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#7137f5,#ef4d96);color:#fff;font:700 20px BloomCalibri,Calibri,Arial}.avatar-notification>span:last-child{display:grid;gap:2px}.avatar-notification strong{font-size:13px}.avatar-notification small{color:var(--muted);font-size:10.5px;line-height:1.45}
.logout-confirm-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:14px}.logout-confirm-actions button{height:44px;border-radius:12px;font-size:14px;font-weight:700}.logout-confirm-actions .secondary-button{border:1px solid rgba(113,55,245,.18);background:#faf9ff;color:var(--ink)}.logout-confirm-card{overflow:hidden}
.account-menu-heading{padding:2px 5px 8px;color:var(--muted);font-size:11px}.account-profile-list{display:grid;gap:3px}.account-profile-option{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;min-height:48px;padding:5px;border:0;border-radius:13px;background:transparent;color:var(--ink);text-align:start}.account-profile-option:hover{background:#f7f4ff}.account-profile-option.active{background:linear-gradient(120deg,rgba(113,55,245,.1),rgba(239,77,150,.07))}.account-profile-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#7137f5,#ef4d96);color:#fff;font:700 15px BloomCalibri,Calibri,Arial}.account-profile-option>span:nth-child(2){display:grid;min-width:0}.account-profile-option strong,.account-profile-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-option strong{font-size:13px}.account-profile-option small{color:var(--muted);font:10px BloomCalibri,Calibri,Arial;direction:ltr}.account-profile-option i{color:var(--purple);font-style:normal;font-weight:700}
.account-menu-actions{display:grid;gap:3px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(35,31,88,.07)}.account-menu-actions button{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:5px 9px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:start;font-size:12px}.account-menu-actions button:hover{background:#f7f4ff}.account-menu-actions button>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f2edff;color:var(--purple);font:16px BloomCalibri,Calibri,Arial}
.account-menu-language{margin-top:7px;padding-top:7px;border-top:1px solid rgba(35,31,88,.07)}.account-menu-language .language-switcher{position:static;display:flex;width:100%;height:38px;box-shadow:none;backdrop-filter:none}.account-menu-language .language-switcher select{flex:1;max-width:none}.account-menu-language .language-switcher span{display:block}
html[dir="ltr"] .account-menu-label,html[dir="ltr"] .account-profile-option,html[dir="ltr"] .account-menu-actions button,html[dir="ltr"] .notification-panel{text-align:left}

/* Favorites library */
.dashboard-view.favorites-view{place-content:initial!important;align-content:start!important;padding:14px;text-align:start;overflow:auto}.dashboard-view.favorites-view.active{display:block}.favorites-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.favorites-header small{color:var(--purple);font-size:10px}.favorites-header h3{margin:0;font-size:22px}.favorites-header>span{padding:5px 9px;border-radius:10px;background:#f4efff;color:var(--purple);font-size:10px;white-space:nowrap}
.favorites-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.favorites-category-grid button{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 9px;min-width:0;min-height:67px;padding:8px;border:1px solid rgba(113,55,245,.1);border-radius:15px;background:#fbfaff;color:var(--ink);text-align:start}.favorites-category-grid button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0eaff;color:var(--purple);font:700 17px BloomCalibri,Calibri,Arial}.favorites-category-grid strong{overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis}.favorites-category-grid small{color:var(--muted);font-size:9px}.favorites-category-grid button.active{border-color:rgba(113,55,245,.35);background:linear-gradient(145deg,rgba(113,55,245,.1),rgba(239,77,150,.06));box-shadow:0 7px 17px rgba(80,47,150,.08)}.favorites-category-grid button.active>span{background:linear-gradient(145deg,#7137f5,#ef4d96);color:#fff}
.favorites-detail{display:grid;justify-items:center;margin-top:12px;padding:16px;border:1px dashed rgba(113,55,245,.18);border-radius:17px;background:rgba(255,255,255,.64);text-align:center}.favorites-detail .dashboard-empty-icon{width:42px;height:42px;border-radius:13px;font-size:23px}.favorites-detail>strong{margin-top:5px;font-size:14px}.favorites-detail>p{margin:2px 0 0;color:var(--muted);font-size:11px}
@media(min-width:640px){.favorites-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.favorites-category-grid button{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center}.favorites-category-grid button>span{grid-row:auto}.account-menu-panel{width:330px}}
@media(max-height:650px){.dashboard-card{grid-template-rows:52px minmax(0,1fr)}.dashboard-card .dashboard-topbar{height:52px;padding-block:4px}.account-menu-trigger{height:44px}.account-menu-trigger .dashboard-avatar{width:36px;height:36px}.favorites-category-grid{margin-top:7px;gap:6px}.favorites-category-grid button{min-height:56px;padding:6px}.favorites-detail{margin-top:7px;padding:9px}}

/* Per-profile avatar picker */
.dashboard-avatar.has-image,.account-profile-avatar.has-image{background-color:#f2eff8;background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent}
.change-avatar-button{margin:5px 0 8px;padding:5px 11px;border:1px solid rgba(113,55,245,.18);border-radius:10px;background:#f7f3ff;color:var(--purple);font-size:11px}
.avatar-picker-card{width:min(100%,500px);overflow:hidden}.avatar-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 8px;padding:4px;border-radius:13px;background:#f3f0f8}.avatar-picker-tabs button{min-height:36px;padding:4px 8px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:12px}.avatar-picker-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 4px 12px rgba(50,32,90,.09);font-weight:700}
.avatar-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:264px;padding:3px;overflow:auto}.avatar-picker-grid button{position:relative;min-width:0;aspect-ratio:1;padding:2px;border:2px solid transparent;border-radius:50%;background:transparent}.avatar-picker-grid button:hover{transform:translateY(-1px)}.avatar-picker-grid button.selected{border-color:var(--purple);box-shadow:0 0 0 3px rgba(113,55,245,.13)}.avatar-picker-grid button.selected::after{content:'✓';position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--purple);color:#fff;font:700 11px BloomCalibri,Calibri,Arial}.avatar-picker-grid img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-picker-card .modal-submit:disabled{background:#dedbe7;color:#9b97a5;box-shadow:none}
@media(max-width:360px){.avatar-picker-grid{gap:5px;min-height:240px}.avatar-picker-card{padding-inline:12px}}
@media(max-height:650px){.avatar-picker-tabs{margin-block:5px}.avatar-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-height:140px}.avatar-picker-card>p{display:none}}

/* Faster sign-in and per-device role selection */
.login-legal-notice{margin:9px 2px 4px!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.65!important;text-align:start}.login-legal-notice a{color:var(--purple);font-weight:700;text-decoration:none}.auth-form>.install-button{display:block;width:100%;margin-top:5px}.auth-form>.install-button[hidden]{display:none}
.role-selection-flow{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(rgba(255,255,255,.2),rgba(252,252,255,.36)),url("assets/BKG.png") center/cover no-repeat;overflow:hidden}.role-selection-flow[hidden]{display:none!important}.role-selection-card{width:min(100%,470px);max-height:100%;padding:20px;border:1px solid rgba(118,82,202,.14);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 22px 65px rgba(60,37,120,.12);overflow:auto;backdrop-filter:blur(12px)}.role-selection-card>.auth-logo{margin-bottom:5px}.role-selection-card>small{display:block;color:var(--purple);font:700 11px BloomCalibri,Calibri,Arial;letter-spacing:.08em;text-align:center}.role-selection-card>h2{margin:3px 0;text-align:center;font-size:24px}.role-selection-card>p:not(.modal-message){margin:0 0 12px;color:var(--muted);text-align:center;font-size:12px}.role-selection-list{display:grid;gap:7px}.role-selection-option{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:6px 8px;border:1px solid rgba(113,55,245,.11);border-radius:16px;background:#fbfaff;color:var(--ink);text-align:start}.role-selection-option:hover{border-color:rgba(113,55,245,.3);background:#f7f3ff;transform:translateY(-1px)}.role-selection-option:disabled{opacity:.55}.role-selection-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#7137f5,#ef4d96);color:#fff;font:700 20px BloomCalibri,Calibri,Arial}.role-selection-avatar.has-image{background-color:#f2eff8;background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent}.role-selection-option>span:nth-child(2){display:grid;min-width:0}.role-selection-option strong,.role-selection-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-selection-option strong{font-size:14px}.role-selection-option small{color:var(--muted);font:11px BloomCalibri,Calibri,Arial;direction:ltr}.role-selection-option i{padding:5px 9px;border-radius:9px;background:#eee8ff;color:var(--purple);font-size:10px;font-style:normal;white-space:nowrap}.account-menu-actions .account-logout-button{color:#b42318}.account-menu-actions .account-logout-button>span:first-child{background:#fff0f0;color:#c5392f}
html[dir="ltr"] .role-selection-option{text-align:left}
@media(max-height:650px){.role-selection-card{padding:12px}.role-selection-card>.auth-logo{width:min(34%,130px)}.role-selection-card>h2{font-size:19px}.role-selection-card>p:not(.modal-message){margin-bottom:6px}.role-selection-list{grid-template-columns:1fr 1fr;gap:5px}.role-selection-option{grid-template-columns:40px minmax(0,1fr);min-height:52px;padding:5px}.role-selection-avatar{width:38px;height:38px}.role-selection-option i{display:none}}

/* Appearance preference */
.account-menu-theme{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px;padding:7px 9px 0;border-top:1px solid rgba(35,31,88,.07);color:var(--ink);font-size:12px}.account-menu-theme>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f2edff;color:var(--purple);font:17px BloomCalibri,Calibri,Arial}.account-menu-theme strong{font-weight:400}.account-menu-theme select{height:31px;padding:0 7px;border:1px solid rgba(113,55,245,.14);border-radius:9px;outline:0;background:#faf9ff;color:var(--ink);font:11px BloomYekan,Tahoma,sans-serif}html[dir="ltr"] .account-menu-theme select{font-family:BloomCalibri,Calibri,Arial,sans-serif}

html[data-theme="dark"]{color-scheme:dark;--ink:#f4f1ff;--muted:#aab3cc;--purple:#9b78ff;--pink:#ff6dab;--panel:rgba(17,24,43,.94)}
html[data-theme="dark"] body{background:#080d1d}
html[data-theme="dark"] .splash{background:radial-gradient(ellipse at 50% 45%,rgba(113,55,245,.2),transparent 42%),linear-gradient(150deg,#070b18,#11152a 68%,#170d20)}
html[data-theme="dark"] .brand-stage p{color:#aab3cc}
html[data-theme="dark"] .splash .bloom-logo,html[data-theme="dark"] .auth-logo,html[data-theme="dark"] .theme-logo{padding:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}html[data-theme="dark"] .splash .bloom-logo{width:min(82vw,430px)}html[data-theme="dark"] .auth-logo.small{width:min(55%,210px)}
html[data-theme="dark"] .onboarding,html[data-theme="dark"] .auth-flow,html[data-theme="dark"] .account-setup-flow,html[data-theme="dark"] .role-selection-flow,html[data-theme="dark"] .onboarding.dashboard-mode{background:radial-gradient(circle at 18% 10%,rgba(113,55,245,.18),transparent 34%),radial-gradient(circle at 88% 82%,rgba(239,77,150,.12),transparent 35%),linear-gradient(155deg,#080d1d,#11182b)}
html[data-theme="dark"] .question-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .account-setup-card,html[data-theme="dark"] .role-selection-card,html[data-theme="dark"] .profile-modal-card,html[data-theme="dark"] .dashboard-welcome-card,html[data-theme="dark"] .dashboard-feature-card,html[data-theme="dark"] .dashboard-view:not([data-dashboard-view="home"]),html[data-theme="dark"] .dashboard-bottom-nav,html[data-theme="dark"] .account-menu-panel,html[data-theme="dark"] .notification-panel{border-color:rgba(155,120,255,.22);background:rgba(17,24,43,.94);box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)}
html[data-theme="dark"] .language-switcher,html[data-theme="dark"] .learner-toolbar select,html[data-theme="dark"] .learner-toolbar button{border-color:rgba(155,120,255,.24);background:rgba(17,24,43,.94)}
html[data-theme="dark"] .card-heading,html[data-theme="dark"] .skill-row,html[data-theme="dark"] .account-menu-actions,html[data-theme="dark"] .account-menu-language,html[data-theme="dark"] .account-menu-theme{border-color:rgba(190,177,230,.11)}
html[data-theme="dark"] .steps span{background:#232b42;color:#8d96ad}html[data-theme="dark"] .steps i{background:#252d45}
html[data-theme="dark"] .rating button,html[data-theme="dark"] .choice-grid button,html[data-theme="dark"] .compact-grid button,html[data-theme="dark"] .interest-grid button,html[data-theme="dark"] .gender-grid button,html[data-theme="dark"] .auth-form input,html[data-theme="dark"] .profile-name-fields input,html[data-theme="dark"] .modal-fields input,html[data-theme="dark"] .age-band-label select,html[data-theme="dark"] .account-fields input,html[data-theme="dark"] .account-referrer-field input,html[data-theme="dark"] .pin-field input,html[data-theme="dark"] .role-selection-option,html[data-theme="dark"] .favorites-category-grid button,html[data-theme="dark"] .profile-metrics span,html[data-theme="dark"] .account-menu-theme select{border-color:rgba(155,120,255,.2);background:#151e34;color:var(--ink)}
html[data-theme="dark"] .rating button{color:#b9c1d6}
html[data-theme="dark"] .auth-form .otp-box.filled,html[data-theme="dark"] .invite-notice{background:#201b3b}
html[data-theme="dark"] .secondary-button,html[data-theme="dark"] .restart-button,html[data-theme="dark"] .profile-action-button,html[data-theme="dark"] .change-avatar-button,html[data-theme="dark"] .parent-protection-card,html[data-theme="dark"] .logout-confirm-actions .secondary-button{border-color:rgba(155,120,255,.25);background:#151e34;color:var(--purple)}
html[data-theme="dark"] .dashboard-stats span,html[data-theme="dark"] .favorites-detail{border-color:rgba(155,120,255,.16);background:rgba(21,30,52,.9)}
html[data-theme="dark"] .dashboard-empty-icon,html[data-theme="dark"] .favorites-header>span,html[data-theme="dark"] .favorites-category-grid button>span,html[data-theme="dark"] .account-menu-actions button>span:first-child,html[data-theme="dark"] .account-menu-theme>span,html[data-theme="dark"] .parent-protection-card button{background:#292044;color:var(--purple)}
html[data-theme="dark"] .account-profile-option:hover,html[data-theme="dark"] .account-menu-actions button:hover,html[data-theme="dark"] .role-selection-option:hover{background:#1b2540}
html[data-theme="dark"] .avatar-notification{border-color:rgba(155,120,255,.2);background:linear-gradient(145deg,#1d2440,#261a36)}
.server-notification-list{display:grid;gap:8px;max-height:320px;overflow:auto;margin-top:9px}.server-notification{position:relative;display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid rgba(113,55,245,.12);border-radius:13px;background:#fff;color:var(--ink);text-align:start}.server-notification.unread{background:linear-gradient(145deg,#faf7ff,#fff7fb);border-color:rgba(113,55,245,.28)}.server-notification.unread:after{content:"";position:absolute;top:11px;inset-inline-end:10px;width:7px;height:7px;border-radius:50%;background:#ef4d96}.server-notification strong{padding-inline-end:13px}.server-notification small{color:var(--muted);line-height:1.55}.server-notification time{color:var(--muted);font-size:9.5px}html[data-theme="dark"] .server-notification{background:#161d31;border-color:rgba(155,120,255,.2)}html[data-theme="dark"] .server-notification.unread{background:linear-gradient(145deg,#1d2440,#261a36)}
html[data-theme="dark"] .profile-modal{background:rgba(2,5,14,.7)}
html[data-theme="dark"] .profile-modal-heading button{background:#202a43;color:var(--muted)}
html[data-theme="dark"] .legal-document-links a{border-color:rgba(155,120,255,.2);background:#151e34}
html[data-theme="dark"] .avatar-picker-tabs{background:#0e1528}html[data-theme="dark"] .avatar-picker-tabs button.active{background:#25304d;color:#c7b8ff}
html[data-theme="dark"] .notification-badge{border-color:#11182b}
html[data-theme="dark"] .primary-button:disabled,html[data-theme="dark"] .auth-submit:disabled,html[data-theme="dark"] .avatar-picker-card .modal-submit:disabled{background:#293149;color:#7f889f}
html[data-theme="dark"] .account-menu-actions .account-logout-button{color:#ff9a9a}html[data-theme="dark"] .account-menu-actions .account-logout-button>span:first-child{background:#3b1d2b;color:#ff8790}