@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.1jg2wqmry50dw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.097t91mu4nbwo.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.2a66m7dsu0m6t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.p.1puy2ov14w4rp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.3bm7l-ln3bnu5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_sans_846a92ed-module__ZFv9mW__className{font-family:Nunito Sans,Nunito Sans Fallback;font-style:normal}.nunito_sans_846a92ed-module__ZFv9mW__variable{--font-nunito-sans:"Nunito Sans", "Nunito Sans Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_5dae6085-module__-KAe2W__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_5dae6085-module__-KAe2W__variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/318e7a4ab76bee79-s.p.3oe40_-uru6tm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/38ff387ee67bc4cc-s.16ebw921qj52m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran Fallback;src:local(Times New Roman);ascent-override:181.61%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.amiri_quran_41f370d1-module__2ZGjPa__className{font-family:Amiri Quran,Amiri Quran Fallback;font-style:normal;font-weight:400}.amiri_quran_41f370d1-module__2ZGjPa__variable{--font-amiri-quran:"Amiri Quran", "Amiri Quran Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-nunito-sans), "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-nunito-sans), "Segoe UI", system-ui, sans-serif;--default-mono-font-family:var(--font-mono);--font-display:var(--font-fredoka), "Segoe UI", system-ui, sans-serif;--font-arabic:var(--font-amiri-quran), "Scheherazade New", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-y-0{inset-block:0}.-top-1{top:calc(var(--spacing) * -1)}.-right-1{right:calc(var(--spacing) * -1)}.left-0{left:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-\[30px\]{width:30px;height:30px}.size-full{width:100%;height:100%}.h-9{height:calc(var(--spacing) * 9)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.min-h-full{min-height:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[6rem\]{max-width:6rem}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-accent{border-color:var(--accent)}.border-line{border-color:var(--line)}.border-primary{border-color:var(--primary)}.border-sun{border-color:var(--sun)}.border-transparent{border-color:#0000}.bg-\[var\(--tool-soft\)\]{background-color:var(--tool-soft)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-line\/60{background-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.bg-line\/60{background-color:color-mix(in oklab, var(--line) 60%, transparent)}}.bg-paper{background-color:var(--paper)}.bg-primary{background-color:var(--primary)}.bg-primary-soft{background-color:var(--primary-soft)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pl-1{padding-left:var(--spacing)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-display{font-family:var(--font-fredoka), "Segoe UI", system-ui, sans-serif}.font-sans{font-family:var(--font-nunito-sans), "Segoe UI", system-ui, sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-accent{color:var(--accent)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-on-primary{color:var(--on-primary)}.text-primary{color:var(--primary)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--primary\)\]{accent-color:var(--primary)}.opacity-35{opacity:.35}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-sun{--tw-ring-color:var(--sun)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}}.placeholder\:text-muted::placeholder{color:var(--muted)}.focus-within\:ring-4:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-primary-soft:focus-within{--tw-ring-color:var(--primary-soft)}@media (hover:hover){.hover\:border-line:hover{border-color:var(--line)}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:text-ink:hover{color:var(--ink)}.hover\:text-primary:hover{color:var(--primary)}.hover\:underline:hover{text-decoration-line:underline}}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:mb-0{margin-bottom:0}.lg\:grid{display:grid}.lg\:max-h-\[calc\(100vh-7rem\)\]{max-height:calc(100vh - 7rem)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[290px_1fr\]{grid-template-columns:290px 1fr}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:self-start{align-self:flex-start}.lg\:overflow-auto{overflow:auto}}@media print{.print\:hidden{display:none}.print\:p-0{padding:0}}}.iq-mascot{isolation:isolate;vertical-align:bottom;flex:none;display:inline-block;position:relative}.iq-mascot:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--mascot-glow) 0%, var(--mascot-glow) 62%, transparent 100%);pointer-events:none;position:absolute;inset:0}.iq-mascot-body{transform-origin:50% 92%;position:absolute;inset:0}.iq-mascot-body img{object-fit:contain;width:100%;height:100%;display:block}@keyframes iq-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}@keyframes iq-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes iq-hop{0%,to{transform:translateY(0)scale(1)}12%{transform:translateY(0)scale(1.06,.92)}30%{transform:translateY(-12%)scale(.96,1.05)}46%{transform:translateY(0)scale(1.05,.94)}62%{transform:translateY(-7%)scale(.98,1.03)}78%{transform:translateY(0)scale(1.02,.98)}}@keyframes iq-tilt{0%,to{transform:rotate(0)}35%,65%{transform:rotate(-7deg)}}@keyframes iq-nod{0%,to{transform:rotate(0)}20%{transform:rotate(4deg)}40%{transform:rotate(-1deg)}60%{transform:rotate(3deg)}80%{transform:rotate(0)}}@keyframes iq-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes iq-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.05)}28%{transform:scale(1)}42%{transform:scale(1.035)}60%{transform:scale(1)}}@keyframes iq-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes iq-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.03)}}.iq-mascot-body[data-motion=bob]{animation:iq-bob var(--dur-bob) ease-in-out infinite}.iq-mascot-body[data-motion=pop]{animation:iq-pop var(--dur-pop) var(--ease-pop) both}.iq-mascot-body[data-motion=hop]{animation:iq-pop var(--dur-pop) var(--ease-pop) both, iq-hop 1.3s ease-in-out var(--dur-pop) 2}.iq-mascot-body[data-motion=tilt]{animation:1.6s ease-in-out 2 iq-tilt}.iq-mascot-body[data-motion=nod]{animation:.9s ease-in-out 2 iq-nod}.iq-mascot-body[data-motion=sway]{animation:4s ease-in-out infinite iq-sway}.iq-mascot-body[data-motion=heartbeat]{animation:1.6s ease-in-out infinite iq-heartbeat}.iq-mascot-body[data-motion=wiggle]{animation:.6s ease-in-out 2 iq-wiggle}.iq-mascot-body[data-motion=breathe]{animation:4.5s ease-in-out infinite iq-breathe}.iq-fx{pointer-events:none;position:absolute;inset:0}.iq-fx>span{opacity:0;font-size:max(10px,12cqmin);line-height:1;position:absolute}.iq-mascot{container-type:size}.iq-fx-twinkle>span{color:var(--sun)}.iq-fx-hearts>span{color:var(--magenta)}.iq-fx-bubbles>span{aspect-ratio:1;border:2px solid var(--integrate);border-radius:50%;width:9%}@keyframes iq-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}}@keyframes iq-rise{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-140%)scale(1)}}.iq-fx-twinkle>span{animation:1.8s ease-in-out infinite iq-twinkle}.iq-fx-hearts>span,.iq-fx-bubbles>span{animation:2.4s ease-out infinite iq-rise}.iq-press{--press-depth:5px;min-height:48px;font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--press-depth) 0 var(--press-shadow);transition:transform var(--dur-tap) ease-out, box-shadow var(--dur-tap) ease-out, filter var(--dur-tap);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.5em;font-size:1.0625rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;transform:translateY(0)}.iq-press:hover{filter:brightness(1.04)}.iq-press:active:not(:disabled),.iq-press[data-pressed]{transform:translateY(var(--press-depth));box-shadow:0 0 0 var(--press-shadow)}.iq-press:disabled,.iq-press[aria-disabled=true]{cursor:not-allowed;filter:saturate(.4);opacity:.6}.iq-press-sun{background:var(--sun);color:var(--on-sun);--press-shadow:var(--sun)}@supports (color:color-mix(in lab, red, red)){.iq-press-sun{--press-shadow:color-mix(in oklab, var(--sun) 62%, var(--plum))}}.iq-press-primary{background:var(--primary);color:var(--on-primary);--press-shadow:var(--primary)}@supports (color:color-mix(in lab, red, red)){.iq-press-primary{--press-shadow:color-mix(in oklab, var(--primary) 60%, black)}}.iq-press-quiet{background:var(--surface);color:var(--ink);--press-shadow:var(--line);box-shadow:0 var(--press-depth) 0 var(--press-shadow), inset 0 0 0 2px var(--line)}.iq-press-quiet:active:not(:disabled){box-shadow:0 0 0 var(--press-shadow), inset 0 0 0 2px var(--line)}.iq-press-block{width:100%;display:flex}.iq-stepbar{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.iq-stepbar>span{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.iq-stepbar>span>i{border-radius:inherit;transform-origin:0;height:100%;transition:transform var(--dur-pop) var(--ease-pop);display:block;transform:scaleX(0)}.iq-stepbar>span[data-on]>i{transform:scaleX(1)}.iq-stepbar>span:first-child>i{background:var(--inspire)}.iq-stepbar>span:nth-child(2)>i{background:var(--investigate)}.iq-stepbar>span:nth-child(3)>i{background:var(--integrate)}.iq-stepbar>span:nth-child(4)>i{background:var(--impart)}.iq-sheet-backdrop{z-index:60;background:var(--plum);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.iq-sheet-backdrop{background:color-mix(in oklab, var(--plum) 45%, transparent)}}.iq-sheet-backdrop{animation:iq-fade var(--dur-sheet) ease-out both}.iq-sheet{width:min(100%,520px);padding:72px 20px calc(20px + env(safe-area-inset-bottom,0px));background:var(--surface);color:var(--ink);text-align:center;box-shadow:0 -8px 40px var(--plum);border-radius:28px 28px 0 0;position:relative}@supports (color:color-mix(in lab, red, red)){.iq-sheet{box-shadow:0 -8px 40px color-mix(in oklab, var(--plum) 25%, transparent)}}.iq-sheet{animation:iq-sheet-up var(--dur-sheet) var(--ease-pop) both}.iq-sheet-scroll{overscroll-behavior:contain;max-height:calc(92dvh - 72px);overflow-y:auto}.iq-sheet-dino{position:absolute;top:0;left:50%;transform:translate(-50%,-58%)}.iq-sheet.iq-sheet-plain{text-align:left;padding-top:20px}.iq-sheet-plain .iq-sheet-scroll{max-height:calc(92dvh - 20px)}.iq-sheet-backdrop.iq-from-top{align-items:flex-start}.iq-sheet.iq-sheet-top{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 20px;box-shadow:0 8px 40px var(--plum);border-radius:0 0 28px 28px}@supports (color:color-mix(in lab, red, red)){.iq-sheet.iq-sheet-top{box-shadow:0 8px 40px color-mix(in oklab, var(--plum) 25%, transparent)}}.iq-sheet.iq-sheet-top{animation-name:iq-sheet-down}.iq-sheet-top .iq-sheet-scroll{max-height:calc(min(92dvh, var(--iq-free-height,92dvh)) - 36px - env(safe-area-inset-top,0px))}.iq-sheet-tiles{grid-template-columns:repeat(3,1fr);gap:10px;margin-block:18px;display:grid}.iq-sheet-tiles>div{background:var(--paper);border-radius:16px;gap:2px;padding:12px 8px;display:grid}@keyframes iq-fade{0%{opacity:0}to{opacity:1}}@keyframes iq-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes iq-sheet-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.iq-garden{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.iq-garden>li{color:var(--muted);justify-items:center;gap:4px;font-size:12px;font-weight:700;display:grid}.iq-garden svg{width:min(100%,40px);height:auto;overflow:visible}.iq-garden [data-new] .iq-tree{transform-origin:50% 100%;transform-box:fill-box;animation:iq-grow var(--dur-sheet) var(--ease-pop) both}@keyframes iq-grow{0%{transform:scale(0)}to{transform:scale(1)}}.iq-confetti{z-index:70;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.iq-mascot-body{animation:none!important}.iq-fx{display:none}.iq-sheet{animation-name:iq-fade!important}.iq-garden [data-new] .iq-tree{animation:none}}:root{--paper:#f6f4ee;--surface:#fff;--ink:#354f52;--muted:#5f7275;--line:#e2dccd;--primary:#5c3d8f;--primary-soft:#ece5f6;--on-primary:#fff;--accent:#a12f96;--accent-soft:#fff4c2;--on-accent:#fff;--inspire:#f9d648;--on-inspire:#441c4b;--inspire-ink:#7d5f00;--investigate:#5c3d8f;--on-investigate:#fff;--integrate:#2f6f73;--on-integrate:#fff;--impart:#b0359f;--on-impart:#fff;--plum:#441c4b;--on-plum:#f6f4ee;--sun:#ffe45d;--on-sun:#441c4b;--magenta:#ce4eda;--taupe:#b0a38e;--logo-day:block;--logo-night:none;--mascot-glow:transparent;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--dur-tap:.12s;--dur-pop:.35s;--dur-sheet:.5s;--dur-bob:3.2s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--paper:#1d0f21;--surface:#2a1630;--ink:#f6f4ee;--muted:#c9bccb;--line:#45304b;--primary:#c9a8f5;--primary-soft:#3a2450;--on-primary:#1d0f21;--accent:#ef94f2;--accent-soft:#3a2f12;--on-accent:#3a0f39;--inspire:#ffe45d;--on-inspire:#441c4b;--inspire-ink:#ffe45d;--investigate:#c9a8f5;--on-investigate:#1d0f21;--integrate:#8fd3cf;--on-integrate:#12302f;--impart:#ef94f2;--on-impart:#3a0f39;--plum:#12071a;--on-plum:#f6f4ee;--sun:#ffe45d;--on-sun:#441c4b;--magenta:#ef94f2;--taupe:#c7b99f;--logo-day:none;--logo-night:block;--mascot-glow:#4a2f5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--paper);color:var(--ink);transition:background-color .25s,color .25s}:root[data-text=large]{font-size:112.5%}:root[data-text=larger]{font-size:125%}.logo-day{display:var(--logo-day)}.logo-night{display:var(--logo-night)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--tool:var(--primary);--tool-on:var(--on-primary);--tool-dark:var(--tool)}@supports (color:color-mix(in lab, red, red)){:root{--tool-dark:color-mix(in oklab, var(--tool) 68%, black)}}:root{--tool-soft:var(--tool)}@supports (color:color-mix(in lab, red, red)){:root{--tool-soft:color-mix(in oklab, var(--tool) 16%, var(--surface))}}:root{--play-line-2:var(--line)}@supports (color:color-mix(in lab, red, red)){:root{--play-line-2:color-mix(in oklab, var(--line) 80%, var(--primary))}}:root{--play-lock:var(--line)}@supports (color:color-mix(in lab, red, red)){:root{--play-lock:color-mix(in oklab, var(--line) 75%, var(--surface))}}:root{--play-lock-dark:var(--line)}@supports (color:color-mix(in lab, red, red)){:root{--play-lock-dark:color-mix(in oklab, var(--line) 80%, var(--muted))}}:root{--play-lock-ink:var(--muted)}@supports (color:color-mix(in lab, red, red)){:root{--play-lock-ink:color-mix(in oklab, var(--muted) 70%, var(--surface))}}:root{--play-ok:var(--integrate);--play-ok-on:var(--on-integrate);--play-ok-bg:var(--integrate)}@supports (color:color-mix(in lab, red, red)){:root{--play-ok-bg:color-mix(in oklab, var(--integrate) 14%, var(--surface))}}:root{--play-shadow-primary:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--play-shadow-primary:color-mix(in oklab, var(--primary) 65%, black)}}:root{--play-tabbar-h:72px}:root:not([data-theme=night]){--paper:#f6f1fd;--line:#e3d9f1}.iq-btn{cursor:pointer;width:100%;min-height:52px;font:800 16px/1.2 var(--font-sans);letter-spacing:.07em;text-transform:uppercase;text-align:center;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:center;align-items:center;gap:.5em;padding:10px 16px;transition:transform 80ms,box-shadow 80ms;display:flex}.iq-btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 0 var(--play-shadow-primary)}.iq-btn-ok{background:var(--play-ok);color:var(--play-ok-on);box-shadow:0 4px 0 var(--play-ok)}@supports (color:color-mix(in lab, red, red)){.iq-btn-ok{box-shadow:0 4px 0 color-mix(in oklab, var(--play-ok) 65%, black)}}.iq-btn-second{background:var(--surface);color:var(--primary);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.iq-btn:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.iq-btn:disabled,.iq-btn[aria-disabled=true]{background:var(--play-lock);color:var(--play-lock-ink);box-shadow:0 4px 0 var(--play-lock-dark);cursor:not-allowed;border-color:#0000}.iq-topbar{z-index:20;background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.iq-topbar{background:color-mix(in oklab, var(--paper) 92%, transparent)}}.iq-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}.iq-topbar-in{align-items:center;gap:8px;max-width:640px;margin:0 auto;padding:10px 16px;display:flex}.iq-tool-pill{border:2px solid var(--line);background:var(--surface);box-shadow:0 3px 0 var(--line);cursor:pointer;color:var(--ink);border-radius:14px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:inline-flex}.iq-tool-pill b{font:600 17px var(--font-display);color:var(--primary)}.iq-stat{font:800 16px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.iq-tabbar{z-index:30;background:var(--paper);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);inset-inline:0;position:fixed;bottom:0}.iq-tabbar ul{grid-auto-columns:1fr;grid-auto-flow:column;max-width:640px;margin:0 auto;padding:8px;list-style:none;display:grid}.iq-tab{height:52px;color:var(--muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:14px;place-items:center;margin:0 3px;display:grid;position:relative}.iq-tab svg{width:30px;height:30px}.iq-tab[aria-current=page]{border-color:var(--tool-soft);background:var(--tool-soft);color:var(--tool-dark)}[data-theme=night] .iq-tab[aria-current=page]{color:var(--ink)}.iq-tab-badge{border:2px solid var(--paper);background:var(--impart);min-width:22px;height:22px;color:var(--on-impart);font:800 12px/18px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;padding:0 6px;position:absolute;top:2px;right:calc(50% - 28px)}.iq-with-tabbar{padding-bottom:calc(var(--play-tabbar-h) + 24px + env(safe-area-inset-bottom,0px))}.iq-banner{background:var(--tool);color:var(--tool-on);box-shadow:0 4px 0 var(--tool-dark);border-radius:16px;align-items:stretch;display:flex;overflow:hidden}.iq-banner-txt{flex:1;min-width:0;padding:12px 16px}.iq-banner small{font:800 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;opacity:.85;display:block}.iq-banner h1,.iq-banner h2{font:600 20px/1.2 var(--font-display);color:inherit;margin-top:2px}.iq-banner-side{border-left:2px solid var(--tool-on);place-items:center;width:60px;display:grid}@supports (color:color-mix(in lab, red, red)){.iq-banner-side{border-left:2px solid color-mix(in oklab, var(--tool-on) 15%, transparent)}}.iq-banner-side{color:inherit}.iq-banner-side svg{width:24px;height:24px}.iq-path{flex-direction:column;align-items:center;gap:22px;padding:30px 0 16px;display:flex}.iq-path-row{transform:translateX(var(--x,0px));place-items:center;display:grid;position:relative}.iq-path-row[data-bubble]{margin-top:44px}.iq-path-row[data-here]{margin-bottom:18px}.iq-node{cursor:pointer;background:var(--tool);width:76px;height:70px;color:var(--tool-on);box-shadow:0 7px 0 var(--tool-dark);font:600 30px var(--font-display);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.iq-node svg{width:34px;height:34px}.iq-node:active{box-shadow:0 0 0 var(--tool-dark);transform:translateY(7px)}.iq-node[data-state=today]{width:86px;height:80px;font-size:36px}.iq-node[data-state=locked]{background:var(--play-lock);color:var(--play-lock-ink);box-shadow:0 7px 0 var(--play-lock-dark);cursor:default}.iq-node[data-state=locked]:active{box-shadow:0 7px 0 var(--play-lock-dark);transform:none}.iq-node[data-state=open]{background:var(--surface);color:var(--ink);box-shadow:0 7px 0 var(--line), inset 0 0 0 3px var(--line)}.iq-node[data-state=open]:active{box-shadow:0 0 0 var(--line), inset 0 0 0 3px var(--line)}.iq-ring{border:7px solid var(--tool-soft);pointer-events:none;border-radius:50%;position:absolute;inset:-13px}.iq-bubble{z-index:2;border:2px solid var(--line);background:var(--surface);box-shadow:0 3px 0 var(--line);color:var(--tool-dark);font:800 15px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:12px;padding:6px 14px;animation:1.6s ease-in-out infinite iq-hover;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}[data-theme=night] .iq-bubble{color:var(--ink)}.iq-bubble:after{content:"";background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.iq-bubble[data-later]{color:var(--muted);animation:none}@keyframes iq-hover{50%{transform:translate(-50%,-6px)}}.iq-side-dino{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.iq-node-label{font:800 12px var(--font-sans);letter-spacing:.04em;color:var(--muted);white-space:nowrap;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.iq-lesson{z-index:50;background:var(--paper);color:var(--ink);flex-direction:column;animation:.32s cubic-bezier(.2,.8,.2,1) both iq-lesson-in;display:flex;position:fixed;inset:0}@keyframes iq-lesson-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.iq-lesson-in{flex-direction:column;flex:1;width:100%;max-width:640px;min-height:0;margin:0 auto;display:flex}.iq-lesson-head{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 6px;align-items:center;gap:12px;display:flex}.iq-lesson-x{width:40px;height:40px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.iq-lesson-x svg{width:26px;height:26px}.iq-bar{background:var(--play-lock);border-radius:99px;flex:1;height:16px;overflow:hidden}.iq-bar>i{background:var(--tool);height:100%;transition:width .4s var(--ease-pop);border-radius:99px;display:block;box-shadow:inset 0 -4px #00000014,inset 0 4px #ffffff4d}.iq-lesson-body{flex-direction:column;flex:1;min-height:0;padding:10px 20px 24px;display:flex;overflow-y:auto}.iq-tag{font:800 13px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;align-self:flex-start;align-items:center;padding:5px 12px;display:inline-flex}.iq-tag[data-tone=inspire]{background:var(--inspire);color:var(--on-inspire)}.iq-tag[data-tone=investigate]{background:var(--investigate);color:var(--on-investigate)}.iq-tag[data-tone=integrate]{background:var(--integrate);color:var(--on-integrate)}.iq-tag[data-tone=impart]{background:var(--impart);color:var(--on-impart)}.iq-lesson-title{font:600 26px/1.2 var(--font-display);color:var(--ink);text-wrap:balance;margin:12px 0 4px}.iq-lesson-sub{color:var(--muted);margin:0;font-size:16px}.iq-lesson-foot{padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--line);background:var(--paper);position:relative}.iq-speech{border:2px solid var(--line);background:var(--surface);border-radius:18px;margin-top:10px;padding:12px 16px;font-size:17px}.iq-speech small{font:800 12px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;display:block}.iq-bigdo{border:2px solid var(--line);background:var(--surface);font:600 21px/1.35 var(--font-display);color:var(--ink);border-radius:20px;margin-top:12px;padding:18px}.iq-choices{gap:10px;margin-top:16px;display:grid}.iq-choice{border:2px solid var(--line);background:var(--surface);box-shadow:0 4px 0 var(--line);color:var(--ink);font:700 16px/1.3 var(--font-sans);text-align:left;cursor:pointer;border-radius:16px;padding:14px;transition:transform 80ms}.iq-choice:active{transform:translateY(3px)}.iq-choice[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 4px 0 var(--primary);color:var(--primary)}.iq-chant{background:var(--tool-soft);color:var(--ink);font:600 23px/1.4 var(--font-display);text-align:center;white-space:pre-line;border-radius:22px;margin-top:14px;padding:20px}.iq-fb{z-index:3;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));background:var(--play-ok-bg);inset-inline:0;animation:.28s cubic-bezier(.2,.8,.2,1) both iq-fb-up;position:absolute;bottom:0}@keyframes iq-fb-up{0%{transform:translateY(100%)}to{transform:none}}.iq-fb-hd{align-items:center;gap:10px;margin-bottom:4px;display:flex}.iq-fb-hd>span{background:var(--play-ok);width:34px;height:34px;color:var(--play-ok-on);border-radius:50%;place-items:center;display:grid}.iq-fb-hd svg{width:20px;height:20px}.iq-fb h3{font:600 22px var(--font-display);color:var(--play-ok);margin:0}[data-theme=night] .iq-fb h3{color:var(--ink)}.iq-fb p{color:var(--ink);margin:0 0 14px}.iq-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;display:flex}.iq-done h1{font:600 34px var(--font-display);color:var(--ink);margin:4px 0 0}.iq-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:18px;display:grid}.iq-tile{border:2px solid var(--c,var(--primary));background:var(--c,var(--primary));border-radius:16px;overflow:hidden}.iq-tile small{font:800 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--surface);padding:4px 2px;display:block}.iq-tile b{background:var(--surface);font:600 22px var(--font-display);color:var(--c,var(--primary));border-radius:13px;padding:10px 4px;display:block}.iq-nrow{border:2px solid var(--line);background:var(--surface);width:100%;box-shadow:0 3px 0 var(--line);color:var(--ink);text-align:left;border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}a.iq-nrow[data-cur]{border-color:var(--primary);box-shadow:0 3px 0 var(--primary)}.iq-nrow b{font:600 16px var(--font-display);color:var(--ink);display:block}.iq-nrow small{color:var(--muted);font-size:13px}.iq-nrow-end{width:28px;height:28px;color:var(--primary);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.iq-nrow-end[data-ok]{background:var(--play-ok);color:var(--play-ok-on)}.iq-nrow-end[data-lock]{color:var(--play-lock-ink)}.iq-nrow-end svg{width:18px;height:18px}.iq-flyer{z-index:70;pointer-events:none;width:44px;height:54px;position:fixed;top:0;left:0}.iq-dot{z-index:69;pointer-events:none;border-radius:50%;width:9px;height:9px;position:fixed}.iq-list{gap:10px;display:grid}.iq-lrow{border:2px solid var(--line);background:var(--surface);width:100%;box-shadow:0 3px 0 var(--line);color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.iq-lrow:active{box-shadow:none;transform:translateY(3px)}.iq-lrow-ic{background:var(--tool-soft);width:42px;height:42px;color:var(--tool-dark);border-radius:12px;flex:none;place-items:center;display:grid}[data-theme=night] .iq-lrow-ic{color:var(--ink)}.iq-lrow-ic svg{width:22px;height:22px}.iq-lrow b{font:600 17px var(--font-display);color:var(--ink);display:block}.iq-lrow small{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.iq-bubble,.iq-lesson,.iq-fb{animation:none}.iq-bar>i{transition:none}}@media print{.iq-topbar,.iq-tabbar{display:none!important}.iq-with-tabbar{padding-bottom:0!important}html,body{background:#fff!important}}:root{--tool:var(--inspire);--tool-on:var(--on-inspire)}.qi-focus .sheetbox[data-off],.qi-focus [data-act=done]{display:none}@media print{.qi-sample .sheetbox:not([data-page=cover]):not([data-page=trace]){display:none!important}}body .pen-bar{bottom:calc(var(--play-tabbar-h) + 12px + env(safe-area-inset-bottom,0px))}.iq-lesson .pen-bar{bottom:calc(96px + env(safe-area-inset-bottom,0px))}:root{--font-quran:var(--font-arabic)}.qi-booklet{--s-ink:#1b1b1b;--s-soft:#8a8a8a;--s-faint:#c9c9c9;--s-trace:#d4d4d4;--good:var(--integrate);--bad:var(--impart)}.qi-btn{font:inherit;cursor:pointer;background:var(--primary-soft);color:var(--primary);border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.qi-btn:focus-visible,.qi-booklet button:focus-visible,.qi-booklet input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.maze .maze-way{display:none}.sheetbox.show-way .maze .maze-way{display:block}.sheetbox.show-way .maze .maze-plain{display:none}.cells span.shown{font-family:var(--font-quran);text-align:center;font-size:4cqw;line-height:1.7}.sheetbox{max-width:760px;margin:0 auto 26px}.sheet{aspect-ratio:210/297;width:100%;color:var(--s-ink);background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001f;container-type:inline-size}.pg{font-size:2.15cqw;line-height:1.35;font-family:var(--font-sans);flex-direction:column;padding:3.2cqw 4.2cqw 2.4cqw;display:flex;position:absolute;inset:0}.ink{pointer-events:none;z-index:5;touch-action:auto;width:100%;height:100%;position:absolute;inset:0}.qi-pen .ink{pointer-events:auto;touch-action:none;cursor:crosshair}.sheet-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.sheet-tools .result{color:var(--muted);text-align:center;min-width:120px;font-size:14px}.sheet-tools .qi-btn.done[aria-pressed=true]{background:var(--sun);color:var(--plum)}.hd{flex:none;grid-template-columns:15cqw 1fr 27cqw;align-items:center;gap:1.5cqw;height:19cqw;display:grid}.hd .mascot{object-fit:contain;width:15cqw;height:15cqw}.cloud{justify-self:center;width:36cqw;height:18cqw;position:relative}.cloud svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cloud .txt{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 3cqw;display:flex;position:absolute;inset:0}.cloud .cat{font-size:1.9cqw}.cloud .act{font-size:2.3cqw}.cloud .ttl{font-family:var(--font-display);font-size:3.5cqw;font-weight:600;line-height:1.02}.side{flex-direction:column;align-items:stretch;gap:1.2cqw;display:flex}.fouri{height:9cqw;position:relative}.fouri span{border:.25cqw solid var(--s-faint);color:var(--s-soft);white-space:nowrap;font-size:1.55cqw;font-family:var(--font-display);background:#fff;border-radius:999px;padding:.1cqw 1.3cqw;position:absolute}.fouri span.on{border-color:var(--s-ink);color:var(--s-ink);font-weight:600}.fouri .i1{top:0;left:50%;transform:translate(-50%)}.fouri .i2{top:33%;right:0}.fouri .i3{bottom:0;left:50%;transform:translate(-50%)}.fouri .i4{top:33%;left:0}.fouri.inspire .i1.on{background:var(--inspire);color:var(--on-inspire);border-color:var(--inspire)}.fouri.investigate .i2.on{background:var(--investigate);color:var(--on-investigate);border-color:var(--investigate)}.fouri.integrate .i3.on{background:var(--integrate);color:var(--on-integrate);border-color:var(--integrate)}.fouri.impart .i4.on{background:var(--impart);color:var(--on-impart);border-color:var(--impart)}.levels{grid-template-columns:1fr 1fr;gap:.8cqw;display:grid}.levels div{border:.2cqw solid var(--s-ink);text-align:center;font-size:1.35cqw;line-height:1.2}.levels b{background:var(--s-ink);color:#fff;padding:.15cqw 0;font-size:1.3cqw;display:block}.levels p{margin:.4cqw .5cqw .5cqw}.frame{border:.35cqw solid var(--s-ink);border-radius:2.6cqw;flex-direction:column;flex:1;gap:1.6cqw;min-height:0;padding:2.4cqw 2.8cqw;display:flex;position:relative}.pill{border:.3cqw solid var(--s-ink);font-family:var(--font-display);text-align:center;background:#fff;border-radius:999px;align-self:center;padding:.5cqw 3cqw;font-size:2.5cqw;font-weight:500}.pill.small{padding:.35cqw 2.4cqw;font-size:2cqw}.ft{flex:none;justify-content:center;align-items:center;height:5cqw;display:flex;position:relative}.ft .pageno{border:.3cqw solid var(--s-ink);background:#fff;border-radius:999px;align-items:center;gap:2cqw;padding:.3cqw 3cqw;font-size:1.8cqw;display:flex}.ft .pageno .ar{font-family:var(--font-quran);font-size:2.2cqw;line-height:1}.ft .copy{color:var(--s-soft);font-size:1.3cqw;position:absolute;right:0}.ft .src{color:var(--s-soft);max-width:30cqw;font-size:1.2cqw;line-height:1.2;position:absolute;left:0}.q{font-family:var(--font-quran);direction:rtl;line-height:2.1}.trace{color:var(--s-trace);-webkit-text-stroke:.07cqw #6f6f6f}.en{font-size:calc(1.75cqw * var(--k,1));color:var(--s-soft);line-height:1.3}.muted{color:var(--s-soft)}.disp{font-family:var(--font-display)}.box,.blank{border:.28cqw solid var(--s-ink);min-width:7cqw;height:5.6cqw;font:inherit;text-align:center;color:var(--s-ink);vertical-align:middle;background:#fff;border-radius:1.4cqw;justify-content:center;align-items:center;padding:0 .8cqw;font-size:2.4cqw;display:inline-flex}input.box{width:8cqw}.circ{border-radius:50%;width:5.8cqw;min-width:0;height:5.8cqw;padding:0}input.circ{width:5.8cqw}.blank{cursor:pointer;min-width:12cqw;font-family:var(--font-quran);border-style:dashed;font-size:3cqw}.blank.latin{font-family:var(--font-sans);font-size:2.2cqw}.ok{box-shadow:0 0 0 .5cqw #2f6f7340;border-color:var(--good)!important}.no{box-shadow:0 0 0 .5cqw #b0359f33;border-color:var(--bad)!important}.lines{gap:2.6cqw;margin-top:1cqw;display:grid}.lines i{border-bottom:.2cqw solid var(--s-faint);height:2.6cqw;display:block}.lines i:nth-child(odd){border-bottom-style:dashed}.draw{border:.28cqw dashed var(--s-soft);border-radius:2cqw;flex:1;min-height:20cqw;position:relative}.draw.gridpaper{background-image:linear-gradient(var(--s-faint) .12cqw, transparent .12cqw), linear-gradient(90deg, var(--s-faint) .12cqw, transparent .12cqw);background-position:50%;background-size:5cqw 5cqw}.draw .clue{text-align:center;color:var(--s-soft);padding:0 3cqw;font-size:1.8cqw;position:absolute;bottom:1cqw;left:0;right:0}.draw .clue b{color:var(--s-ink);font-family:var(--font-display);font-weight:500}.print-art{display:none!important}.scene{object-fit:contain;width:auto;max-width:100%;margin:0 auto;display:block}.colourbox{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.colourbox .scene{height:100%;max-height:100%}.spotpair{flex:1;grid-template-rows:1fr 1fr;gap:2cqw;min-height:0;display:grid}.spotpic{border:.3cqw solid var(--s-ink);background:#fff;border-radius:2cqw;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.spotpic .inner{aspect-ratio:1600/1000;max-width:100%;height:100%;position:relative}.spotpic img{width:100%;height:100%;display:block}.spotpic .tag{font-family:var(--font-display);border:.25cqw solid var(--s-ink);z-index:2;background:#fff;border-radius:999px;padding:0 1.6cqw;font-size:2.4cqw;font-weight:600;position:absolute;top:1cqw;left:1.4cqw}.spotpic .spot-ring{border:.5cqw solid var(--bad);border-radius:50%;display:none;position:absolute}.spotpic.show .spot-ring{display:block}.stampbox{flex:1;grid-template-columns:1fr 24cqw;align-items:stretch;gap:2cqw;min-height:0;display:grid}.stampcard{border:.3cqw solid var(--s-ink);text-align:center;border-radius:2cqw;flex-direction:column;justify-content:center;align-items:center;gap:.6cqw;padding:1cqw;font-size:1.8cqw;display:flex}.stampcard .stamp{width:calc(15cqw * var(--k,1));height:calc(15cqw * var(--k,1))}.ans .mini-spot,.mini-spot{width:calc(24cqw * var(--k,1));aspect-ratio:1600/1000;border:.2cqw solid var(--s-faint);position:relative}.mini-spot img{width:100%;height:100%;display:block}.mini-spot .spot-ring{border:.35cqw solid var(--bad);border-radius:50%;position:absolute}.wbwlist{gap:calc(1.6cqw * var(--k,1));display:grid}.wrow{justify-content:center;align-items:flex-start;gap:calc(1cqw * var(--k,1)) calc(2.2cqw * var(--k,1));padding-bottom:calc(1cqw * var(--k,1));border-bottom:.2cqw dashed var(--s-faint);direction:rtl;flex-wrap:wrap;display:flex}.wcell{flex-direction:column;align-items:center;max-width:19cqw;display:inline-flex}.wcell .ar{font-family:var(--font-quran);font-size:calc(4.6cqw * var(--k,1));line-height:1.9}.wcell .g{font-size:calc(1.6cqw * var(--k,1));color:#555;text-align:center;margin-top:calc(1cqw * var(--k,1));direction:ltr;line-height:1.15}.wnum{font-family:var(--font-quran);font-size:calc(3.6cqw * var(--k,1));align-self:center;line-height:2.2}.ayahgrid{flex:1;align-content:space-evenly;gap:1.6cqw 2.4cqw;display:grid}.ayahcard{direction:rtl;align-items:center;gap:1.4cqw;display:flex}.ayahcard .body{text-align:center;direction:rtl;flex:1}.ayahcard .en{direction:ltr;margin-top:.6cqw}.digits{font-family:var(--font-quran);direction:rtl;justify-content:space-around;font-size:4cqw;display:flex}.facts{gap:2cqw;font-size:2.4cqw;display:grid}.facts .f{flex-wrap:wrap;align-items:center;gap:1.5cqw;display:flex}.facts .f .n{font-family:var(--font-display);width:4cqw;font-weight:600}.choice{gap:1cqw;display:inline-flex}.choice span{border:.25cqw solid var(--s-ink);border-radius:999px;padding:.2cqw 2cqw}.ulul{border:.28cqw solid var(--s-ink);border-radius:2cqw;grid-template-columns:9cqw 1fr;align-items:center;gap:2cqw;padding:1.5cqw 2cqw;display:grid}.ulul img{object-fit:contain;width:9cqw;height:9cqw}.match{grid-template-columns:1fr;gap:1.2cqw;display:grid}.match .ar{border-bottom:.2cqw dashed var(--s-faint);direction:rtl;align-items:center;gap:1.6cqw;display:flex}.match .ar .num{font-family:var(--font-display);border:.25cqw solid var(--s-ink);direction:ltr;border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.6cqw;height:4.6cqw;font-size:2.4cqw;font-weight:600;display:inline-flex}.meanings{grid-template-columns:1fr 1fr;gap:1.6cqw;display:grid}.meaning{border:.25cqw dashed var(--s-soft);font-size:calc(1.8cqw * var(--k,1));border-radius:1.6cqw;align-items:center;gap:1.2cqw;padding:1.2cqw 1.4cqw;display:flex}.meaning .lt{font-family:var(--font-display);font-weight:600}.wordrows{flex:1;align-content:space-evenly;gap:2cqw;display:grid}.wordrow{direction:rtl;justify-content:space-between;align-items:center;gap:2cqw;display:flex}.wordrow>*{direction:ltr}.wordrow .blank{min-width:26cqw;height:9cqw;font-size:4.4cqw}.wordrow .find{text-align:center;font-size:1.9cqw;line-height:1.2}.letters{font-family:var(--font-quran);direction:rtl;align-items:center;gap:1.2cqw;font-size:5cqw;line-height:1.6;display:flex}.letters .plus{color:var(--s-soft);font-size:3.4cqw}.rownum{font-family:var(--font-display);width:4cqw;font-size:2.6cqw;font-weight:600}.cells{direction:rtl;display:flex}.cells span{border:.3cqw solid var(--s-ink);background:linear-gradient(transparent 49%, var(--s-faint) 49%, var(--s-faint) 51%, transparent 51%);width:6.2cqw;height:7.4cqw;margin-left:-.3cqw}.bigword{font-family:var(--font-quran);text-align:center;direction:rtl;font-size:5.6cqw;line-height:1.9}.gloss{color:var(--s-soft);text-align:center;font-size:1.8cqw}.huntbox{border:.3cqw solid var(--s-ink);text-align:center;border-radius:2cqw;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:1.5cqw 2.4cqw;display:flex;overflow:hidden}.huntbox .q{text-align:center}.qi-showhits .hit,.hit.show{color:var(--bad);background:#ffe45db3;border-radius:.4cqw}.target{justify-content:center;align-items:center;gap:3cqw;display:flex}.target .lt{font-family:var(--font-quran);border:.4cqw solid var(--s-ink);text-align:center;border-radius:2cqw;width:14cqw;font-size:9cqw;line-height:1.4}.train{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1cqw;display:flex}.car{flex-direction:column;align-items:center;display:flex}.car .box{width:9cqw;height:6.6cqw;font-size:3cqw;font-family:var(--font-display);font-weight:600}.car .wheels{gap:2.4cqw;margin-top:.4cqw;display:flex}.car .wheels i{border:.25cqw solid var(--s-ink);border-radius:50%;width:2.4cqw;height:2.4cqw;display:block}.bonds{grid-template-columns:repeat(3,1fr);gap:2cqw;display:grid}.bond svg{width:100%;height:auto;display:block}.bond{position:relative}.bond .slot{position:absolute;transform:translate(-50%,-50%)}.bond .slot .box{width:7.4cqw;height:7.4cqw;font-family:var(--font-display);border-radius:50%;font-size:3cqw;font-weight:600}.numgrid{grid-template-columns:repeat(5,1fr);gap:1.4cqw;display:grid}.numgrid .cell{flex-direction:column;align-items:center;gap:.6cqw;display:flex}.numgrid .ar{font-family:var(--font-quran);font-size:4.4cqw;line-height:1.3}.tracker{gap:calc(1.1cqw * var(--k,1));font-size:calc(2.15cqw * var(--k,1));display:grid}.tracker .tr{border-bottom:.2cqw dashed var(--s-faint);grid-template-columns:7cqw 1fr auto;align-items:center;gap:1.4cqw;padding-bottom:.6cqw;display:grid}.tracker .cue{font-family:var(--font-quran);font-size:calc(3cqw * var(--k,1));text-align:right;direction:rtl;line-height:1.6}.bub{gap:.6cqw;display:flex}.bub i{border:.25cqw solid var(--s-ink);cursor:pointer;border-radius:50%;width:2.6cqw;height:2.6cqw;display:block}.bub i.closed{border-style:dashed}.bub i.on{background:var(--sun)}.bub .gap{width:1cqw}.missing{gap:1.6cqw;display:grid}.missing .q{text-align:center;line-height:2.2}.bank{direction:rtl;flex-wrap:wrap;justify-content:center;gap:2cqw;display:flex}.bank span{border:.25cqw solid var(--s-ink);font-family:var(--font-quran);font-size:calc(3.6cqw * var(--k,1));border-radius:1.2cqw;padding:0 2cqw;line-height:2}.sentences{gap:3cqw;display:grid}.chips{flex-wrap:wrap;align-items:center;gap:1.2cqw;font-size:2.6cqw;display:flex}.chips button,.chips .c{font:inherit;border:.25cqw solid var(--s-ink);color:var(--s-ink);cursor:pointer;background:#fff;border-radius:1.2cqw;padding:.3cqw 1.6cqw;font-size:2.4cqw}.chips button[disabled]{opacity:.25}.built{border-bottom:.25cqw solid var(--s-faint);flex-wrap:wrap;align-items:center;gap:1cqw;min-height:5cqw;padding-bottom:.4cqw;font-size:2.4cqw;display:flex}.built button{font:inherit;background:var(--primary-soft);cursor:pointer;color:var(--s-ink);border:0;border-radius:1cqw;padding:.2cqw 1.2cqw}.ws{border-collapse:collapse;font-family:var(--font-display);margin:0 auto}.ws td{text-align:center;color:#9a9a9a;cursor:pointer;border-radius:50%;width:6.4cqw;height:6.4cqw;font-size:3.6cqw}.ws td.on{background:var(--sun);color:var(--s-ink)}.ws.mini td{width:calc(2.4cqw * var(--k,1));height:calc(2.4cqw * var(--k,1));font-size:calc(1.5cqw * var(--k,1))}.ws td.sol{color:var(--s-ink);background:#eee}.wordlist{flex-wrap:wrap;justify-content:center;gap:1.2cqw;display:flex}.wordlist span{border:.25cqw dashed var(--s-ink);border-radius:1.2cqw;padding:.3cqw 1.6cqw;font-size:2.3cqw}.maze{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.maze svg{max-width:100%;height:100%}.checklist{gap:calc(1.4cqw * var(--k,1));font-size:calc(2.3cqw * var(--k,1));display:grid}.checklist div{align-items:center;gap:1.6cqw;display:flex}.checklist .fill{border-bottom:.2cqw dashed var(--s-ink);width:12cqw;margin:0 .6cqw;display:inline-block}.checklist i{border:.3cqw solid var(--s-ink);border-radius:.8cqw;flex:none;width:3.4cqw;height:3.4cqw;display:block}.when{border:.3cqw solid var(--s-ink);border-radius:2cqw;grid-template-columns:11cqw 1fr;align-items:center;gap:2cqw;padding:1.4cqw 2cqw;display:grid}.when img{object-fit:contain;width:11cqw;height:11cqw}.screen-art,.print-art{object-fit:contain}.toc2{gap:calc(.9cqw * var(--k,1)) 3cqw;font-size:calc(2cqw * var(--k,1));grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.toc2 li{border-bottom:.2cqw dashed var(--s-faint);align-items:center;gap:1cqw;padding-bottom:.4cqw;display:flex}.toc2 .pn{font-family:var(--font-display);width:3.4cqw;font-weight:600}.toc2 .nm{flex:1}.toc2 .star{font-size:1.3em}.st{vertical-align:middle;border-radius:50%;width:1.6cqw;height:1.6cqw;margin-right:.6cqw;display:inline-block}.toc{border-collapse:collapse;width:100%;font-size:calc(1.85cqw * var(--k,1))}.toc th,.toc td{border:.2cqw solid var(--s-faint);text-align:left;padding:.55cqw 1cqw}.toc th{background:#f3f3f3;font-weight:600}.toc td.star{text-align:center;width:6cqw;font-size:2.4cqw}.toc .st{vertical-align:middle;border-radius:50%;width:1.6cqw;height:1.6cqw;margin-right:.8cqw;display:inline-block}.cover-title{text-align:center}.cover-title .big{font-family:var(--font-display);font-size:7cqw;font-weight:600;line-height:1}.cover-title .num{font-family:var(--font-display);font-size:12cqw;font-weight:600;line-height:1}.namedate{gap:4cqw;font-size:2.6cqw;display:flex}.namedate div{flex:1;gap:1.4cqw;display:flex}.namedate span{border-bottom:.25cqw dashed var(--s-ink);flex:1}.gu{font-size:1.85cqw;line-height:1.45}.gu h3{font-family:var(--font-display);margin:1.2cqw 0 .4cqw;font-size:2.4cqw;font-weight:600}.gu ul{margin:.3cqw 0;padding-left:3cqw}.gu a{color:var(--s-ink)}.flagnote{border:.25cqw dashed var(--bad);color:var(--bad);border-radius:1.4cqw;padding:1cqw 1.6cqw}.ans{border-collapse:collapse;width:100%;font-size:calc(1.75cqw * var(--k,1))}.ans td,.ans th{border:.2cqw solid var(--s-faint);vertical-align:top;text-align:left;padding:.6cqw 1cqw}.ans .q{font-size:calc(2.6cqw * var(--k,1));line-height:1.7}.pen-bar{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 18px #00000026}.pen-bar button{min-width:40px;height:40px;font:700 14px var(--font-sans);cursor:pointer;background:var(--paper);color:var(--ink);border:0;border-radius:999px;padding:0 12px}.pen-bar button[aria-pressed=true]{background:var(--plum);color:var(--on-plum)}.pen-bar .sw{border:3px solid #0000;width:28px;min-width:28px;height:28px;padding:0}.pen-bar .sw[aria-pressed=true]{border-color:var(--plum);background-clip:padding-box;box-shadow:inset 0 0 0 2px #fff}@media (max-width:480px){.pen-bar{justify-content:space-between;gap:2px;bottom:8px;left:8px;right:8px}.pen-bar button{min-width:36px;height:36px;padding:0 8px;font-size:13px}.pen-bar .sw{width:26px;min-width:26px;height:26px}}.pop{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:6px;max-width:320px;padding:8px;display:flex;position:absolute;box-shadow:0 6px 24px #0000002e}.pop button{font-family:var(--font-quran);border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:10px;padding:0 12px;font-size:22px;line-height:2}.pop button.latin{font-family:var(--font-sans);font-size:15px;line-height:2.2}@page{size:A4;margin:0}@media print{html:root,html:root[data-theme=night],html:root:not([data-theme=day]){--paper:#fff;--surface:#fff;--ink:#000;--muted:#444;--line:#999;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}.sheet-tools,.pen-bar,.pop,.screen-only,.screen-art,.qi-controls{display:none!important}.print-art{display:block!important}.spotpic.show .spot-ring,.sheetbox.show-way .maze .maze-way{display:none}.sheetbox.show-way .maze .maze-plain{display:block}.sheetbox{break-after:page;max-width:none;margin:0}.sheetbox:last-child{break-after:auto}.sheet{box-shadow:none;aspect-ratio:auto;border-radius:0;width:210mm;height:297mm}.ok,.no{box-shadow:none!important;border-color:var(--s-ink)!important}.fouri span.on{background:var(--s-ink)!important;color:#fff!important;border-color:var(--s-ink)!important}.ws td.on,.bub i.on{background:0 0}.qi-showhits .hit,.hit.show{color:inherit;background:0 0}input.box::placeholder{color:#0000}}@media (prefers-reduced-motion:no-preference){.sheet-tools .qi-btn.done[aria-pressed=true]{animation:.35s ease-out qi-pop}@keyframes qi-pop{50%{transform:scale(1.12)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}