.app{--primary: oklch(var(--p-l) var(--p-c) var(--p-h));--accent-ink: oklch(var(--ai-l) var(--ai-c) var(--p-h));--primary-15: oklch(var(--p-l) var(--p-c) var(--p-h) / .15);--accent-12: oklch(var(--ai-l) var(--ai-c) var(--p-h) / .12);--surface: oklch(var(--sf-l) var(--sf-c) var(--sky-h));--surface-2: oklch(var(--sf2-l) var(--sf2-c) var(--sky-h));--ink: oklch(var(--ink-l) var(--ink-c) var(--sky-h));--dim: oklch(var(--dim-l) var(--dim-c) var(--sky-h));--panel-ink: oklch(var(--pink-l) var(--pink-c) var(--sky-h));--panel-dim: oklch(var(--pdim-l) var(--pdim-c) var(--sky-h));--shadow-ink: var(--outline);--q1: oklch(var(--q-l) var(--q-c) 195);--q2: oklch(var(--q-l) var(--q-c) 138);--q3: oklch(var(--q-l) var(--q-c) 68);--q4: oklch(var(--q-l) var(--q-c) 14)}.app.night{--sky-h: 205;--sky: linear-gradient(180deg, oklch(.245 calc(var(--sf-c) * 1.15) calc(var(--sky-h) - 14)) 0%, var(--surface) 38%, oklch(.325 calc(var(--sf-c) * 1.05) calc(var(--sky-h) + 14)) 100%);--glow: radial-gradient(58% 34% at 78% 4%, var(--primary-15) 0%, transparent 100%)}.app.day{--sky-h: 66;--sky: linear-gradient(180deg, oklch(.985 calc(var(--sf-c) * 1.6) var(--sky-h)) 0%, var(--surface) 46%);--glow: radial-gradient(58% 30% at 78% 2%, var(--primary-15) 0%, transparent 100%)}.app.night.kids{--p-l: .88;--p-c: .13;--ai-l: .5;--ai-c: .155;--q-l: .6;--q-c: .165;--sf-l: .255;--sf-c: .095;--sf2-l: .965;--sf2-c: .03;--ink-l: .975;--ink-c: .022;--dim-l: .845;--dim-c: .045;--pink-l: .265;--pink-c: .055;--pdim-l: .47;--pdim-c: .045;--panel: oklch(.968 .028 var(--sky-h));--panel-2: oklch(.925 .045 var(--sky-h));--outline: oklch(.245 .075 var(--sky-h));--nav-bg: oklch(.968 .028 var(--sky-h));--q-off: oklch(.265 .055 var(--sky-h) / .2);--onp: oklch(.985 .02 var(--p-h));--hero-bg: oklch(.895 .105 var(--p-h));--t2: oklch(.905 .105 138);--t3: oklch(.905 .105 68);--t4: oklch(.895 .095 14);--reward-bg: oklch(.895 .095 14);--moon: oklch(.955 .075 92);--cloud: oklch(.435 .095 calc(var(--sky-h) + 12))}.app.day.kids{--p-l: .58;--p-c: .15;--ai-l: .53;--ai-c: .16;--q-l: .58;--q-c: .17;--sf-l: .945;--sf-c: .042;--sf2-l: .995;--sf2-c: .016;--ink-l: .27;--ink-c: .055;--dim-l: .475;--dim-c: .045;--pink-l: .265;--pink-c: .055;--pdim-l: .47;--pdim-c: .045;--panel: oklch(.998 .012 var(--sky-h));--panel-2: oklch(.965 .035 var(--sky-h));--outline: oklch(.265 .075 var(--sky-h));--shadow-ink: oklch(.7 .085 var(--sky-h));--nav-bg: oklch(.998 .012 var(--sky-h));--q-off: oklch(.265 .055 var(--sky-h) / .18);--onp: oklch(.985 .02 var(--p-h));--hero-bg: oklch(.905 .105 var(--p-h));--t2: oklch(.915 .105 138);--t3: oklch(.915 .105 68);--t4: oklch(.905 .095 14);--reward-bg: oklch(.905 .095 14);--moon: oklch(.905 .155 85);--cloud: oklch(.995 .012 var(--sky-h))}.app.night.adult{--p-l: .8;--p-c: .048;--ai-l: .8;--ai-c: .048;--q-l: .745;--q-c: .078;--sf-l: .205;--sf-c: .032;--sf2-l: .275;--sf2-c: .036;--ink-l: .965;--ink-c: .014;--dim-l: .755;--dim-c: .028;--pink-l: .965;--pink-c: .014;--pdim-l: .755;--pdim-c: .028;--panel: oklch(1 0 0 / .062);--panel-2: oklch(1 0 0 / .095);--outline: oklch(var(--p-l) var(--p-c) var(--p-h) / .3);--nav-bg: oklch(.275 .036 var(--sky-h));--q-off: oklch(1 0 0 / .17);--onp: oklch(.22 .04 var(--p-h));--hero-bg: var(--panel);--t2: var(--panel);--t3: var(--panel);--t4: var(--panel);--reward-bg: var(--panel);--moon: var(--panel);--cloud: var(--panel)}.app.day.adult{--p-l: .455;--p-c: .048;--ai-l: .455;--ai-c: .048;--q-l: .48;--q-c: .078;--sf-l: .966;--sf-c: .01;--sf2-l: .999;--sf2-c: .005;--ink-l: .235;--ink-c: .026;--dim-l: .495;--dim-c: .02;--pink-l: .235;--pink-c: .026;--pdim-l: .495;--pdim-c: .02;--panel: oklch(.999 .005 var(--sky-h));--panel-2: oklch(.978 .008 var(--sky-h));--outline: oklch(var(--p-l) var(--p-c) var(--p-h) / .26);--nav-bg: oklch(.999 .005 var(--sky-h));--q-off: oklch(.32 .02 var(--sky-h) / .17);--onp: oklch(.99 .012 var(--p-h));--hero-bg: var(--panel);--t2: var(--panel);--t3: var(--panel);--t4: var(--panel);--reward-bg: var(--panel);--moon: var(--panel);--cloud: var(--panel)}.app.kids{--fd: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--fb: "Nunito", "Trebuchet MS", system-ui, sans-serif;--fa: "Amiri", Georgia, serif;--r-lg: 24px;--r-md: 19px;--r-sm: 15px;--pill: 999px;--bar: 99px;--arch: 74px 74px 22px 22px;--ow: 3px;--sh: 4px 5px 0 var(--shadow-ink);--sh-sm: 3px 3px 0 var(--shadow-ink);--numsh: 3px 3px 0 var(--shadow-ink);--tilt: -1.6deg;--ink-drop: drop-shadow(1.2px 1.6px 0 var(--shadow-ink));--rowh: 54px;--hero-num: 46px;--heropad-t: 30px;--heropad-b: 14px;--rewpad: 8px;--chippad: 6px;--orn: 1;--sw: 2.5;--mark-w: 5.4;--label-ls: .05em;--label-w: 800;--dot-ring: 0 0 0 1.6px var(--outline)}.app.adult{--fd: "Amiri", Georgia, "Times New Roman", serif;--fb: "Nunito", system-ui, sans-serif;--fa: "Amiri", Georgia, serif;--r-lg: 12px;--r-md: 9px;--r-sm: 7px;--pill: 8px;--bar: 2px;--arch: 12px;--ow: 1px;--sh: none;--sh-sm: none;--numsh: none;--tilt: 0deg;--ink-drop: none;--rowh: 54px;--hero-num: 40px;--heropad-t: 14px;--heropad-b: 14px;--rewpad: 9px;--chippad: 8px;--orn: .3;--sw: 1.5;--mark-w: 3.4;--label-ls: .14em;--label-w: 700;--dot-ring: none}.app.kids.fun-soft{--ow: 2px;--sh: 2px 3px 0 var(--shadow-ink);--sh-sm: 2px 2px 0 var(--shadow-ink);--numsh: none;--tilt: 0deg;--ink-drop: none;--arch: 34px 34px 20px 20px;--q-c: .13;--p-c: .1;--ai-c: .12;--dot-ring: 0 0 0 1.2px var(--outline)}.app.kids.fun-soft .cartoon-only,.app.adult .cartoon-only{display:none!important}.app:lang(ar){--fd: "Baloo Bhaijaan 2", "Amiri", "Noto Sans Arabic", serif;--fb: "Cairo", "Noto Sans Arabic", system-ui, sans-serif;--label-ls: normal}.app.adult:lang(ar){--fd: "Amiri", "Noto Naskh Arabic", serif}.app:lang(ar) .eyebrow,.app:lang(ar) .sect,.app:lang(ar) .sky-label,.app:lang(ar) .lbl,.app:lang(ar) .navb,.app:lang(ar) .rowlbl{text-transform:none;letter-spacing:normal}.app.p-brass{--p-h: 80}.app.p-terracotta{--p-h: 38}.app.p-rose{--p-h: 12}.app.p-olive{--p-h: 118}.app.p-lapis{--p-h: 258}.app.p-emerald{--p-h: 168}.app.adult .kids-only,.app.kids .adult-only,.app.day .night-only,.app.night .day-only{display:none!important}.seg{filter:var(--ink-drop)}.seg path{stroke:var(--q-off);stroke-width:var(--mark-w);fill:none;stroke-linecap:round}.on1 .s1{stroke:var(--q1)}.on2 .s2{stroke:var(--q2)}.on3 .s3{stroke:var(--q3)}.on4 .s4{stroke:var(--q4)}.eyebrow{font-size:10.5px;letter-spacing:var(--label-ls);text-transform:uppercase;font-weight:var(--label-w);line-height:1.2;color:var(--panel-dim)}.sky-label{color:var(--dim);font-size:10px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase}.hero{border-radius:var(--arch);background:var(--hero-bg);border:var(--ow) solid var(--outline);box-shadow:var(--sh);color:var(--panel-ink);position:relative}.heronum{font-family:var(--fd);font-size:var(--hero-num);font-weight:800;line-height:1;color:var(--accent-ink);text-shadow:var(--numsh)}.heroequiv{font-family:var(--fd);font-size:12.5px;font-weight:700;line-height:1;color:var(--panel-dim);white-space:nowrap}.heroequiv:before{content:"·";margin-inline-end:6px;opacity:.55}.chip{border-radius:var(--r-sm);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink);padding:var(--chippad) 9px}.chip .lbl{font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1.2;color:var(--panel-dim)}.chip .num{font-family:var(--fd);font-size:23px;font-weight:800;line-height:1.1;margin-top:1px}.dot{width:9px;height:9px;border-radius:99px;flex-shrink:0;box-shadow:var(--dot-ring)}.prow{display:flex;align-items:center;gap:11px;width:100%;height:var(--rowh);padding:0 12px;margin:0;font:inherit;text-align:start;appearance:none;cursor:pointer;border-radius:var(--r-md);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink);transition:transform .12s ease,box-shadow .12s ease}.app.kids .prow:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.app.adult .prow:hover{border-color:var(--accent-ink)}.prow:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.prow .pname{font-family:var(--fd);font-size:15.5px;font-weight:700;line-height:1.2}.prow .par{font-family:var(--fa);font-size:13px;line-height:1.2;color:var(--panel-dim)}.prow .pnote{display:block;font-size:11.5px;line-height:1.25;font-weight:600;color:var(--panel-dim);margin-top:1px}.prow .ptime{font-family:var(--fd);font-size:13px;font-weight:700;line-height:1.2}.app.kids .prow.pfull{background:var(--panel-2)}.plater .pnote{color:var(--panel-dim)}.prow.pnow{border-color:var(--accent-ink);box-shadow:var(--sh)}.app.adult .prow.pnow{box-shadow:inset 0 0 0 1px var(--accent-ink)}.prow .pnowtag{flex-shrink:0;font-family:var(--fd);font-size:9px;font-weight:800;letter-spacing:var(--label-ls);text-transform:uppercase;line-height:1;padding:4px 6px;border-radius:var(--pill);background:var(--accent-ink);color:var(--onp)}.reward{border-radius:var(--r-md);background:var(--reward-bg);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink);transform:rotate(var(--tilt))}.hadith{border-radius:var(--r-md);background:var(--panel);border:var(--ow) solid var(--outline);color:var(--panel-ink)}.modebtn{height:46px;display:flex;align-items:center;gap:8px;padding:0 15px;border-radius:var(--pill);border:var(--ow) solid var(--outline);background:var(--panel);box-shadow:var(--sh-sm);color:var(--panel-ink);font-family:var(--fd);font-weight:700;font-size:14px;line-height:1;cursor:pointer}.app.kids .modebtn:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.modebtn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.btn-p{width:100%;min-height:52px;border:var(--ow) solid var(--outline);border-radius:var(--pill);background:var(--accent-ink);color:var(--onp);box-shadow:var(--sh);font-family:var(--fd);font-size:18px;font-weight:800;cursor:pointer}.app.kids .btn-p:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.btn-g{width:100%;min-height:46px;border:var(--ow) solid var(--outline);border-radius:var(--pill);background:var(--panel);color:var(--panel-dim);font-family:var(--fb);font-size:13.5px;font-weight:700;cursor:pointer}.btn-p:focus-visible,.btn-g:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.nav{background:var(--nav-bg);border-top:var(--ow) solid var(--outline);position:relative}.app.kids .nav:before{content:"";position:absolute;inset-inline:0;top:-16px;height:17px;background:radial-gradient(circle at 11px 17px,var(--outline) 12.4px,transparent 13px) 0 0 / 22px 17px repeat-x}.app.kids .nav:after{content:"";position:absolute;inset-inline:0;top:-13px;height:14px;background:radial-gradient(circle at 11px 14px,var(--nav-bg) 10.4px,transparent 11px) 0 0 / 22px 14px repeat-x}.navb{flex:1;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:0;padding:0;cursor:pointer;color:var(--panel-dim);font-family:var(--fb);font-weight:700;font-size:10.5px;line-height:1;letter-spacing:.05em;text-transform:uppercase}.navb.on{color:var(--accent-ink)}.navb svg{stroke-width:var(--sw)}.navb:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.bob{animation:bob 3.2s ease-in-out infinite;transform-origin:50% 6%}@keyframes bob{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}.twinkle{animation:tw 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.twinkle.b{animation-delay:.9s}.twinkle.c{animation-delay:1.7s}.twinkle.d{animation-delay:1.3s}.twinkle.e{animation-delay:2.1s}@keyframes tw{0%,to{opacity:.3;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(22deg)}}.app.adult .bob,.app.adult .twinkle{animation:none}@media(prefers-reduced-motion:reduce){.bob,.twinkle,.pop{animation:none!important}}.sect{font-size:10.5px;letter-spacing:var(--label-ls);text-transform:uppercase;color:var(--dim);font-weight:var(--label-w);line-height:1.2}.title{font-family:var(--fd);font-size:23px;font-weight:800;line-height:1.1}.backb{width:44px;height:44px;margin:0;margin-inline-start:-10px;padding:0;appearance:none;background:none;border:0;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}.backb svg{stroke-width:var(--sw)}.chev-back{transform:scaleX(-1)}[dir=rtl] .backb svg,[dir=rtl] .chev{transform:scaleX(-1)}[dir=rtl] .chev-back{transform:none}.field{width:100%;height:58px;padding:0 16px;font-family:var(--fd);font-size:19px;font-weight:700;color:var(--panel-ink);background:var(--panel);border:var(--ow) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--sh-sm);appearance:none}.field::placeholder{color:var(--panel-dim);font-weight:600}.field:focus{outline:2px solid var(--accent-ink);outline-offset:3px}.stepper{display:flex;align-items:center;gap:12px}.stepb{width:62px;height:62px;flex-shrink:0;padding:0;appearance:none;cursor:pointer;border-radius:var(--pill);background:var(--panel);color:var(--panel-ink);border:var(--ow) solid var(--outline);box-shadow:var(--sh);display:flex;align-items:center;justify-content:center}.app.kids .stepb:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.stepb.sm{width:40px;height:40px;background:var(--panel-2);box-shadow:none}.stepb:disabled{color:var(--panel-dim);cursor:default}.agebox{flex-grow:1;height:62px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);background:var(--hero-bg);border:var(--ow) solid var(--outline);box-shadow:var(--sh);color:var(--panel-ink)}.agenum{font-family:var(--fd);font-size:30px;font-weight:800;line-height:1;color:var(--accent-ink);text-shadow:var(--numsh)}.verdict{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--panel);color:var(--panel-ink);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm)}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 14px;margin:0;font:inherit;text-align:start;appearance:none;border-radius:var(--r-md);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink)}button.row{cursor:pointer}.app.kids button.row:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.rowlbl{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--panel-dim);line-height:1.2}.rowval{font-family:var(--fd);font-size:17px;font-weight:700;line-height:1.2}.card{display:block;width:100%;min-height:96px;padding:11px 12px;margin:0;text-align:start;font:inherit;appearance:none;cursor:pointer;position:relative;border-radius:var(--r-md);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink)}.app.kids .card:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.card.on{background:var(--hero-bg)}.card .tick,.swatch .tick{opacity:0}.card.on .tick,.swatch.on .tick{opacity:1}.pill{flex:1;height:48px;margin:0;font:inherit;appearance:none;cursor:pointer;border-radius:var(--pill);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink);font-family:var(--fd);font-weight:700;font-size:14px}.app.kids .pill:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.pill.on{background:var(--accent-ink);color:var(--onp)}.swatch{flex:1;aspect-ratio:1;margin:0;padding:0;appearance:none;cursor:pointer;border-radius:99px;border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center}.swatch.on{outline:2.5px solid var(--ink);outline-offset:3px}.trow{display:flex;align-items:center;gap:13px;width:100%;min-height:68px;padding:11px 14px;margin:0;font:inherit;text-align:start;appearance:none;border-radius:var(--r-md);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.app.kids .trow:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.trow[aria-disabled=true]{opacity:.45;cursor:default}.trow.on{background:var(--tintbg)}.box{width:30px;height:30px;border-radius:var(--r-sm);border:var(--ow) solid var(--outline);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--panel-2)}.trow.on .box{background:var(--tint)}.tick{opacity:0}.trow.on .tick{opacity:1}.ttitle{display:block;font-family:var(--fd);font-size:16.5px;font-weight:700;line-height:1.25}.tsub{display:block;font-size:12px;line-height:1.3;color:var(--panel-dim);font-weight:600;margin-top:1px}.card:focus-visible,.pill:focus-visible,.swatch:focus-visible,.row:focus-visible,.stepb:focus-visible,.backb:focus-visible,.trow:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.pop{animation:pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.5) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(var(--tilt));opacity:1}}.app.adult .pop{animation:none}@media(prefers-reduced-motion:reduce){.pop{animation:none!important}}.app{--q1-12: oklch(var(--q-l) var(--q-c) 195 / .16);--q2-12: oklch(var(--q-l) var(--q-c) 138 / .16);--q3-12: oklch(var(--q-l) var(--q-c) 68 / .16);--q4-12: oklch(var(--q-l) var(--q-c) 14 / .16)}.report-grid{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:4px;align-items:center}.report-head{font-family:var(--fb);font-size:10px;font-weight:800;line-height:1.2;text-align:center;color:var(--dim)}.report-rowlbl{font-family:var(--fd);font-size:12.5px;font-weight:700;line-height:1.2;text-align:start;padding-inline-end:6px;color:var(--ink);white-space:nowrap}.report-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--panel);border:var(--ow) solid var(--outline)}.report-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.report-window{font-family:var(--fd);font-size:15px;font-weight:700;line-height:1.2;text-align:center;flex-grow:1;color:var(--ink)}.stat{padding:10px 12px;border-radius:var(--r-sm);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink)}.statnum{font-family:var(--fd);font-size:22px;font-weight:800;line-height:1.1;color:var(--accent-ink)}.statlbl{display:block;font-size:10.5px;font-weight:700;line-height:1.25;color:var(--panel-dim);margin-top:2px}.pstat{padding:9px 11px;border-radius:var(--r-sm);background:var(--panel);border:var(--ow) solid var(--outline);box-shadow:var(--sh-sm);color:var(--panel-ink)}.pstat-top{display:flex;align-items:baseline;gap:7px}.pstat-name{font-family:var(--fd);font-size:13.5px;font-weight:700;line-height:1.2}.pstat-ar{font-family:var(--fa);font-size:12px;line-height:1.2;color:var(--panel-dim)}.pstat-run{margin-inline-start:auto;font-family:var(--fd);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;color:var(--accent-ink)}.pstat-bar{height:7px;margin-top:7px;border-radius:var(--bar);background:var(--q-off);overflow:hidden}.pstat-fill{height:100%;border-radius:var(--bar);background:var(--q1)}.pstat-rate{font-size:10.5px;font-weight:600;line-height:1.2;color:var(--panel-dim);margin-top:4px}.select{width:100%;height:52px;padding-inline:14px;font-family:var(--fd);font-size:15px;font-weight:700;color:var(--panel-ink);background:var(--panel);border:var(--ow) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--sh-sm);appearance:none}.select:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.masjid-roof{position:absolute;inset-inline:0;top:1px;width:100%;height:30px;pointer-events:none}.app.kids .nav.has-roof{padding-top:34px;border-top:0;background-color:transparent;background-image:linear-gradient(to bottom,transparent 29px,var(--nav-bg) 29px)}.app.kids .nav.has-roof:before,.app.kids .nav.has-roof:after{content:none}.welcome-horizon{position:absolute;inset-inline:0;bottom:0;width:100%;height:96px;pointer-events:none;opacity:.55}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--fb);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--accent-ink);text-decoration:none}a:hover{color:var(--primary)}.screen{position:relative;display:flex;flex-direction:column;min-height:100dvh;background:var(--sky);color:var(--ink);overflow:hidden}.screen-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(20px + env(safe-area-inset-top)) 20px 20px 20px}.screen-centre{display:flex;flex-direction:column}.screen-foot{position:relative;flex:0 0 auto;padding:0 20px calc(20px + env(safe-area-inset-bottom)) 20px;display:flex;flex-direction:column;gap:11px}.nav{padding:6px 12px calc(8px + env(safe-area-inset-bottom)) 12px;display:flex;gap:4px}.glow{position:absolute;inset:0;background:var(--glow);pointer-events:none}.sky-art{position:absolute;top:0;inset-inline-start:0;width:100%;pointer-events:none}[dir=rtl] .sky-art{transform:scaleX(-1)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.stack{display:flex;flex-direction:column}.centre-column{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}.wordmark{font-family:var(--fd);font-size:46px;font-weight:800;line-height:1;color:var(--ink);text-shadow:var(--numsh)}.sheet-scrim{position:absolute;inset:0;background:oklch(.16 .05 var(--sky-h) / .58)}.sheet{position:relative;margin-top:auto;background:var(--surface-2);border-top:var(--ow) solid var(--outline);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom)) 20px;color:var(--panel-ink)}.sheet-grip{width:44px;height:5px;border-radius:99px;background:var(--q-off);margin:0 auto 16px}.muted-note{font-size:11.5px;line-height:1.4;font-weight:600;color:var(--dim)}.empty-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 24px}