/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-duration: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-tracking:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-green:#106b55;--color-gold:#e7aa33;--color-mint:#e8f4ef;--color-cream:#f8f7f2;--color-ink:#18332c;--color-muted:#42524c;--color-line:#d3ddd7;--color-surface:#fff;--color-error:#b8583d;--color-blue:#598fc2;--color-purple:#7c64c8;--font-arabic:"Noto Naskh Arabic", serif;--animate-fade-in:fade-in .18s ease;--animate-modal-in:modal-in .22s cubic-bezier(.2, .8, .2, 1);--animate-float-art:float-art 4.5s ease-in-out infinite}}@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{.app-shell{min-height:100vh}.recovery{background-color:var(--color-cream);min-height:100vh;padding:calc(var(--spacing) * 6);text-align:center;place-items:center;display:grid}.recovery .brandmark{width:54px;height:54px}.recovery h1{margin-top:calc(var(--spacing) * 5);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));margin-bottom:7px}.recovery p{margin:0;margin-bottom:calc(var(--spacing) * 5);max-width:420px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-muted);line-height:1.7}.sidebar{z-index:30;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:254px;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;inset-block:0;flex-direction:column;padding:26px 18px;transition-duration:.2s;display:flex;position:fixed;left:0}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-collapsed .main{margin-left:0}.brand{padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);align-items:center;gap:10px;padding-bottom:25px;display:flex}.brand>span:last-of-type span,.mobile-logo span{color:var(--color-green)}.brandmark{background-color:var(--color-green);width:38px;height:38px;color:var(--color-white);border-radius:12px;place-items:center;display:grid}.brandmark svg{width:21px}.close-menu{margin-left:auto;display:none!important}.profile-mini{margin-bottom:calc(var(--spacing) * 6);padding:calc(var(--spacing) * 3);background-color:#f2f8f5;border-radius:14px;align-items:center;gap:11px;display:flex}.profile-mini:where([data-theme=dark]){background-color:#101c18}.avatar{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);background-color:#d4a06f;border-radius:2147483647px;place-items:center;display:grid}.profile-mini div:last-child{min-width:0}.profile-mini b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));white-space:nowrap;display:block}.profile-mini span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:5px;margin-top:3px;display:flex}.profile-mini i{background-color:#45ad77;border-radius:2147483647px;width:6px;height:6px}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.help{border-style:var(--tw-border-style);min-height:45px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#64756f;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));background-color:#0000;border-width:0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;display:flex}.sidebar nav button.active,.help:hover{color:var(--color-ink);background-color:#eef6f2}:is(.sidebar nav button.active,.help:hover):where([data-theme=dark]){background-color:#1d3128}.sidebar-tip{border-style:var(--tw-border-style);background-color:#f2faf5;border-width:1px;border-color:#daeae1;border-radius:12px;margin-top:auto;margin-bottom:20px;padding:14px 12px}.sidebar-tip:where([data-theme=dark]){color:#e3d6ab;background-color:#22321f;border-color:#3a4d33}.sidebar-tip b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:3px;display:block}.sidebar-tip p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.safe{justify-content:center;align-items:center;gap:var(--spacing);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:auto;display:flex}.safe svg{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);flex:none}.main{min-height:100vh;transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;margin-left:254px;transition-duration:.2s}.topbar{z-index:20;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);background-color:var(--color-surface);height:66px;padding-inline:calc(var(--spacing) * 5);display:flex;position:sticky;top:0}.menu-btn{display:grid}.mobile-logo{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);display:none}.top-actions{align-items:center;gap:calc(var(--spacing) * 2);margin-left:auto;display:flex}.offline{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-error);align-items:center;gap:5px;display:flex}.role-select{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:6px;display:flex}.role-select svg:first-child{color:var(--color-green)}.role-select select{border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-width:0}.content{padding:28px 20px 35px}.bottom-nav{display:none}.toast{right:calc(var(--spacing) * 5);bottom:calc(var(--spacing) * 5);z-index:40;animation:var(--animate-fade-in);background-color:var(--color-green);padding-inline:14px 18px;padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 6px 20px var(--tw-shadow-color,#106b5540);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:12px;align-items:center;gap:5px;display:flex;position:fixed}.toast svg{width:15px}.landing{background-color:var(--color-cream);min-height:100vh}.landing:where([data-theme=dark]){background-color:#0e1613}.landing-nav{max-width:1160px;padding-inline:5vw;padding-block:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.landing-nav-actions{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.link-btn{cursor:pointer;border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);background-color:#0000;border-width:0}.landing-hero{align-items:center;gap:calc(var(--spacing) * 10);max-width:1160px;padding-inline:5vw;padding-block:30px 0 60px;margin-inline:auto;display:flex}.landing-hero-copy{flex:1;max-width:560px}.pill{border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);--tw-tracking:.5px;letter-spacing:.5px;border-width:1px;border-radius:2147483647px;align-items:center;gap:6px;padding-block:6px;padding-inline:12px;display:inline-flex}.pill.dark{background-color:var(--color-mint);color:var(--color-green);border-color:#cfe7dc}.pill svg{width:14px}.landing-hero h1{margin-inline:0;margin-block:18px 0 14px;--tw-leading:1.15;--tw-tracking:-.8px;letter-spacing:-.8px;font-size:38px;line-height:1.15}.landing-hero-copy>p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1.7;color:var(--color-muted);margin:0;margin-bottom:22px;line-height:1.7}.landing-cta-row{align-items:center;gap:18px;margin-bottom:14px;display:flex}.primary{min-height:calc(var(--spacing) * 10);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-green);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);border-width:0;border-radius:10px;align-items:center;gap:6px;padding-inline:18px;display:inline-flex}.primary.large{min-height:50px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:26px}.primary.light{background-color:var(--color-white);color:var(--color-green)}.landing-hero-art{aspect-ratio:1;max-width:340px;animation:var(--animate-float-art);flex:1;place-items:center;display:grid;position:relative}.landing-hero-art .moon{background-color:var(--color-mint);width:230px;height:230px;color:var(--color-green);border-radius:2147483647px;place-items:center;font-size:60px;display:grid;position:absolute}.landing-hero-art .quran{height:calc(var(--spacing) * 24);background-color:#def0e8;border-radius:20px;place-items:center;width:150px;display:grid}.landing-hero-art .quran svg{width:60px;height:60px}.icon-btn{cursor:pointer;border-style:var(--tw-border-style);width:38px;height:38px;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-muted);background-color:#0000;border-width:0;border-radius:9px;place-items:center;padding:0;display:grid}.back-link{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:5px;text-decoration-line:none;display:flex}.eyebrow{--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);--tw-tracking:.5px;letter-spacing:.5px;color:var(--color-muted)}.landing-trust{max-width:1160px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding-inline:5vw;flex-wrap:wrap;gap:14px 28px;margin-inline:auto;padding-bottom:50px;display:flex}.landing-trust span{align-items:center;gap:6px;display:flex}.landing-trust svg{width:15px;color:var(--color-green)}.landing-section{max-width:1160px;padding-inline:5vw;padding-block:calc(var(--spacing) * 10);margin-inline:auto}.landing-section h2{margin:0;margin-bottom:calc(var(--spacing) * 7);text-align:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.landing-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding:calc(var(--spacing) * 5);border-radius:16px}.landing-feature{text-align:left}.landing-feature b{margin-top:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:6px;display:block}.landing-feature p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.goal-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.goal-icon.green{background-color:var(--color-mint);color:var(--color-green)}.goal-icon.gold{color:var(--color-gold);background-color:#fcf5e7}.goal-icon.gold:where([data-theme=dark]){color:#e7c25f;background-color:#3a2f14}.goal-icon.purple{color:var(--color-purple);background-color:#f2eff8}.goal-icon.purple:where([data-theme=dark]){color:#b39ee8;background-color:#2a2438}.landing-steps{gap:calc(var(--spacing) * 5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-step{text-align:center;padding-inline:10px}.landing-step>span{background-color:var(--color-green);--tw-font-weight:var(--font-weight-extrabold);width:34px;height:34px;font-weight:var(--font-weight-extrabold);color:var(--color-white);margin-inline:auto;border-radius:2147483647px;place-items:center;margin-bottom:14px;display:grid}.landing-step b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:6px;display:block}.landing-step p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.landing-closing{margin-inline:calc(var(--spacing) * 5);margin-block:calc(var(--spacing) * 5);--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#0c735b;--tw-gradient-to:#08503f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));text-align:center;color:var(--color-white);border-radius:16px;padding-block:60px;padding-inline:5vw}.landing-closing h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));margin:0 0 10px}.landing-closing p{margin:0;margin-bottom:calc(var(--spacing) * 6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.8}.landing-footer{max-width:1160px;padding-inline:5vw;padding-block:30px 0 50px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-inline:auto;display:flex}.brand.small{font-size:15px}.brand.small .brandmark{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7)}.brand.small .brandmark svg{width:15px}.landing-footer-links{gap:calc(var(--spacing) * 4);display:flex}.landing-footer p{text-align:center;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:0;margin-top:10px}.auth-dialog-brand{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);padding-bottom:calc(var(--spacing) * 4);display:flex}.auth-dialog-brand b{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:block}.auth-dialog-brand p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:2px 0 0}.auth-dialog-back{margin-left:calc(var(--spacing) * -2);flex:none}.auth-dialog-trust{margin:0;margin-top:calc(var(--spacing) * 2);justify-content:center;align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:var(--spacing);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding:0;padding-top:calc(var(--spacing) * 4);flex-wrap:wrap;list-style-type:none;display:flex}.auth-dialog-trust li{white-space:nowrap;color:var(--color-muted);align-items:center;gap:4px;font-size:10px;display:flex}.auth-dialog-trust svg{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3)}.auth-card{gap:calc(var(--spacing) * 4);background-color:var(--color-surface);width:100%;max-width:440px;padding:calc(var(--spacing) * 6);--tw-shadow:0 2px 20px var(--tw-shadow-color,#0f2b2112);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:20px;display:grid}@media (width>=1024px){.auth-card{padding:calc(var(--spacing) * 8)}}.auth-card .brand{padding:0;justify-content:center;padding-bottom:10px}.auth-card h1{--tw-tracking:-.3px;letter-spacing:-.3px;margin:0;font-size:24px}.auth-card label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);display:block}.auth-subtitle{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:16px;margin-bottom:8px}.auth-fields{gap:calc(var(--spacing) * 3);display:grid}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:calc(var(--spacing) * 9)}.password-toggle{top:50%;right:calc(var(--spacing) * 2);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute;color:var(--color-muted)!important}.role-cards{gap:calc(var(--spacing) * 2);display:grid}.role-cards-grid{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.role-card{cursor:pointer;align-items:center;gap:var(--spacing);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding:calc(var(--spacing) * 3);text-align:center;color:var(--color-muted);border-radius:12px;flex-direction:column;display:flex}.role-card svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);color:var(--color-muted)}.role-card b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink)}.role-card span{--tw-leading:1.3;font-size:10px;line-height:1.3}.role-card.selected{border-color:var(--color-green);background-color:var(--color-mint)}.role-card.selected:where([data-theme=dark]){background-color:#1b352b;border-color:#106b55}.role-card.selected svg,.role-card.selected b{color:var(--color-green)}.auth-switch{margin-inline:auto;margin-top:calc(var(--spacing) * 5);text-align:center;width:100%;max-width:420px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.auth-switch button{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);background-color:#0000;border-width:0;padding:0}.auth-card input,.auth-card select{height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:10px;margin-top:5px;display:block}.auth-card textarea{resize:vertical;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;padding:calc(var(--spacing) * 3);font-family:inherit;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:10px;margin-top:5px;display:block}.auth-card .google-btn{min-height:calc(var(--spacing) * 11);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.auth-card .primary.full{height:calc(var(--spacing) * 11);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.auth-error{border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-error);background-color:#fff5f1;border-width:1px;border-color:#f3d2c4;border-radius:8px;margin:0;padding:8px 10px}.auth-error:where([data-theme=dark]){color:#f0a683;background-color:#3a2418;border-color:#4a3327}.google-btn{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);text-decoration-line:none;display:flex}.auth-divider{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:10px;display:flex}.auth-divider:before,.auth-divider:after{background-color:var(--color-line);--tw-content:"";content:var(--tw-content);flex:1;height:1px}.auth-modal-backdrop{z-index:80;animation:var(--animate-fade-in);padding:calc(var(--spacing) * 6);--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background-color:#0f2b21b3;place-items:center;display:grid;position:fixed;inset:0}.auth-modal{width:100%;max-width:630px;max-height:90vh;animation:var(--animate-modal-in);position:relative;overflow-y:auto}.auth-modal-close{background-color:#f4f7f5;position:absolute;top:10px;right:10px}.help-modal{width:100%;max-width:420px;padding:calc(var(--spacing) * 7);gap:0;display:grid}.help-modal .brand{justify-content:center;padding:0 0 10px}.help-desc{margin:0;margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);line-height:1.6}.help-channels{gap:calc(var(--spacing) * 2);display:grid}.help-channel{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);text-align:left;color:inherit;border-radius:12px;padding:12px 14px;font-family:inherit;text-decoration-line:none;display:flex}.help-channel:hover{background-color:var(--color-mint);border-color:#c1d6ce}.help-channel:active{scale:.99}.help-icon{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);background-color:var(--color-mint);color:var(--color-green);border-radius:10px;flex:none;place-items:center;display:grid}.help-icon svg{width:18px}.help-channel div{flex:1;min-width:0}.help-channel b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.help-channel p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.4;color:var(--color-muted);margin:3px 0 0;line-height:1.4}.help-channel small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gold)}.help-channel>svg{color:var(--color-muted);flex:none}.help-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:18px 0 0;padding-top:14px}.join-code-box{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1.5px;border-color:var(--color-green);background-color:var(--color-mint);text-align:center;font-family:var(--font-mono);--tw-font-weight:var(--font-weight-extrabold);font-size:26px;font-weight:var(--font-weight-extrabold);--tw-tracking:4px;letter-spacing:4px;color:var(--color-green);border-radius:12px;padding:18px}.assignment-modal{max-width:420px}.modal-surah-list{grid-template-columns:repeat(1,minmax(0,1fr));max-height:260px;overflow-y:auto}.selected-surah .link-btn{margin-left:auto}.page-title{margin-bottom:calc(var(--spacing) * 5)}.welcome{margin-bottom:calc(var(--spacing) * 6);align-items:flex-start;gap:calc(var(--spacing) * 4);display:flex}.welcome>div:first-child{flex:1;min-width:0}.welcome h1{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));margin:2px 0 0}.welcome p{max-width:300px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:4px}.streak{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#c27838;background-color:#fff3e8;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding-block:10px;padding-inline:14px;display:flex}.streak>span:where([data-theme=dark]){color:#f0a683;background-color:#3a2418}.streak small{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);white-space:nowrap;color:#c2783880}.hero-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);border-radius:20px;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:28px 28px 28px 24px;position:relative}.progress-row{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:10px;margin-top:14px;display:flex}.progress{height:calc(var(--spacing) * 2);background-color:#eef6f2;border-radius:2147483647px;flex:1;overflow:hidden}.progress>div{background-color:var(--color-green);border-radius:2147483647px;height:100%}.section-title{margin-top:calc(var(--spacing) * 6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title:first-child{margin-top:0}.goals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.goal{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);text-align:center;border-radius:14px;padding:14px 12px}.goal-main{flex-direction:column}.goal b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:6px;display:block}.goal p{color:var(--color-muted);margin:0;font-size:10px}.two-col{margin-top:calc(var(--spacing) * 5);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-head .more{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);text-decoration-line:none}.card-head select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.count{--tw-font-weight:var(--font-weight-extrabold);font-size:10px;font-weight:var(--font-weight-extrabold);color:var(--color-gold);background-color:#fcf5e7;border-radius:2147483647px;padding-block:3px;padding-inline:7px}.count:where([data-theme=dark]){color:#f0a683;background-color:#3a2418}.assignment{align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);border-radius:12px;padding:10px 14px;display:flex}.assignment button:where([data-theme=dark]){background-color:#101c18}.assignment.done{opacity:.5}.task-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.task-icon.blue{color:var(--color-blue);background-color:#e9f2fa}.task-icon.blue:where([data-theme=dark]){color:#84b3d6;background-color:#1c2b36}.empty-state{padding-block:calc(var(--spacing) * 10);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.two-col .card:has(.empty-state){flex-direction:column;display:flex}.two-col .card:has(.empty-state) .empty-state{flex:1;justify-content:center;align-items:center;padding-block:0;display:flex}.week-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.week-chart>div{background-color:#daeae1;border-radius:4px 4px 0 0;flex:1;min-height:4px}.week-chart .today{background-color:var(--color-green)}.week-summary{align-items:center;gap:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:10px;display:flex}.support{margin-top:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);background-color:#fcf9f0;border-width:1px;border-color:#efe3c4;border-radius:12px;padding:12px 14px;display:flex}.support:where([data-theme=dark]){background-color:#241d13;border-color:#4a3a1f}.support p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.5;color:var(--color-muted);flex:1;margin:0;line-height:1.5}.support p:where([data-theme=dark]){color:#d8cdb8}.parent-avatar{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);background-color:#d4a06f;border-radius:2147483647px;flex:none;place-items:center;display:grid}.student-table,.stats-table{gap:1px;display:grid}.table-header{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted)}.tbl-row{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));grid-template-columns:1fr 1fr auto;padding:10px 0;display:grid}.tbl-row:last-child{border-style:var(--tw-border-style);border-width:0}.tbl-row>span{min-width:0}.stats-table .tbl-row{grid-template-columns:2fr 1fr 1fr 1fr auto}.table-header{padding-top:0;padding-bottom:7px}.child-meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);display:block}.outline{min-height:calc(var(--spacing) * 9);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-radius:8px;align-items:center;gap:6px;padding-inline:14px;display:inline-flex}.outline.full{width:100%}.dashboard-grid{margin-top:calc(var(--spacing) * 5);gap:14px;display:grid}.dash-top{justify-content:space-between;align-items:center;display:flex}.stat-grid+.stat-grid,.stat-grid+section,.dash-top+section,.card.table-card+.primary{margin-top:calc(var(--spacing) * 5)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-grid.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);border-radius:14px;padding:14px;display:flex}.stat:where([data-theme=dark]){border-color:#3a5048}.stat svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);color:var(--color-green);flex:none}.stat b{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:block}.stat span{color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.class-card ul{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);padding:0;list-style-type:none;display:grid}.class-card li{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.class-card li b{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);margin-left:auto}.green-dot,.gray-dot{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);border-radius:2147483647px;flex:none}.green-dot{background-color:var(--color-green)}.gray-dot{background-color:var(--color-line)}.profile-grid{grid-template-columns:260px 1fr;gap:14px;display:grid}.card .big-avatar{background-color:var(--color-green);width:72px;height:72px;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));color:var(--color-white);border-radius:2147483647px;place-items:center;margin-inline:auto;display:grid;position:relative}.big-avatar button{right:calc(var(--spacing) * -1);bottom:calc(var(--spacing) * -1);height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);color:var(--color-muted);border-radius:2147483647px;place-items:center;display:grid;position:absolute}.big-avatar button svg{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5)}.mini-stats{margin-top:calc(var(--spacing) * 4);justify-content:center;gap:14px;display:flex}.mini-stats span{color:var(--color-muted);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.mini-stats b{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-ink)}.card h2{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);margin:0;margin-bottom:14px}.profile-card p{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:0}.preferences{gap:calc(var(--spacing) * 4);display:grid}.preferences h3{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.preferences h3:first-child{margin-top:0}.preferences label{gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex-direction:column;display:flex}.preferences label input,.preferences label select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-ink)}.info-row{justify-content:space-between;align-items:center;display:flex}.info-row span{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.toggle-row{cursor:pointer;border-style:var(--tw-border-style);text-align:left;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-width:0;justify-content:space-between;align-items:center;padding:0;display:flex}.toggle{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 9);background-color:var(--color-line);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));border-radius:2147483647px;flex:none;display:inline-block;position:relative}.toggle:where([data-theme=dark]){background-color:#2c3d36}.toggle.on,.toggle.on:where([data-theme=dark]){background-color:var(--color-green)}.toggle b{top:calc(var(--spacing) * .5);left:calc(var(--spacing) * .5);height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);background-color:var(--color-white);--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);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:2147483647px;position:absolute}.toggle.on b{transform:translate(1rem)}.level-card{padding:calc(var(--spacing) * 6);align-items:center;gap:32px;display:flex}.level-card+.stat-grid{margin-top:calc(var(--spacing) * 5)}.level-ring{background-color:var(--color-green);width:72px;height:72px;color:var(--color-white);border-radius:2147483647px;flex:none;place-items:center;display:grid}.level-ring svg{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)}.level-card>div:last-child{flex:1}.level-card .xp{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.badges+.card.history{margin-top:calc(var(--spacing) * 6)}.badge-card{text-align:center;padding:14px}.badge-card.locked span{opacity:.4}.badge-card span{margin-top:calc(var(--spacing) * 2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));display:block}.badge-card span.orange{color:#c27838}.badge-card span.orange:where([data-theme=dark]){color:#f0a683;background-color:#3a2418}.badge-card span.green{color:var(--color-green)}.badge-card span.gold{color:var(--color-gold)}.badge-card span.gold:where([data-theme=dark]){color:#e7c25f}.badge-card span.purple{color:var(--color-purple)}.badge-card span.purple:where([data-theme=dark]){color:#b39ee8}.badge-card b{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.badge-card p{--tw-leading:1.4;color:var(--color-muted);margin:3px 0 0;font-size:10px;line-height:1.4}.card.history{gap:calc(var(--spacing) * 2);display:grid}.history-row{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:10px;display:flex}.history-row:last-child{border-style:var(--tw-border-style);border-width:0}.history-text{flex:1;min-width:0}.history-text b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.history-text p{color:var(--color-muted);margin:2px 0 0;font-size:10px}.history-row strong{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);flex:none}.history-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.history-icon.h0{background-color:var(--color-mint);color:var(--color-green)}.history-icon.h1{color:var(--color-gold);background-color:#fcf5e7}.history-icon.h2{color:var(--color-purple);background-color:#f0e8fc}.history-icon.h3{color:#c8648f;background-color:#fce8f0}.card.single{max-width:560px}.card.settings-card{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.card.settings-card .back-link{margin-bottom:var(--spacing)}.card h3{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);margin:0 0 14px}.search{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;height:36px;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:8px;display:flex}.search:where([data-theme=dark]){background-color:#101c18}.search svg{color:var(--color-muted);flex:none}.search input{border-style:var(--tw-border-style);width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.surah-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.surah-list button{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);text-align:left;background-color:#0000;border-width:0;border-radius:10px;padding:10px;display:flex}.surah-list button:hover{background-color:var(--color-mint)}.surah-list button.selected{background-color:#e4f3eb}.surah-list button.selected:where([data-theme=dark]){background-color:#101c18}.surah-list button>span:first-child{width:calc(var(--spacing) * 5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);flex:none}.surah-list button>div{flex:1;min-width:0}.surah-list button svg{flex:none}.surah-list b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.surah-list small{color:var(--color-muted);font-size:10px}.card.picker{width:100%;max-width:none;max-height:none}.card.settings-card{max-height:440px;overflow-y:auto}.selected-surah{align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-mint);padding:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));border-radius:10px;display:flex}.selected-surah:where([data-theme=dark]){background-color:#101c18}.field-group{gap:calc(var(--spacing) * 2);display:grid}.field-row{align-items:flex-end;gap:calc(var(--spacing) * 3);display:flex}.field-row label{gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex:1;display:grid}.field-row select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-ink)}.field-row>span{padding-bottom:calc(var(--spacing) * 2);color:var(--color-muted)}.field-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted)}.segmented{background-color:#f3f6f4;border-radius:8px;padding:3px;display:flex}.segmented:where([data-theme=dark]){background-color:#101c18}.segmented.three>button{flex:1}.segmented button{cursor:pointer;border-style:var(--tw-border-style);min-height:32px;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);background-color:#0000;border-width:0;border-radius:6px}.segmented button.active{background-color:var(--color-surface);color:var(--color-ink)}.player-head{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.player-head h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));margin:0}.player-head .outline{min-height:34px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:12px}.player-card{padding-inline:24px;padding-top:48px;padding-bottom:calc(var(--spacing) * 5);text-align:center}.arabic{font-family:var(--font-arabic);--tw-leading:1.8;font-size:40px;line-height:1.8}.arabic.hidden-text{color:var(--color-muted)}.ayah-number{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.latin{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-muted);line-height:1.7}.meaning{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-ink);font-style:italic;line-height:1.7}.timeline{margin-top:calc(var(--spacing) * 5);align-items:center;gap:6px;display:flex}.timeline>div{background-color:var(--color-line);border-radius:2147483647px;flex:1;height:3px}.timeline .active{background-color:var(--color-green)}.ayah-track{margin-top:calc(var(--spacing) * 8);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.ayah-dot{background-color:var(--color-line);width:6px;height:6px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-radius:2147483647px;flex:none;transition-duration:.2s}.ayah-dot.completed{background-color:#bcd9cd}.ayah-dot.active{background-color:var(--color-green);--tw-shadow:0 0 0 3px var(--tw-shadow-color,#106b5530);width:10px;height:10px;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ayah-dot-more{margin-left:var(--spacing);color:var(--color-muted);font-size:10px}.position-info{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);justify-content:center;align-items:center;gap:6px;display:flex}.position-info-sep{opacity:.3}.session-bar{margin-top:calc(var(--spacing) * 3);height:var(--spacing);background-color:var(--color-line);border-radius:2147483647px;width:100%;overflow:hidden}.session-bar span{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-green);--tw-gradient-to:#0e8f72;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));height:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);border-radius:2147483647px;display:block}.controls{margin-top:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:6px;display:flex}.controls button{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:44px;height:44px;color:var(--color-muted);border-radius:2147483647px;place-items:center;display:grid}.controls button:where([data-theme=dark]){background-color:#101c18}.play-main{border-color:var(--color-green)!important;background-color:var(--color-green)!important;width:56px!important;height:56px!important;color:var(--color-white)!important}.player-options{margin-top:calc(var(--spacing) * 5);grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;display:grid}.mastery-inline{margin-top:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding-top:calc(var(--spacing) * 4);display:flex}.mastery-inline>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex:none}.mastery-inline+.primary.full{margin-top:calc(var(--spacing) * 4)}.mastery-inline>div{gap:var(--spacing);display:flex}.mastery-inline button{cursor:pointer;gap:var(--spacing);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);background-color:#0000}.mastery-inline button.active{border-color:var(--color-green);background-color:var(--color-mint);color:var(--color-green)}@media (width<=1000px){.sidebar{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sidebar.open{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:10px 0 30px var(--tw-shadow-color,#0002);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.close-menu{display:grid!important}.backdrop{z-index:29;border-style:var(--tw-border-style);background-color:#0000004d;border-width:0;display:block;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.backdrop{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.main{margin-left:0}.topbar{justify-content:space-between}.menu-btn,.mobile-logo{display:grid}.goals-grid,.badges{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.class-card{max-width:none}.profile-grid{grid-template-columns:260px 1fr}.bottom-nav{z-index:25;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);background-color:var(--color-surface);height:67px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{justify-content:center;align-items:center;gap:var(--spacing);border-style:var(--tw-border-style);background-color:var(--color-surface);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#7d8c87;border-width:0;flex-direction:column;flex:1;display:flex}.bottom-nav button.active{color:var(--color-green)}.bottom-nav svg{width:19px}.bottom-nav span{max-width:64px;overflow:hidden}.content{padding-bottom:95px}}@media (width<=900px){.landing-hero{text-align:center;flex-direction:column}.landing-hero-copy{max-width:none}.landing-cta-row{flex-wrap:wrap;justify-content:center}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-steps{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<=860px){.auth-card{padding:calc(var(--spacing) * 5)}}@media (width<=820px){.landing-hero h1{font-size:32px}.landing-features{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-card h1{font-size:22px}.arabic{font-size:36px}}@media (width<=680px){.topbar{height:62px;padding-inline:14px}.role-select svg:first-child{display:none}.content{padding:24px 14px 95px}.welcome{align-items:flex-start}.welcome h1,.page-title h1,.player-head h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.welcome p{max-width:230px}.streak{padding:7px}.streak small{display:none}.hero-card{min-height:250px;padding:27px 23px}.hero-copy{width:75%}.hero-card h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.goals-grid,.two-col{grid-template-columns:repeat(1,minmax(0,1fr))}.goal:last-child{grid-column:auto}.support{align-items:flex-start}.support button{padding:calc(var(--spacing) * 2);color:0}.surah-list{grid-template-columns:repeat(1,minmax(0,1fr))}.player-head{align-items:flex-start}.player-head .outline{width:42px;color:0;justify-content:center;padding:0}.player-card{padding-inline:18px;padding-top:38px;padding-bottom:calc(var(--spacing) * 5)}.arabic{font-size:32px}.player-options{flex-wrap:wrap;gap:10px}.level-card{padding:calc(var(--spacing) * 5);flex-wrap:wrap}.level-card .xp{margin-left:auto}.stat-grid,.badges{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-top{display:block}.dash-top>.primary{margin-bottom:15px}.table-header{display:none}.tbl-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tbl-row>span:nth-child(3),.tbl-row>span:nth-child(4){justify-content:flex-start}.profile-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.toast{right:14px;bottom:calc(var(--spacing) * 20);left:14px}.week-chart{gap:7px}}@media (width<=560px){.landing-hero h1{font-size:28px}.landing-features{grid-template-columns:repeat(1,minmax(0,1fr))}.landing-nav-actions .primary{min-height:calc(var(--spacing) * 10);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.right-\[8px\]{right:8px}.left-\[10px\]{left:10px}.order-last{order:9999}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[6px\]{margin-top:6px}.mb-\[6px\]{margin-bottom:6px}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-20{height:calc(var(--spacing) * 20)}.h-40{height:calc(var(--spacing) * 40)}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.w-1\/3{width:33.3333%}.w-4{width:calc(var(--spacing) * 4)}.w-\[6px\]{width:6px}.w-\[7px\]{width:7px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.flex-1{flex:1}.flex-none{flex:none}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_60px_80px_60px\]{grid-template-columns:1fr 60px 80px 60px}.grid-cols-\[20px_1fr_1fr_70px_70px_auto\]{grid-template-columns:20px 1fr 1fr 70px 70px auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-\[14px\]{gap:14px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-line{border-color:var(--color-line)}.border-red-500{border-color:var(--color-red-500)}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#fff8e1\]{background-color:#fff8e1}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-line{background-color:var(--color-line)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.p-\[10px_12px\]{padding:10px 12px}.p-\[12px_14px\]{padding:12px 14px}.p-\[14px_14px_10px\]{padding:14px 14px 10px}.px-\[8px\]{padding-inline:8px}.px-\[10px\]{padding-inline:10px}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.py-\[6px_10px\]{padding-block:6px 10px}.py-\[7px_14px\]{padding-block:7px 14px}.py-\[8px_10px\]{padding-block:8px 10px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[24px\]{padding-block:24px}.py-\[48px\]{padding-block:48px}.pt-1{padding-top:var(--spacing)}.pt-\[6px\]{padding-top:6px}.pr-\[10px\]{padding-right:10px}.pr-\[30px\]{padding-right:30px}.pl-\[30px\]{padding-left:30px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[2\]{--tw-leading:2;line-height:2}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-700{color:var(--color-blue-700)}.text-green-700{color:var(--color-green-700)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.opacity-20{opacity:.2}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-\[\#f0f0f0\]:hover{background-color:#f0f0f0}.hover\:bg-\[\#f7f7f7\]:hover{background-color:#f7f7f7}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-ink:hover{color:var(--color-ink)}}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:order-none{order:0}.sm\:w-auto{width:auto}.sm\:min-w-\[200px\]{min-width:200px}}.dark\:bg-\[\#2a1f00\]:where([data-theme=dark]){background-color:#2a1f00}.dark\:bg-\[\#111\]:where([data-theme=dark]){background-color:#111}.dark\:bg-amber-900\/20:where([data-theme=dark]){background-color:#7b330633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/20:where([data-theme=dark]){background-color:color-mix(in oklab, var(--color-amber-900) 20%, transparent)}}.dark\:bg-amber-900\/30:where([data-theme=dark]){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:where([data-theme=dark]){background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:bg-blue-900\/30:where([data-theme=dark]){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:where([data-theme=dark]){background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:bg-green-900\/30:where([data-theme=dark]){background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30:where([data-theme=dark]){background-color:color-mix(in oklab, var(--color-green-900) 30%, transparent)}}.dark\:bg-purple-900\/30:where([data-theme=dark]){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30:where([data-theme=dark]){background-color:color-mix(in oklab, var(--color-purple-900) 30%, transparent)}}.dark\:text-amber-300:where([data-theme=dark]){color:var(--color-amber-300)}.dark\:text-amber-400:where([data-theme=dark]){color:var(--color-amber-400)}.dark\:text-blue-300:where([data-theme=dark]){color:var(--color-blue-300)}.dark\:text-green-300:where([data-theme=dark]){color:var(--color-green-300)}.dark\:text-purple-300:where([data-theme=dark]){color:var(--color-purple-300)}@media (hover:hover){.dark\:hover\:bg-\[\#222\]:where([data-theme=dark]):hover{background-color:#222}.dark\:hover\:bg-\[\#181818\]:where([data-theme=dark]):hover{background-color:#181818}.dark\:hover\:bg-red-900\/20:where([data-theme=dark]):hover{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/20:where([data-theme=dark]):hover{background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes float-art{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}*,:after,:before{box-sizing:border-box}html{font-size:87.5%}html,body,#root{background-color:var(--color-cream);min-height:100%;margin:0}html[data-theme=dark],[data-theme=dark] body,[data-theme=dark] #root{color:#d6e0db;background:#0e1613}[data-theme=dark]{--color-ink:#d6e0db;--color-muted:#8a9d96;--color-line:#2d3f38;--color-surface:#1a2622}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e7aa3380}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-theme=dark] .mastery-0.active{color:#f0a683;background:#3a2418}[data-theme=dark] .mastery-1.active{color:#e7c25f;background:#3a2f14}[data-theme=dark] .attention{color:#f0a683;background:#3a2418}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{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-tracking{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}