/* Ghiras Graphic — independent visual system. Loaded only by the Graphic edition. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Cairo:wght@400;600;700;800;900&display=swap');
:root{--g-ink:#184e49;--g-deep:#164e63;--g-mint:#dff5ed;--g-sky:#e8f6ff;--g-lilac:#7869dc;--g-coral:#ff8e83;--g-sun:#ffd56e;--g-paper:#fffdf9;--g-line:#dcebe7;--g-muted:#6d817d;--g-shadow:0 18px 46px rgba(37,89,112,.12)}
body{background:radial-gradient(circle at 8% 4%,#e9f8f2 0,transparent 24%),radial-gradient(circle at 96% 20%,#e8eeff 0,transparent 27%),var(--g-paper)!important;color:var(--g-ink)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#7fd2c8 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 50%);z-index:-1}
header.site{background:rgba(255,253,249,.86)!important;border-color:var(--g-line)!important;box-shadow:0 8px 28px rgba(37,89,112,.08)}
.brand{color:var(--g-deep)!important}.brand .mark{background:linear-gradient(135deg,var(--g-lilac),#4ebfc0)!important;border-radius:15px!important;box-shadow:0 8px 16px rgba(120,105,220,.24)}.brand em{color:#e6a742!important}
.pill,.hud .btn-ghost{background:#fff!important;border-color:var(--g-line)!important;color:var(--g-deep)!important;box-shadow:0 5px 13px rgba(37,89,112,.05)}
.hero{background:linear-gradient(135deg,#effbff 0%,#f8f2ff 52%,#fff6e3 100%)!important;color:var(--g-deep)!important;padding-block:56px!important}.hero:after{height:74px!important;background:var(--g-paper)!important}.hero h1,.hero h1 .g{color:var(--g-deep)!important}.hero p.lead{color:#58736e!important}.hero-eyebrow{background:#fff8d9!important;border-color:#f6dc91!important;color:#966d1d!important}.chip-ok{background:#fff!important;border-color:var(--g-line)!important;color:var(--g-deep)!important}.hero-btn{background:linear-gradient(135deg,var(--g-lilac),#58bfc1)!important;color:#fff!important;box-shadow:0 13px 24px rgba(104,98,212,.25)!important}.hero-parent-btn{background:#fff!important;border-color:var(--g-line)!important;color:var(--g-deep)!important}.hero-play-note{color:#6d817d!important}
.hero-showcase{background:linear-gradient(145deg,#ffd17d,#ff9494 49%,#8a76df)!important;border-color:#fff!important;box-shadow:0 22px 45px rgba(96,77,170,.20)!important}.hero-showcase:before,.hero-showcase:after{color:#fff5bb!important}.hero-bubble{color:#6250ab!important}.hero-bubble.two{background:#e9fff4!important;color:#1b7460!important}.hero-subjects span{color:#5e51a3!important}.hero-mascot{font-size:0!important;background:url('ghiras-soft-hero-v1.png') center/contain no-repeat;width:min(430px,94%);height:285px;filter:drop-shadow(0 15px 12px rgba(67,36,78,.16))!important}
.ux-avatar{font-size:0!important;background:#ffe69a url('ghiras-soft-hero-v1.png') center/contain no-repeat!important;box-shadow:inset 0 -14px 0 rgba(255,255,255,.24),0 12px 24px rgba(102,86,170,.14)!important}.ux-welcome:after{content:'✦  ✦';position:absolute;left:22px;bottom:12px;color:#fff2a8;font-size:21px;letter-spacing:11px;opacity:.8}.ux-welcome{position:relative;overflow:hidden}.child-space-title{color:var(--g-deep)!important}.child-space-title span{background:#fff0b9!important;color:#85631b!important}.child-space-nav button{border-color:#c7e7e4!important;color:var(--g-deep)!important}.child-space-nav button:first-child{background:linear-gradient(135deg,#7869dc,#4dbebf)!important;border-color:transparent!important}
.ux-shell{background:linear-gradient(135deg,#fffdf7,#edfaff)!important;border-color:#bce9eb!important;border-radius:30px!important;box-shadow:var(--g-shadow)!important}.ux-welcome{background:linear-gradient(135deg,#7869dc,#50bdc0)!important;border-radius:24px!important}.ux-avatar{background:linear-gradient(145deg,#ffe08b,#ff9b91)!important;border-radius:24px!important}.ux-action,.acard,.new-metric,.new-skill,.progress-card,.quran-block,.price-card,.family-children{border-color:var(--g-line)!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(37,89,112,.06)!important}.ux-action:hover,.acard:hover{border-color:#89d7cf!important;box-shadow:var(--g-shadow)!important}.ux-action .ux-action-label,.acard h3,.sec-head h2,.quran-block .name{color:var(--g-deep)!important}.new-next,.continue-card{background:linear-gradient(135deg,#7869dc,#4dbebf)!important}.new-quran-report{background:#fff1f3!important;border-color:#ffd0d2!important}.new-skill i,.progress-track i,.prog i{background:linear-gradient(90deg,#58c8c3,#8b70df)!important}.btn-start,.sound-btn,.tutor-input button,.game-spotlight button{background:var(--g-deep)!important}.hero-btn:hover,.ux-action:hover,.acard:hover{transform:translateY(-3px)}
.modal{background:rgba(34,64,72,.38)!important}.panel{background:#fffdf9!important;border:1px solid #fff!important;border-radius:30px!important}.panel-head h3{color:var(--g-deep)!important}.panel-close{border-color:var(--g-line)!important}.choice.correct{border-color:#4bbd9e!important;background:#e7fbf3!important;color:#1c7c68!important}.choice.wrong{border-color:#ff9f96!important;background:#fff1f0!important;color:#bc4f4c!important}
.tutor-btn{background:linear-gradient(135deg,#7869dc,#50bdc0)!important;box-shadow:0 12px 25px rgba(103,96,207,.26)!important}.tutor-head,.tutor-bubble.me{background:var(--g-deep)!important}.tutor-bubble.ai{background:#f6f4ff!important;border-color:#e1defa!important}
/* Parent dashboard */
.top{background:rgba(255,253,249,.9)!important;border-bottom:1px solid var(--g-line)!important;box-shadow:0 8px 24px rgba(37,89,112,.07)!important}.brand{color:var(--g-deep)!important}.nav a{border-color:var(--g-line)!important;color:var(--g-deep)!important;background:#fff!important}.intro{background:linear-gradient(135deg,#7869dc,#4dbebf)!important;border-radius:30px!important;box-shadow:var(--g-shadow)}.metric,.panel{border:1px solid var(--g-line)!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(37,89,112,.06)!important}.metric b{color:var(--g-lilac)!important}.bar i{background:linear-gradient(90deg,#58c8c3,#8b70df)!important}.report{background:#fff3f5!important;border-color:#ffd2d4!important}.actions a,.actions button{background:linear-gradient(135deg,#7869dc,#4dbebf)!important;color:#fff!important}.actions .alt{background:#eef8ff!important;color:var(--g-deep)!important}
/* Sign-in page */
body.graphic-login{background:radial-gradient(circle at 12% 12%,#dff8f0 0,transparent 30%),radial-gradient(circle at 88% 8%,#e8e3ff 0,transparent 28%),#fffdf9!important;position:relative;isolation:isolate}.graphic-login:after{content:"";position:fixed;left:max(3vw,18px);bottom:0;width:min(38vw,390px);height:min(48vh,430px);background:url('ghiras-soft-hero-v1.png') bottom center/contain no-repeat;opacity:.94;z-index:-1;filter:drop-shadow(0 16px 16px rgba(49,63,130,.16));animation:ghRise .8s both}.graphic-login .box{border:1px solid #fff!important;border-radius:32px!important;box-shadow:0 24px 70px rgba(60,69,132,.16)!important;background:rgba(255,253,249,.94)!important}.graphic-login h1{color:var(--g-deep)!important}.graphic-login button{background:linear-gradient(135deg,#7869dc,#4dbebf)!important;border-radius:16px!important}.graphic-login input{border-color:var(--g-line)!important;background:#fff!important}.graphic-login .back{color:var(--g-lilac)!important}@media(max-width:720px){body.graphic-login:after{opacity:.18;width:90vw;height:35vh;left:5vw}.graphic-login .box{position:relative;z-index:1}}
/* Admin visual shell */
body.graphic-admin{background:radial-gradient(circle at 5% 4%,#e0f8ef 0,transparent 25%),radial-gradient(circle at 96% 16%,#eae5ff 0,transparent 28%),#fffdf9!important}.graphic-admin header{background:linear-gradient(180deg,#345a9a,#7463cb 54%,#4fbdbb)!important;border-left:1px solid rgba(255,255,255,.2)!important;box-shadow:10px 0 28px rgba(51,75,132,.13)!important}.graphic-admin main{background:transparent!important}.graphic-admin .topbar,.graphic-admin .card,.graphic-admin .admin-stat{background:rgba(255,255,255,.88)!important;border-color:#e1e8f2!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(43,78,117,.08)!important}.graphic-admin .topbar h2,.graphic-admin h2{color:#315d86!important}.graphic-admin th{background:#edf7fa!important;color:#315d86!important}.graphic-admin td,.graphic-admin th{border-color:#e1e8f2!important}.graphic-admin input,.graphic-admin select,.graphic-admin textarea{border-color:#d8e5eb!important;background:#fff!important}.graphic-admin button{background:linear-gradient(135deg,#7869dc,#4dbebf)!important;border-radius:11px!important}.graphic-admin button.warn{background:linear-gradient(135deg,#ef8177,#f0aa76)!important}.graphic-admin .badge.ok{background:#e1f8ee!important;color:#247562!important}.graphic-admin .admin-stat b{color:#7463cb!important}
@media(max-width:700px){.hero{padding-block:34px!important}.hero-showcase{min-height:230px!important}.hero-mascot{height:220px}.hero h1{font-size:32px!important}.panel{border-radius:22px!important}.graphic-admin header{background:linear-gradient(135deg,#345a9a,#7463cb 56%,#4fbdbb)!important}.graphic-admin .topbar,.graphic-admin .card{border-radius:16px!important}}
/* Motion language: celebratory, brief and calm, never distracting. */
@keyframes ghRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ghGlow{0%,100%{filter:drop-shadow(0 12px 12px rgba(88,200,195,.18))}50%{filter:drop-shadow(0 18px 20px rgba(139,112,223,.30))}}
@keyframes ghWiggle{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}
.hero-copy,.hero-showcase,.ux-shell,.sec-head,.acard,.price-card,.graphic-admin .card{animation:ghRise .55s both}.hero-showcase{animation:ghRise .55s both,ghGlow 4.4s ease-in-out infinite}.acard:nth-child(2),.price-card:nth-child(2){animation-delay:.08s}.acard:nth-child(3),.price-card:nth-child(3){animation-delay:.16s}.acard:nth-child(4),.price-card:nth-child(4){animation-delay:.24s}.brand .mark{animation:ghWiggle 3.2s ease-in-out infinite}.hero-mascot{animation:floatMascot 3.2s ease-in-out infinite,ghGlow 4s ease-in-out infinite!important}
.acard .ico,.ux-action span{transition:transform .2s ease}.acard:hover .ico,.ux-action:hover span{transform:scale(1.14) rotate(-5deg)}button,.btn-start,.hero-btn,.price-btn,.track-tab{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.hero-btn:active,.price-btn:active,.btn-start:active,button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Child-first polish: rounded type, visual activity guides and friendly actions. */
.child-mode,.child-mode button,.child-mode input,.child-mode select,.child-mode textarea{font-family:'Baloo 2','Cairo','Segoe UI',sans-serif!important}
.child-mode .child-space-nav button,.child-mode .btn-start{font-weight:800;letter-spacing:.15px}
.child-mode .btn-start{background:linear-gradient(135deg,#ff9f68,#7869dc)!important;box-shadow:0 8px 16px rgba(120,105,220,.2)!important}
.child-mode .btn-start:hover{background:linear-gradient(135deg,#7869dc,#4dbebf)!important}
.child-mode .acard{position:relative;overflow:hidden}
.child-mode .acard:after{content:'';position:absolute;inset:auto auto -18px -18px;width:112px;height:112px;background:url('characters/guide-book.png') center/contain no-repeat;opacity:.18;mix-blend-mode:screen;pointer-events:none;transition:transform .25s ease}
.child-mode .acard:nth-child(3n):after{background-image:url('characters/guide-explore.png');opacity:.16}
.child-mode .acard:nth-child(3n+1):after{background-image:url('characters/guide-talk.png');opacity:.14}
.child-mode .acard:hover:after{transform:translateY(-8px) rotate(-4deg)}
.child-mode .acard .btn-start{position:relative;z-index:2}
.child-mode .acard{isolation:isolate;padding-top:24px!important}
.child-mode .acard .card-guide{display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 8px 8px rgba(37,89,112,.14));transition:transform .25s ease;position:relative;z-index:1}
.child-mode .acard:nth-child(3n) .card-guide{width:104px;height:82px}
.child-mode .acard:hover .card-guide{transform:translateY(-5px) scale(1.06) rotate(-2deg)}
.child-mode .ux-welcome:after{content:'🌱  ✨  🧒';position:absolute;left:20px;bottom:10px;font-size:23px;letter-spacing:6px;opacity:.9}

/* Keep the login illustration complete instead of showing a cropped corner. */
.graphic-login:after{left:max(2vw,18px)!important;bottom:10px!important;width:min(30vw,330px)!important;height:min(44vh,390px)!important;background-image:url('characters/guide-book.png')!important;background-position:center bottom!important;background-size:contain!important;opacity:.72!important;mix-blend-mode:screen!important}
.graphic-login:before{content:'';position:fixed;right:max(1vw,10px);bottom:12px;width:min(27vw,310px);height:min(38vh,340px);background:url('characters/guide-explore.png') center bottom/contain no-repeat;opacity:.28;mix-blend-mode:screen;z-index:-1}
@media(max-width:720px){.graphic-login:after{width:45vw!important;height:28vh!important;left:0!important;opacity:.42!important}.graphic-login:before{width:44vw;height:25vh;right:0;opacity:.2}}

/* Join page: same child-friendly visual language, with a complete guide beside the form. */
body.graphic-join{background:radial-gradient(circle at 8% 10%,#dff8f0 0,transparent 28%),radial-gradient(circle at 92% 14%,#e8e3ff 0,transparent 25%),#fffdf9!important;position:relative;isolation:isolate}
body.graphic-join:before{content:'';position:fixed;left:1vw;bottom:0;width:min(30vw,350px);height:min(50vh,470px);background:url('characters/guide-explore.png') center bottom/contain no-repeat;opacity:.4;mix-blend-mode:screen;z-index:-1}
body.graphic-join .box{border:1px solid #fff;border-radius:30px;box-shadow:0 24px 70px rgba(60,69,132,.16);background:rgba(255,253,249,.95)}
body.graphic-join h1{font-family:'Baloo 2','Cairo',sans-serif;color:var(--g-deep)}
body.graphic-join button{background:linear-gradient(135deg,#7869dc,#4dbebf);border-radius:16px}
@media(max-width:720px){body.graphic-join:before{width:62vw;height:28vh;opacity:.22;left:19vw}}
.hero-art .bubble.two{top:auto!important;bottom:92px!important;left:-8px!important;white-space:nowrap;z-index:4}
@media(max-width:900px){.hero-art .bubble.two{left:4%!important;bottom:54px!important}}
@media(max-width:520px){.hero-art .bubble.two{bottom:18px!important;left:2%!important}}
.trial-onboard .ob-opt{position:relative;overflow:hidden;min-height:138px!important;padding:12px 10px 10px!important;background:linear-gradient(145deg,#fff,#f5fffb)!important;border:2px solid #e4e0d2!important;box-shadow:0 8px 18px rgba(26,87,74,.08);align-items:center}
.trial-onboard .ob-opt.sel{border-color:#23866f!important;background:linear-gradient(145deg,#e8f8f1,#fff)!important;box-shadow:0 10px 22px rgba(35,134,111,.16)}
.trial-onboard .ob-guide{width:70px;height:70px;object-fit:contain;display:block;filter:drop-shadow(0 5px 4px rgba(35,74,70,.14));transition:transform .2s ease}
.trial-onboard .ob-opt:hover .ob-guide{transform:translateY(-4px) scale(1.06)}
.trial-onboard .ob-opt .tt{font-weight:900!important;color:var(--g-deep)!important}
.trial-onboard .ob-opt .d{color:#6d817d!important}
@media(max-width:720px){.trial-onboard .ob-opt{min-height:112px!important}.trial-onboard .ob-guide{width:54px;height:54px}}
.child-mode .acard:after{display:none!important}
/* Trial path and level cards: each age/ability has its own visual rhythm. */
.trial-onboard .stage-opt,.trial-onboard .level-opt{position:relative;overflow:hidden;min-height:118px!important;justify-content:center!important;padding:13px 10px 10px!important}
.trial-onboard .track-opt{position:relative;overflow:hidden;min-height:112px!important;justify-content:center!important;padding:14px 10px!important}
.trial-onboard .track-badge{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 5px;border-radius:15px;background:linear-gradient(135deg,#fff0b8,#dff8ef);font-size:24px;box-shadow:0 6px 12px rgba(37,89,112,.1)}
.trial-onboard .track-guide{width:58px;height:48px;object-fit:contain;margin:0 auto 2px}
.trial-onboard .stage-guide,.trial-onboard .level-guide{width:54px;height:48px;object-fit:contain;margin:0 auto 2px}
.trial-onboard .stage-copy,.trial-onboard .level-copy{display:flex;flex-direction:column;align-items:center}
.trial-onboard .track-opt:nth-child(2) .track-badge{background:linear-gradient(135deg,#e6f8ff,#d9e7ff)}
.trial-onboard .track-opt:nth-child(3) .track-badge{background:linear-gradient(135deg,#fff0cc,#f0eaff)}
.trial-onboard .track-opt:nth-child(4) .track-badge{background:linear-gradient(135deg,#e9e4ff,#e1f8ef)}
.trial-onboard .stage-opt:after,.trial-onboard .level-opt:after{content:'';position:absolute;inset:auto -12px -20px auto;width:74px;height:74px;border-radius:50%;background:rgba(120,105,220,.08);pointer-events:none}
.trial-onboard .stage-icon,.trial-onboard .level-icon{font-size:28px;line-height:1;display:block;margin-bottom:4px;filter:drop-shadow(0 3px 4px rgba(45,85,77,.12))}
.trial-onboard .stage-tag,.trial-onboard .level-tag{display:block;font-size:11px;font-weight:900;color:#7a8d87;margin-top:4px}
.trial-onboard .stage-opt[data-key="PreKG"]{border-color:#b9e6c6!important;background:linear-gradient(145deg,#f2fff6,#fff)!important}
.trial-onboard .stage-opt[data-key="KG1"]{border-color:#f0d68a!important;background:linear-gradient(145deg,#fff9e7,#fff)!important}
.trial-onboard .stage-opt[data-key="KG2"]{border-color:#b8e6ed!important;background:linear-gradient(145deg,#effcff,#fff)!important}
.trial-onboard .stage-opt[data-key="G1"]{border-color:#c8bdf3!important;background:linear-gradient(145deg,#f5f1ff,#fff)!important}
.trial-onboard .stage-opt[data-key="G2"]{border-color:#f0c0a7!important;background:linear-gradient(145deg,#fff3ed,#fff)!important}
.trial-onboard .stage-opt[data-key="G3"]{border-color:#b3d8f1!important;background:linear-gradient(145deg,#eef8ff,#fff)!important}
.trial-onboard .level-opt[data-key="beginner"]{border-color:#b5e2cb!important;background:linear-gradient(145deg,#effcf5,#fff)!important}
.trial-onboard .level-opt[data-key="mid"]{border-color:#efd58e!important;background:linear-gradient(145deg,#fff9e6,#fff)!important}
.trial-onboard .level-opt[data-key="adv"]{border-color:#c8baf1!important;background:linear-gradient(145deg,#f5f1ff,#fff)!important}
.trial-onboard .stage-opt.sel,.trial-onboard .level-opt.sel{transform:translateY(-3px);box-shadow:0 12px 24px rgba(35,134,111,.17)!important}
@media(max-width:720px){.trial-onboard .stage-opt,.trial-onboard .level-opt{min-height:112px!important}.trial-onboard .stage-icon,.trial-onboard .level-icon{font-size:22px}.trial-onboard .stage-tag,.trial-onboard .level-tag{font-size:10px}.trial-onboard .track-guide{width:48px;height:40px}.trial-onboard .stage-guide,.trial-onboard .level-guide{width:44px;height:38px}}
/* Creative child header and path selector: a playful journey map, not a plain toolbar. */
.child-mode header.site{position:relative;overflow:hidden;background:linear-gradient(105deg,#fffdf9 0%,#eefaff 55%,#fff4d8 100%)!important;border-bottom:2px solid #d5eeea!important}
.child-mode header.site:after{content:'✦  ✦  ✦';position:absolute;left:7%;bottom:7px;color:#f2c85f;font-size:11px;letter-spacing:13px;opacity:.7;pointer-events:none;animation:ghWiggle 4s ease-in-out infinite}
.child-mode .child-space-title{position:relative;margin-top:7px!important;padding-top:21px!important}
.child-mode .child-space-title:before{content:'👋';position:absolute;right:22px;top:-1px;font-size:20px;animation:ghWiggle 2.6s ease-in-out infinite}
.child-mode .child-space-title span{box-shadow:0 7px 16px rgba(37,89,112,.08);border:1px solid #f3df9e!important}
.child-mode .child-space-title span:last-child{background:linear-gradient(135deg,#fff4bd,#ffe08d)!important;color:#78571c!important}
.child-mode .child-space-nav{position:relative;padding-top:5px!important;padding-bottom:12px!important}
.child-mode .child-space-nav:before{content:'اختر بوابتك';position:absolute;right:23px;top:-17px;color:#7a8c88;font-size:11px;font-weight:800;opacity:.82}
.child-mode .child-space-nav button{position:relative;box-shadow:0 6px 14px rgba(37,89,112,.06);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.child-mode .child-space-nav button:nth-child(2){background:#fff8e8!important;border-color:#f0d99b!important}
.child-mode .child-space-nav button:nth-child(3){background:#f2edff!important;border-color:#d8cdf7!important}
.child-mode .child-space-nav button:nth-child(4){background:#eafaff!important;border-color:#b9e6ef!important}
.child-mode .child-space-nav button:nth-child(5){background:#fff1f1!important;border-color:#f4c5c5!important}
.child-mode .child-space-nav button:nth-child(6){background:#f1efff!important;border-color:#d2caf5!important}
.child-mode .child-space-nav button:hover{transform:translateY(-4px) rotate(-1deg)!important;box-shadow:0 12px 22px rgba(37,89,112,.13)!important;filter:saturate(1.08)}
.child-mode .child-space-nav button:first-child{box-shadow:0 10px 20px rgba(120,105,220,.23)!important}
.child-mode .child-space-nav{background:linear-gradient(180deg,rgba(233,250,247,.72),rgba(246,242,255,.44))!important;border-radius:0 0 30px 30px}
.child-mode .child-space-nav:after{content:'✨ كل اختيار يفتح مغامرة جديدة لطفلك';flex:0 0 100%;text-align:center;color:#6c7c78;font-size:12px;font-weight:800;padding-top:3px;letter-spacing:.1px}
.child-mode #welcome-strip{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff8e9,#fffdf7 48%,#effaf5)!important;border:2px solid #f0dca6!important;box-shadow:0 10px 22px rgba(37,89,112,.07)!important}
.child-mode #welcome-strip:before{content:'🌱';display:inline-grid;place-items:center;width:32px;height:32px;margin-left:8px;border-radius:50%;background:#e5f8ef;vertical-align:middle;font-size:18px;animation:ghWiggle 3s ease-in-out infinite}
@media(max-width:650px){.child-mode .child-space-title:before{right:16px}.child-mode .child-space-nav:before{right:16px}.child-mode header.site:after{left:3%;letter-spacing:7px}.child-mode #welcome-strip:before{width:26px;height:26px;font-size:15px}}
/* Child dashboard: the first thing the child sees should be a real guide, not a blank color block. */
.child-mode .ux-avatar{position:relative;overflow:hidden;min-height:210px!important;background:linear-gradient(145deg,#ffd98b,#ff9b91 52%,#8a7ae6)!important;border:2px solid rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(90,74,160,.16)!important}
.child-mode .ux-avatar:before{content:'✦  ✦  ✦';position:absolute;top:12px;left:18px;color:#fff8c6;font-size:18px;letter-spacing:8px;animation:ghWiggle 3s ease-in-out infinite}
.child-mode .ux-avatar img{display:block;width:92%;height:185px;object-fit:contain;margin:18px auto 0;filter:drop-shadow(0 12px 8px rgba(55,55,110,.18));animation:floatMascot 3.2s ease-in-out infinite}
.child-mode .ux-avatar span{position:absolute;right:14px;bottom:12px;background:#fffdf9;color:var(--g-deep);border-radius:999px;padding:7px 12px;font-weight:900;font-size:13px;box-shadow:0 7px 14px rgba(39,73,90,.14)}
.child-mode .ux-action{cursor:pointer;background:linear-gradient(145deg,#fff,#f4fffb)!important}
.child-mode .ux-action:hover{background:linear-gradient(145deg,#eaf9f4,#fff)!important}
@media(max-width:700px){.child-mode .ux-avatar{min-height:160px!important}.child-mode .ux-avatar img{height:138px;margin-top:9px}.child-mode .ux-avatar span{font-size:11px;bottom:8px;right:8px}}

/* قصص طويلة: مساحة قراءة كاملة بدل صندوق قصير قابل للقص */
.story-full-label{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#fff3c6,#e6f7f1);color:#155448;font-weight:800;font-size:.95rem}
.story-full-text{min-height:220px;max-height:none!important;overflow:visible!important;white-space:pre-line;box-shadow:0 8px 24px rgba(18,63,55,.06)}
.story-full-text .ps-sent{display:inline}
.parent-logout{background:#fff0ed!important;color:#9b4738!important;border:1px solid #f0c6bc!important}
.parent-logout:hover{background:#ffe1d9!important;transform:translateY(-1px)}
@media (max-width:700px){.story-full-text{font-size:17px!important;line-height:2!important;padding:16px!important}.story-full-label{font-size:.82rem}}