@font-face{font-family:Plex Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.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:Plex Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-500-normal.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:Plex Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-600-normal.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:Plex Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.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:Reem Kufi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/reem-kufi-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/reem-kufi-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/reem-kufi-latin-500-normal.woff2)format("woff2");unicode-range:U+??}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/reem-kufi-latin-700-normal.woff2)format("woff2");unicode-range:U+??}@font-face{font-family:Lalezar;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lalezar-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aref-ruqaa-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/aref-ruqaa-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-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}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#072329;--ink-900:#0b2e35;--ink-800:#0f3d45;--ink-700:#155260;--ink-600:#1d6b7a;--ink-500:#2a8495;--ink-200:#bfd9dc;--ink-100:#e1eeef;--ink-50:#eff6f6;--gold-600:#8a5a12;--gold-500:#b7791f;--gold-300:#e3b964;--gold-100:#f8ecd2;--bg:#faf7f0;--bg-sunken:#f3eee2;--surface:#fffdf8;--surface-raised:#fff;--border:#e6dfd0;--border-strong:#d4c9b3;--text:#1a2427;--text-muted:#55636a;--text-subtle:#66737a;--text-on-primary:#fff;--text-accent:var(--gold-600);--primary:var(--ink-800);--primary-hover:var(--ink-900);--primary-soft:var(--ink-50);--primary-soft-text:var(--ink-700);--focus:#2a8495;--success:#2f7a4f;--success-soft:#e5f2ea;--danger:#b42318;--danger-soft:#fbe9e7;--warning:#8a5a00;--warning-soft:#fbf0d9;--info:var(--ink-600);--info-soft:var(--ink-50);--sec-strategies:#1d6b7a;--sec-training:#3b5ba5;--sec-competitions:#b7791f;--sec-teaching:#2f7a4f;--sec-activities:#8b4a8c;--sec-experiences:#a34f32;--sec-student-work:#5b6f2a;--sec-impact:#0f3d45;--sec-stories:#a33b5c;--sec-enrichment:#6b5aa6;--font-ui:"Plex Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-display:"Reem Kufi", "Plex Arabic", system-ui, sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:clamp(2.25rem, 1.6rem + 3vw, 3.5rem);--lh-tight:1.35;--lh-normal:1.8;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0b2e350f, 0 1px 1px #0b2e350a;--shadow-2:0 2px 4px #0b2e350d, 0 8px 16px -4px #0b2e3514;--shadow-3:0 4px 8px #0b2e350f, 0 20px 40px -12px #0b2e3529;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.6s;--paper-grain:url(/grain.png)}@media screen{:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1618;--bg-sunken:#091113;--surface:#12201f;--surface-raised:#172a2d;--border:#22383b;--border-strong:#2f4a4e;--text:#ece7dc;--text-muted:#aab5b5;--text-subtle:#8e9a9b;--text-on-primary:#072329;--text-accent:var(--gold-300);--primary:#7cc9d4;--primary-hover:#9ad7df;--primary-soft:#143338;--primary-soft-text:#9ad7df;--focus:#9ad7df;--success:#6cc191;--success-soft:#133024;--danger:#f19084;--danger-soft:#3a1714;--warning:#e6b450;--warning-soft:#33280f;--info:#7cc9d4;--info-soft:#143338;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 4px #0000004d, 0 8px 16px -4px #0006;--shadow-3:0 4px 8px #0000004d, 0 20px 40px -12px #0000008c;--paper-grain:none}}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1618;--bg-sunken:#091113;--surface:#12201f;--surface-raised:#172a2d;--border:#22383b;--border-strong:#2f4a4e;--text:#ece7dc;--text-muted:#aab5b5;--text-subtle:#8e9a9b;--text-on-primary:#072329;--text-accent:var(--gold-300);--primary:#7cc9d4;--primary-hover:#9ad7df;--primary-soft:#143338;--primary-soft-text:#9ad7df;--focus:#9ad7df;--success:#6cc191;--success-soft:#133024;--danger:#f19084;--danger-soft:#3a1714;--warning:#e6b450;--warning-soft:#33280f;--info:#7cc9d4;--info-soft:#143338;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 4px #0000004d, 0 8px 16px -4px #0006;--shadow-3:0 4px 8px #0000004d, 0 20px 40px -12px #0000008c;--paper-grain:none}}
.container{inline-size:min(100% - 2 * var(--s-4), 1200px);margin-inline:auto}.stack{gap:var(--s-4);flex-direction:column;display:flex}.stack-sm{gap:var(--s-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.grid{gap:var(--s-5);display:grid}.grid-2{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.grid-3{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:var(--fs-sm)}.accent-text{color:var(--text-accent)}.btn{--btn-bg:var(--primary);--btn-fg:var(--text-on-primary);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--s-2);min-block-size:44px;padding:var(--s-2) var(--s-5);border-radius:var(--r-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-md);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);box-shadow:var(--shadow-1);line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{--btn-bg:var(--primary-hover);color:var(--btn-fg);box-shadow:var(--shadow-2)}.btn:active{box-shadow:var(--shadow-1);transform:translateY(1px)scale(.99)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{--btn-bg:var(--surface-raised);--btn-fg:var(--text);--btn-border:var(--border-strong)}.btn-secondary:hover{--btn-bg:var(--bg-sunken)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--primary-soft-text);box-shadow:none}.btn-ghost:hover{--btn-bg:var(--primary-soft);box-shadow:none}.btn-danger{--btn-bg:var(--danger);--btn-fg:#fff}.btn-danger:hover{--btn-bg:var(--danger);filter:brightness(.92)}.btn-sm{min-block-size:36px;padding:var(--s-1) var(--s-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{min-block-size:56px;padding:var(--s-3) var(--s-6);font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-block{inline-size:100%}.btn .spinner-dot{block-size:8px;inline-size:8px;animation:pulse 1s var(--ease-in-out) infinite;background:currentColor;border-radius:50%}@keyframes pulse{50%{opacity:.25}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5)}.card-lift{transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3)}.card-lift:hover{box-shadow:var(--shadow-3);border-color:var(--border-strong);transform:translateY(-3px)}.card-header{justify-content:space-between;align-items:center;gap:var(--s-3);margin-block-end:var(--s-4);display:flex}.card-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0}.field{gap:var(--s-1);flex-direction:column;display:flex}.field label,.label{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.field .error{font-size:var(--fs-sm);color:var(--danger)}.input,.select,.textarea{min-block-size:48px;inline-size:100%;padding:var(--s-2) var(--s-4);background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur-2), box-shadow var(--dur-2)}.textarea{resize:vertical;min-block-size:120px;line-height:var(--lh-normal)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-500)}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 22%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input-code{letter-spacing:.4em;text-align:center;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;direction:ltr}.checkbox{align-items:center;gap:var(--s-2);min-block-size:44px;display:flex}.checkbox input{block-size:20px;inline-size:20px;accent-color:var(--primary)}.alert{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);white-space:pre-line;border:1px solid;align-items:flex-start;display:flex}.alert-error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger)}.alert-success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 30%, transparent);color:var(--success)}.alert-info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 30%, transparent);color:var(--primary-soft-text)}.alert-warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 30%, transparent);color:var(--warning)}.badge{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--primary-soft);color:var(--primary-soft-text);white-space:nowrap;font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-100);color:var(--gold-600)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-muted{background:var(--bg-sunken);color:var(--text-muted)}@media screen{:root[data-theme=dark] .badge-gold{color:var(--gold-300);background:#3a2c10}}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm)}.table th{text-align:start;color:var(--text-muted);background:var(--bg-sunken);padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--border);white-space:nowrap;font-weight:600}.table td{padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-block-end:0}.table tbody tr{transition:background-color var(--dur-1)}.table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 55%, transparent)}.pagination{gap:var(--s-2);justify-content:center;align-items:center;margin-block-start:var(--s-4);display:flex}.filters{gap:var(--s-3);flex-wrap:wrap;align-items:flex-end;margin-block-end:var(--s-4);display:flex}.filters .field{flex:160px;min-inline-size:160px}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 0%, var(--border) 50%, var(--bg-sunken) 100%);border-radius:var(--r-sm);background-size:200% 100%;min-block-size:1em;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);color:var(--text-muted);flex-direction:column;display:flex}.empty-state svg{color:var(--ink-500)}.empty-state h2,.empty-state h3{color:var(--text);font-size:var(--fs-lg);margin:0}.auth{grid-template-columns:1fr;min-block-size:100dvh;display:grid}@media (min-width:960px){.auth{grid-template-columns:minmax(380px,5fr) 7fr}}.auth-brand{background:radial-gradient(120% 90% at 100% 0%, var(--ink-700) 0%, var(--ink-900) 55%, var(--ink-950) 100%);color:#f3efe6;padding:var(--s-8) var(--s-7);display:none;position:relative;overflow:hidden}@media (min-width:960px){.auth-brand{flex-direction:column;justify-content:space-between;display:flex}}.auth-brand h1{color:#fff;font-size:var(--fs-4xl);margin-block-start:var(--s-6)}.auth-brand p{color:#cfe1e3;font-size:var(--fs-lg);max-inline-size:36ch}.auth-main{padding:var(--s-4);justify-content:center;align-items:center;display:flex}.auth-card{inline-size:min(100%,440px)}.auth-card .card{padding:var(--s-5)}.auth-card .card>h1{margin-block-end:var(--s-2)}.auth-card .stack{gap:var(--s-3)}.auth-mobile-brand{align-items:center;gap:var(--s-3);margin-block-end:var(--s-5);display:flex}@media (min-width:960px){.auth-mobile-brand{display:none}}.brand{align-items:center;gap:var(--s-3);color:inherit;text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1.2}.brand-tag{font-size:var(--fs-xs);color:var(--text-muted)}.auth-brand .brand-tag{color:var(--gold-300)}.shell{grid-template-columns:1fr;min-block-size:100dvh;display:grid}@media (min-width:860px){.shell{grid-template-columns:272px 1fr}.shell[data-collapsed=true]{grid-template-columns:1fr}.shell[data-collapsed=true] .sidebar{display:none}}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);padding:var(--s-5) var(--s-4);gap:var(--s-5);flex-direction:column;block-size:100dvh;display:none;position:sticky;inset-block-start:0;overflow-y:auto}@media (min-width:860px){.sidebar{display:flex}}.sidebar[data-open=true]{z-index:60;inline-size:min(86vw,320px);box-shadow:var(--shadow-3);display:flex;position:fixed;inset:0}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{font-size:var(--fs-xs);color:var(--text-subtle);padding-inline:var(--s-3);margin-block:var(--s-3) var(--s-1);font-weight:600}.nav a{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);min-block-size:44px;color:var(--text-muted);transition:background-color var(--dur-2), color var(--dur-2);font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--bg-sunken);color:var(--text)}.nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary-soft-text);font-weight:600;position:relative}.nav a[aria-current=page]:before{content:"";background:var(--gold-500);border-radius:0 4px 4px 0;inline-size:4px;position:absolute;inset-block:8px;inset-inline-start:-16px}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border);display:flex;position:sticky;inset-block-start:0}.main{padding:var(--s-5);gap:var(--s-5);flex-direction:column;min-inline-size:0;display:flex}@media (min-width:768px){.main{padding:var(--s-6) var(--s-7)}}.breadcrumbs{gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary-soft-text)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.page-header h1{margin:0}.page-header p{margin:var(--s-1) 0 0;color:var(--text-muted)}.menu-btn{display:inline-flex}.scrim{z-index:55;background:#07232973;position:fixed;inset:0}.stat{gap:var(--s-1);flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.stat-label{color:var(--text-muted);font-size:var(--fs-sm)}.icon-tile{border-radius:var(--r-md);background:var(--primary-soft);block-size:48px;inline-size:48px;color:var(--primary-soft-text);flex:none;place-items:center;display:inline-grid}.path-divider{block-size:24px;inline-size:100%;color:var(--border-strong);display:block}.path-divider .dot{fill:var(--gold-500)}.print-root{display:none}dialog.dialog-wide{max-block-size:92dvh;inline-size:min(96vw,980px)}.code-card-head{justify-content:space-between;align-items:center;gap:var(--s-2);margin-block-end:2px;display:flex}.code-card-row{justify-content:space-between;gap:var(--s-3);margin-block:var(--s-2);display:flex}.code-card-foot{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.code-sheet{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.code-card{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--s-4);background:var(--surface);break-inside:avoid}.code-card .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xl);letter-spacing:.15em;text-align:center;direction:ltr;font-weight:700}.code-card .pin{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-xl);letter-spacing:.3em;text-align:center;color:var(--gold-600);direction:ltr;font-weight:700}.qr svg{border-radius:var(--r-md);block-size:200px;inline-size:200px;padding:var(--s-2);background:#fff}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s-6);text-align:center;background:var(--bg-sunken);transition:border-color var(--dur-2), background-color var(--dur-2);cursor:pointer}.dropzone:hover,.dropzone[data-active=true]{border-color:var(--primary);background:var(--primary-soft)}dialog.dialog{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);inline-size:min(92vw,520px)}dialog.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07232980}.toast-region{z-index:90;gap:var(--s-2);flex-direction:column;display:flex;position:fixed;inset-block-end:var(--s-5);inset-inline-start:50%;translate:50%}.toast{background:var(--ink-900);color:#f3efe6;padding:var(--s-3) var(--s-5);border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:toast-in var(--dur-3) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.icon-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-2), background-color var(--dur-2);place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--bg-sunken)}[dir=rtl] .mirror{transform:scaleX(-1)}.reveal{animation:reveal var(--dur-4) var(--ease-out) both}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}.icon-grid{gap:var(--s-4);color:var(--primary-soft-text);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.recovery-grid{padding:var(--s-4);gap:var(--s-2) var(--s-5);background:var(--bg-sunken);border-radius:var(--r-md);counter-reset:rc;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;list-style:none;display:grid}.recovery-grid code{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-lg);letter-spacing:.06em;font-weight:600}.password-wrap{position:relative}.password-wrap .input{padding-inline-end:52px}.password-eye{border-radius:var(--r-sm);block-size:40px;inline-size:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-block:auto;display:grid;position:absolute;inset-block:0;inset-inline-end:4px}.password-eye:hover{color:var(--text);background:var(--bg-sunken)}.pw-checklist{background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font-size:var(--fs-sm)}.pw-checklist ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pw-rule{align-items:center;gap:var(--s-2);color:var(--text-muted);transition:color var(--dur-2);line-height:1.6;display:flex}.pw-rule>svg{color:var(--text-subtle);flex:none}.pw-rule.ok,.pw-rule.ok>svg{color:var(--success)}.pw-rule.bad,.pw-rule.bad>svg{color:var(--danger)}.pw-count{font-variant-numeric:tabular-nums;opacity:.8}.pw-chips{flex-wrap:wrap;gap:4px;padding-inline-start:26px;display:flex}.pw-chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:2px;padding:0 8px;line-height:1.8;display:inline-flex}.pw-chip.ok{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:var(--success-soft);color:var(--success)}@media (max-height:720px){.auth-main{padding-block:var(--s-2)}.auth-mobile-brand{margin-block-end:var(--s-2)}.auth-card .card{padding:var(--s-4)}.auth-card .card>h1{font-size:var(--fs-xl)}.auth-card .card>p{margin-block-end:var(--s-2)}.auth-card .input{min-block-size:44px}}.auth-card>.card{animation:rise var(--dur-4) var(--ease-out) both}.auth-card form.stack>*{animation:field-in var(--dur-3) var(--ease-out) both}.auth-card form.stack>:nth-child(2){animation-delay:60ms}.auth-card form.stack>:nth-child(3){animation-delay:.12s}.auth-card form.stack>:nth-child(4){animation-delay:.18s}.auth-card form.stack>:nth-child(5){animation-delay:.24s}.auth-card form.stack>:nth-child(n+6){animation-delay:.3s}@keyframes rise{0%{transform:translateY(16px)}}@keyframes field-in{0%{opacity:0;transform:translateY(8px)}}.alert-error{animation:shake .42s var(--ease-out) both}.alert-success,.alert-info,.alert-warning{animation:field-in var(--dur-3) var(--ease-out) both}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pw-chip{transition:background-color var(--dur-2), border-color var(--dur-2), color var(--dur-2)}.pw-chip.ok{animation:chip-ok var(--dur-3) var(--ease-out)}@keyframes chip-ok{40%{transform:scale(1.12)}}.pw-rule.ok>svg{animation:chip-ok var(--dur-3) var(--ease-out)}.password-eye svg{animation:eye-swap var(--dur-2) var(--ease-out)}@keyframes eye-swap{0%{opacity:0;transform:scale(.6)rotate(-20deg)}}.caps-warning{align-items:center;gap:var(--s-1);font-size:var(--fs-xs);color:var(--warning);animation:field-in var(--dur-2) var(--ease-out) both;display:inline-flex}.input{transition:border-color var(--dur-2), box-shadow var(--dur-2), background-color var(--dur-2)}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes walk{to{stroke-dashoffset:-24px}}@keyframes halo{50%{stroke-opacity:.1;transform:scale(1.35)}}@keyframes fade{0%{opacity:0}}.aba{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aba-glow{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.aba-glow-1{background:#1d6b74;block-size:420px;inline-size:420px;animation:18s ease-in-out infinite alternate aba-drift;inset-block-start:-120px;inset-inline-start:-80px}.aba-glow-2{opacity:.35;background:#7a5a1c;block-size:360px;inline-size:360px;animation:22s ease-in-out -6s infinite alternate-reverse aba-drift;inset-block-end:-140px;inset-inline-end:-60px}@keyframes aba-drift{to{transform:translate(-90px,70px)scale(1.15)}}.aba-letters span{font-family:var(--font-display);color:#f3efe61a;font-weight:700;line-height:1;animation:linear infinite aba-rise;position:absolute;inset-block-end:-80px}@keyframes aba-rise{0%{opacity:0;transform:translateY(0)rotate(-6deg)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-115vh)rotate(8deg)}}.aba-road{transform-origin:0 0;block-size:320px;inline-size:520px;position:absolute;inset-block-start:clamp(110px,16%,190px);inset-inline-end:var(--s-3)}@media (max-width:1240px),(max-height:860px){.aba-road{transform:scale(.74)}}@media (max-height:720px){.aba-road{transform:scale(.6)}}.aba-road svg{position:absolute;inset:0}.aba-book{animation:aba-float 6s var(--ease-in-out) infinite}@keyframes aba-float{50%{transform:translateY(-4px)}}.aba-flip{transform-box:view-box;transform-origin:415px 250px;opacity:0;animation:aba-flip 9s var(--ease-in-out) 1.5s infinite}@keyframes aba-flip{0%,60%{opacity:0;filter:brightness();transform:scaleX(1)}62%{opacity:1}72%{filter:brightness(.75);transform:scaleX(.04)skewY(-5deg)}84%{opacity:1;filter:brightness(.95);transform:scaleX(-1)}90%,to{opacity:0;transform:scaleX(-1)}}.aba-trail{stroke-dasharray:1;animation:aba-draw 1.8s var(--ease-in-out) .2s both}.aba-dots{animation:2.6s linear infinite aba-walk}.aba-halo{transform-box:fill-box;transform-origin:50%;animation:aba-ping 2.8s var(--ease-out) infinite}.aba-halo-2{animation-delay:1.4s}@keyframes aba-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes aba-walk{to{stroke-dashoffset:-24px}}@keyframes aba-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.aba-skill{offset-rotate:0deg;white-space:nowrap;font-family:var(--font-display);color:var(--gold-300);border-radius:var(--r-pill);background:#072329bf;border:1px solid #e3b96459;padding:2px 10px;font-size:15px;font-weight:600;animation:24s linear infinite aba-travel;position:absolute;inset-block-start:0;inset-inline-end:0}@keyframes aba-travel{0%{offset-distance:0%;opacity:0}4%{opacity:1}30%{opacity:1}36%{opacity:0}40%,to{offset-distance:100%;opacity:0}}.aba-underline{block-size:3px;inline-size:120px;margin-block:var(--s-3) var(--s-4);background:linear-gradient(90deg,#b7791f 0%,#f3d79a 50%,#b7791f 100%) 0 0/200% 100%;border-radius:3px;animation:4s linear infinite aba-shine;display:block}@keyframes aba-shine{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.aba-letters,.aba-skill,.aba-halo-2{display:none}}.auth-brand{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 75% at 88% 6%,#1f5c66 0%,#12404a 32%,#0b2a31 62%,#081e24 100%)}.auth-brand>:not(.hero-anim){z-index:4;position:relative}.auth-brand>.hero-anim{z-index:0;position:absolute;inset:0}.ha-back,.ha-front{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ha-back{z-index:0}.ha-front{z-index:2;pointer-events:none}.ha-book{z-index:1;pointer-events:none;inline-size:clamp(180px,34%,290px);position:absolute;inset-block-start:44%;inset-inline-end:58%;transform:translate(-50%,-50%)}.ha-shade{z-index:3;pointer-events:none;background:linear-gradient(#071a1f00 46%,#071a1f9e 70%,#071a1ff0 100%);position:absolute;inset:0}.auth-brand h1{font-family:"Lalezar", var(--font-display);-webkit-text-fill-color:transparent;color:#f4ead2;background-image:linear-gradient(105deg,#f4ead2 0% 43%,#ffd27a 50%,#f4ead2 57% 100%);background-position:0 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,4.2vw,58px);font-weight:400;line-height:1.12}.auth-brand .aba-underline{background:#e2b04f;inline-size:120px;animation:none}.auth-brand .ag-quote blockquote{font-family:"Aref Ruqaa", var(--font-display);color:#f1e9d6;font-size:21px}.auth-brand .ag-hello{color:#e2b04f;font-size:17px;font-weight:500}.bs-panel,.bs-panel .bs-tilt{position:absolute;inset:0}.bs-svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.bs-shake{animation:shake .42s var(--ease-out) both}.bs-turn{transform-box:view-box;transform-origin:415px 250px;animation:bs-turn 1s var(--ease-in-out) both}@keyframes bs-turn{0%{filter:brightness();opacity:1;transform:scaleX(1)}50%{filter:brightness(.72);transform:scaleX(.04)skewY(-5deg)}85%{filter:brightness(.95);opacity:1;transform:scaleX(-1)}to{opacity:0;transform:scaleX(-1)}}.bs-glow,.bs-medal{opacity:0}.bs-medal{transform-box:view-box;transform-origin:415px 176px}.bs-done .bs-glow{animation:bs-glow .9s var(--ease-out) both}.bs-done .bs-medal{animation:.7s cubic-bezier(.2,1.4,.4,1) .1s both bs-medal}@keyframes bs-glow{50%{opacity:1}to{opacity:.6}}@keyframes bs-medal{0%{opacity:0;transform:translateY(50px)scale(.3)}to{opacity:1;transform:none}}.bs-compact{flex:none;block-size:60px;inline-size:76px}.amb-text{flex-direction:column;line-height:1.35;display:flex}.ag-hello-sm{font-size:var(--fs-xs);color:var(--text-muted)}.ag-hello{color:var(--gold-300);font-size:var(--fs-lg);font-weight:600;display:block}.auth-brand .ag-hello+h1{margin-block-start:var(--s-2)}.ag-quote{margin:var(--s-4) 0 0;min-block-size:4.2em}.ag-quote blockquote{font-family:var(--font-display);font-size:var(--fs-lg);color:#f3efe6;margin:0}.ag-quote figcaption{font-size:var(--fs-sm);color:var(--gold-300);transition:opacity var(--dur-3);margin-block-start:var(--s-1)}.aq-caret{vertical-align:-.15em;background:var(--gold-300);block-size:1em;inline-size:2px;margin-inline:2px;animation:1s step-end infinite aq-blink;display:inline-block}@keyframes aq-blink{50%{opacity:0}}.aba-stars{display:none;position:absolute;inset:0}.aba-stars span{background:#f3efe6;border-radius:50%;block-size:2px;inline-size:2px;animation:3.5s ease-in-out infinite aba-twinkle;position:absolute}@keyframes aba-twinkle{0%,to{opacity:.1}50%{opacity:.9}}:root[data-daypart=night] .aba-stars,:root[data-daypart=evening] .aba-stars{display:block}:root[data-daypart=morning] .aba-glow-1{background:#2a8a93}:root[data-daypart=morning] .aba-glow-2{opacity:.5;background:#d39a3a}:root[data-daypart=evening] .aba-glow-2{opacity:.5;background:#b4532f}:root[data-daypart=night] .aba-glow-1{background:#163c5c}:root[data-daypart=night] .aba-glow-2{opacity:.12}.pj-canvas{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.sc-stage{block-size:320px;inline-size:520px;position:relative}.sc-svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.sc-words{position:absolute;inset:0}.sc-word{offset-rotate:0deg;white-space:nowrap;font-family:var(--font-display);color:var(--gold-300);border-radius:var(--r-pill);opacity:0;animation:sc-fly 14s var(--ease-in-out) infinite;background:#072329d9;border:1px solid #e3b96473;padding:2px 9px;font-size:13px;font-weight:600;position:absolute;inset-block-start:0;inset-inline-end:0}@keyframes sc-fly{0%{offset-distance:0%;opacity:0;transform:scale(.6)}2%{opacity:1}10%{offset-distance:100%;opacity:1;transform:scale(1)}12%,to{offset-distance:100%;opacity:0;transform:scale(.9)}}.sc-bar{transform-box:fill-box;transform-origin:50% 100%;animation:sc-grow 14s var(--ease-out) infinite;transform:scaleY(.06)}@keyframes sc-grow{0%,10%{transform:scaleY(.06)}15%,86%{transform:scaleY(1)}94%,to{transform:scaleY(.06)}}.sc-trend{stroke-dasharray:1;stroke-dashoffset:1px;animation:sc-trend 14s var(--ease-in-out) infinite}@keyframes sc-trend{0%,64%{stroke-dashoffset:1px}74%,86%{stroke-dashoffset:0}94%,to{stroke-dashoffset:1px}}.sc-star{transform-box:fill-box;transform-origin:50% 70%;opacity:0;animation:sc-star 14s var(--ease-out) infinite}@keyframes sc-star{0%,70%{opacity:0;transform:scale(.2)}76%{opacity:1;transform:scale(1.2)}80%,87%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.2)}}@media (prefers-reduced-motion:reduce){.sc-bar,.sc-trend,.sc-star{stroke-dashoffset:0;opacity:1;transform:none;animation:none!important}.sc-words{display:none}}.sidebar[data-open=true]{animation:drawer-in var(--dur-3) var(--ease-out)}[dir=rtl] .sidebar[data-open=true]{--drawer-from:100%}@keyframes drawer-in{0%{transform:translateX(var(--drawer-from,-100%))}}.scrim{animation:fade var(--dur-2) var(--ease-out)}.main>*{animation:rise var(--dur-3) var(--ease-out) both}.main>:nth-child(2){animation-delay:40ms}.main>:nth-child(n+3){animation-delay:80ms}.nav a svg{transition:transform var(--dur-2) var(--ease-out)}.nav a:hover svg{transform:scale(1.12)}@media (max-width:400px){.auth-main{padding-inline:var(--s-2)}.auth-card .card{padding-inline:var(--s-3)}}.seg{background:var(--bg-sunken);border-radius:var(--r-md);flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.seg-btn{align-items:center;gap:var(--s-2);min-block-size:40px;padding:0 var(--s-4);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-2), color var(--dur-2);background:0 0;border:0;font-weight:600;display:inline-flex}.seg-btn:hover{color:var(--text)}.seg-btn.on{background:var(--surface-raised);color:var(--primary-soft-text);box-shadow:var(--shadow-1)}.pick-chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur-2), border-color var(--dur-2), color var(--dur-2);align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.pick-chip:hover{border-color:var(--ink-500);color:var(--text)}.pick-chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-soft-text);font-weight:600}.pick-chip:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0}.site-footer{border-block-start:1px solid var(--border);background:var(--bg-sunken);margin-block-start:var(--s-8)}.hero{isolation:isolate;border-radius:var(--r-xl);padding:clamp(var(--s-6), 6vw, var(--s-9)) clamp(var(--s-5), 5vw, var(--s-8));background:radial-gradient(120% 120% at 100% 0%, var(--ink-700) 0%, var(--ink-900) 55%, var(--ink-950) 100%);color:#f3efe6;box-shadow:var(--shadow-3);position:relative;overflow:hidden}.hero h1{color:#fff;font-size:var(--fs-5xl);letter-spacing:-.01em;margin:0}.hero .tagline{color:var(--gold-300);font-family:var(--font-display);font-size:var(--fs-2xl);margin-block:var(--s-2) var(--s-4)}.hero .lead{color:#cfe1e3;font-size:var(--fs-lg);max-inline-size:60ch}.hero-scene{z-index:-1;position:absolute;inset-block-end:44px;inset-inline-end:clamp(0px,2vw,32px)}.hero-scene .sc-stage{transform-origin:0 100%;transform:scale(.92)}@media (max-width:900px){.hero-scene{opacity:.25}.hero-scene .sc-stage{transform:scale(.62)}}.section-banner{--accent:var(--primary);isolation:isolate;border-radius:var(--r-xl);padding:var(--s-6) var(--s-6) var(--s-6);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)) 0%, var(--surface) 70%);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));position:relative;overflow:hidden}.section-banner:after{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);z-index:-1;border-radius:50%;inline-size:60%;position:absolute;inset-block-end:-60%;inset-inline-start:-10%}.section-banner .banner-icon{border-radius:var(--r-lg);background:var(--accent);color:#fff;block-size:64px;inline-size:64px;box-shadow:var(--shadow-2);place-items:center;display:inline-grid}.section-banner h1{margin-block:var(--s-4) var(--s-2)}.section-banner p{color:var(--text-muted);max-inline-size:70ch;margin:0}.item-card{--accent:var(--primary);color:inherit;flex-direction:column;block-size:100%;padding:0;text-decoration:none;display:flex;overflow:hidden}.item-card .cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--accent) 10%, var(--bg-sunken));color:var(--accent);place-items:center;display:grid;overflow:hidden}.item-card .cover img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-4) var(--ease-out)}.item-card:hover .cover img{transform:scale(1.04)}.item-card .body{padding:var(--s-4) var(--s-5) var(--s-5);gap:var(--s-2);flex-direction:column;flex:1;display:flex}.item-card .item-title{font-size:var(--fs-lg);margin:0}.item-card p{color:var(--text-muted);font-size:var(--fs-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.item-card .meta{gap:var(--s-2);flex-wrap:wrap;margin-block-start:auto;display:flex}.prose{font-size:var(--fs-lg);line-height:1.95}.prose h2{font-size:var(--fs-xl);margin-block-start:var(--s-6)}.prose h3{font-size:var(--fs-lg);margin-block-start:var(--s-5)}.prose ul,.prose ol{padding-inline-start:var(--s-5)}.prose li{margin-block:var(--s-1)}.prose blockquote{margin:var(--s-4) 0;padding:var(--s-3) var(--s-5);border-inline-start:4px solid var(--gold-500);background:var(--bg-sunken);border-radius:var(--r-sm);color:var(--text-muted)}.prose code{background:var(--bg-sunken);border-radius:6px;padding:2px 6px;font-size:.9em}.prose a{overflow-wrap:anywhere}.article{gap:var(--s-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.article{grid-template-columns:minmax(0,1fr) 320px}}.article aside .card{position:sticky;inset-block-start:96px}.journey{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid;position:relative}.journey:before{content:"";background:linear-gradient(to bottom, var(--ink-200), var(--gold-300));inline-size:2px;position:absolute;inset-block:24px;inset-inline-start:23px}.journey li{gap:var(--s-4);grid-template-columns:48px 1fr;align-items:start;display:grid;position:relative}.journey .step{background:var(--surface);border:2px solid var(--ink-500);block-size:48px;inline-size:48px;color:var(--primary-soft-text);z-index:1;border-radius:50%;place-items:center;font-weight:700;display:grid}.journey li:last-child .step{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.journey .journey-title{margin:var(--s-2) 0 var(--s-1);font-size:var(--fs-lg)}.before-after{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.before-after .ba{border-radius:var(--r-lg);padding:var(--s-5);border:1px solid var(--border);background:var(--surface)}.before-after .ba-before{border-block-start:4px solid var(--text-subtle)}.before-after .ba-after{border-block-start:4px solid var(--gold-500)}.before-after .ba-label{font-family:var(--font-display);margin-block-end:var(--s-2);font-weight:700;display:block}.gallery{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.gallery figure{margin:0}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-sunken);block-size:auto;inline-size:100%}.gallery figcaption{font-size:var(--fs-sm);color:var(--text-muted);margin-block-start:var(--s-1)}.file-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.file-list a{align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);color:inherit;background:var(--surface);transition:border-color var(--dur-2), background-color var(--dur-2);text-decoration:none;display:flex}.file-list a:hover{border-color:var(--ink-500);background:var(--primary-soft)}.subsection-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.dl-grid{gap:var(--s-3) var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0;display:grid}.dl-grid dt{font-size:var(--fs-sm);color:var(--text-muted)}.dl-grid dd{margin:0;font-weight:600}.chart{margin:0}.chart-svg{block-size:auto;inline-size:100%;font-family:var(--font-ui);overflow:visible}.chart-label{fill:var(--text);font-size:14px;font-weight:600}.chart-value{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.chart-value.strong{fill:var(--text);font-weight:700}.chart-tick{fill:var(--text-subtle);font-size:11px}.track{fill:var(--bg-sunken)}.gridline{stroke:var(--border);stroke-width:1px}.bar-pre{fill:var(--ink-200)}.bar-post{fill:var(--gold-500)}@media screen{:root[data-theme=dark] .bar-pre{fill:#2f4a4e}}.dot-pre{fill:var(--surface);stroke:var(--text-subtle);stroke-width:2.5px}.dot-post{fill:var(--gold-500);stroke:var(--surface);stroke-width:2px}.dumbbell-line{stroke-width:4px;stroke-linecap:round}.dumbbell-line.up{stroke:color-mix(in srgb, var(--gold-500) 55%, transparent)}.dumbbell-line.down{stroke:color-mix(in srgb, var(--danger) 45%, transparent)}.area-pre{fill:color-mix(in srgb, var(--text-subtle) 18%, transparent);stroke:var(--text-subtle);stroke-width:1.5px;stroke-dasharray:4 4}.area-post{fill:color-mix(in srgb, var(--gold-500) 28%, transparent);stroke:var(--gold-500);stroke-width:2.5px}.chart-legend{gap:var(--s-4);font-size:var(--fs-sm);color:var(--text-muted);justify-content:center;margin-block-start:var(--s-2);display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:4px;block-size:12px;inline-size:12px;display:inline-block}.swatch.pre{background:var(--ink-200);border:1.5px solid var(--text-subtle)}.swatch.post{background:var(--gold-500)}.grow{animation:grow-x var(--dur-4) var(--ease-out) both;transform-box:view-box}@keyframes grow-x{0%{transform:scaleX(0)}}.pop{animation:pop var(--dur-3) var(--ease-out) both;transform-box:fill-box;transform-origin:50%;animation-delay:.3s}@keyframes pop{0%{transform:scale(0)}}.fade{animation:fade var(--dur-4) var(--ease-out) both}@keyframes fade{0%{opacity:0}}.ring{inline-size:180px;margin:0 auto;position:relative}.ring svg{inline-size:100%}.ring-track{fill:none;stroke:var(--bg-sunken);stroke-width:12px}.ring-value{fill:none;stroke:var(--gold-500);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset var(--dur-4) var(--ease-out);animation:ring-in 1s var(--ease-out) both}@keyframes ring-in{0%{stroke-dashoffset:327px}}.ring figcaption{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-number{font-family:var(--font-display);font-size:var(--fs-3xl);direction:ltr;font-weight:700}.student{min-block-size:100dvh;padding:var(--s-4) var(--s-4) var(--s-8);background:radial-gradient(100% 60% at 50% 0%, var(--primary-soft) 0%, var(--bg) 70%);justify-content:center;align-items:flex-start;display:flex}.student-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);inline-size:min(100%,680px);box-shadow:var(--shadow-2);padding:clamp(var(--s-4), 4vw, var(--s-6));gap:var(--s-4);font-size:var(--fs-lg);flex-direction:column;display:flex}.student-head{align-items:center;gap:var(--s-3);border-block-end:1px solid var(--border);padding-block-end:var(--s-3);display:flex}.student-kind{font-size:var(--fs-sm);color:var(--text-accent);font-weight:600}.student-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1.3}.student-h1{font-size:var(--fs-2xl);margin:0}.student-input{font-size:var(--fs-2xl);min-block-size:64px}textarea.student-input{font-size:var(--fs-lg)}.parent-note{gap:var(--s-3);padding:var(--s-4);background:var(--warning-soft);border-radius:var(--r-lg);color:var(--text);display:flex}.parent-note svg{color:var(--warning);flex:none;margin-block-start:4px}.parent-note p{margin:var(--s-1) 0 0;font-size:var(--fs-md)}.student-facts{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.student-facts li{align-items:center;gap:var(--s-3);display:flex}.student-facts svg{color:var(--primary-soft-text);flex:none}.student-hint{gap:var(--s-2);color:var(--text-muted);align-items:center;margin:0;display:flex}.passage{background:var(--bg-sunken);border-radius:var(--r-lg);padding:var(--s-5);border-inline-start:4px solid var(--gold-500);font-size:1.25rem;line-height:2.1}.passage h2{font-size:var(--fs-xl);margin-block-end:var(--s-3)}.passage p:last-child{margin:0}.progress{background:var(--bg-sunken);border-radius:var(--r-pill);block-size:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--gold-500), var(--primary));border-radius:var(--r-pill);block-size:100%;transition:inline-size var(--dur-3) var(--ease-out)}.save-state{color:var(--success);justify-content:flex-end;align-items:center;gap:4px;min-inline-size:7em;display:inline-flex}.question{margin:var(--s-2) 0;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.75rem);line-height:1.6;font-family:var(--font-ui);font-weight:700}.options{gap:var(--s-3);display:grid}.option{align-items:center;gap:var(--s-3);min-block-size:64px;inline-size:100%;padding:var(--s-3) var(--s-4);border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);font-size:var(--fs-lg);text-align:start;cursor:pointer;transition:border-color var(--dur-2), background-color var(--dur-2), transform var(--dur-1);display:flex}.option:hover{border-color:var(--ink-500)}.option:active{transform:scale(.99)}.option.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.option-letter{background:var(--bg-sunken);border-radius:50%;flex:none;place-items:center;block-size:40px;inline-size:40px;font-weight:700;display:inline-grid}.option.selected .option-letter{background:var(--primary);color:var(--text-on-primary)}.option-check{color:var(--primary);flex:none;margin-inline-start:auto}.student-nav{gap:var(--s-3);grid-template-columns:1fr 2fr;margin-block-start:var(--s-2);display:grid}.dots{gap:var(--s-2);flex-wrap:wrap;display:flex}.dot{border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:50%;block-size:48px;inline-size:48px;font-weight:700}.dot.on{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.student-card.done{text-align:center;padding-block:var(--s-8);align-items:center}.student-card.done h1{font-size:var(--fs-4xl);color:var(--primary-soft-text);margin:0}.lead{font-size:var(--fs-lg)}.hero-school{color:#cfe1e3;font-size:var(--fs-sm);letter-spacing:.02em;margin:0 0 var(--s-3);border-radius:var(--r-pill);border:1px solid #ffffff2e;padding:4px 12px;display:inline-flex}.btn-gold{--btn-bg:var(--gold-300);--btn-fg:var(--ink-950)}.btn-gold:hover{--btn-bg:#edc97f;--btn-fg:var(--ink-950)}.btn-on-dark{--btn-bg:#ffffff14;--btn-fg:#fff;--btn-border:#ffffff40;box-shadow:none}.btn-on-dark:hover{--btn-bg:#ffffff29;--btn-fg:#fff}.stats-strip{gap:var(--s-4);padding-inline:var(--s-5);z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-block-start:calc(-1 * var(--s-8));display:grid;position:relative}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s-5);gap:var(--s-2);flex-direction:column;display:flex}.stat-tile .stat-value{font-size:var(--fs-4xl);font-family:var(--font-display);font-weight:700;line-height:1.1}.stat-tile .stat-label{color:var(--text-muted);font-size:var(--fs-sm)}.goal-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.goal-list li{gap:var(--s-3);align-items:flex-start;display:flex}.goal-list svg{color:var(--gold-500);flex:none;margin-block-start:3px}.bento{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-auto-flow:dense;display:grid}@media (min-width:900px){.bento-feature{grid-area:span 2/span 2}}.bento-item{--accent:var(--primary);isolation:isolate;gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow-1);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-item:after{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);z-index:-1;inline-size:140px;transition:transform var(--dur-4) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:-40px;inset-inline-end:-40px}.bento-item:hover{box-shadow:var(--shadow-3);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:inherit;transform:translateY(-4px)}.bento-item:hover:after{transform:scale(1.6)}.bento-item .banner-icon{border-radius:var(--r-md);background:var(--accent);color:#fff;block-size:52px;inline-size:52px;box-shadow:var(--shadow-1);place-items:center;display:inline-grid}.bento-item h3{margin:var(--s-2) 0 0;font-size:var(--fs-lg)}.bento-item p{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.bento-count{font-size:var(--fs-xs);color:var(--text-subtle);margin-block-start:auto;font-weight:600}.bento-feature{background:linear-gradient(160deg, var(--ink-800), var(--ink-950));color:#f3efe6;border-color:#0000;justify-content:flex-end;min-block-size:280px}.bento-feature h3{color:#fff;font-size:var(--fs-3xl)}.bento-feature p{color:#cfe1e3;font-size:var(--fs-md);max-inline-size:40ch}.bento-feature .banner-icon{background:var(--gold-300);color:var(--ink-950)}.bento-feature:hover{color:#f3efe6}.bento-metric{font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--gold-300);font-weight:700}.search-bar{align-items:center;gap:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-raised);padding-inline-start:var(--s-3);display:flex}.search-bar svg{color:var(--text-subtle);flex:none}.search-bar .input{box-shadow:none;background:0 0;border:0;padding-inline:0}.search-bar .btn{margin:4px}.avatar{background:linear-gradient(135deg, var(--ink-600), var(--ink-900));color:#fff;block-size:52px;inline-size:52px;font-family:var(--font-display);font-size:var(--fs-xl);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar-lg{block-size:88px;inline-size:88px;font-size:var(--fs-3xl);box-shadow:var(--shadow-2)}.qr-block summary{cursor:pointer;list-style:none}.qr-block summary::-webkit-details-marker{display:none}[dir=rtl] .hero .motif,[dir=rtl] .auth-brand .motif,[dir=rtl] .print-cover .cover-motif{transform:scaleX(-1)}.chart-svg{direction:ltr}.chart-label{font-size:15px}.chart-tick{font-size:12px}@media (max-width:600px){.stats-strip{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:calc(-1 * var(--s-6));padding-inline:0}.stat-tile{padding:var(--s-4)}.stat-tile .stat-value{font-size:var(--fs-3xl)}.hero{padding-block-end:var(--s-8)}.hero h1{font-size:2rem}}.chart .radar{max-inline-size:520px;margin-inline:auto;display:block}.q-image{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-sunken);margin:0;overflow:hidden}.q-image img{object-fit:contain;max-block-size:360px;inline-size:100%;display:block}.preview-bar{z-index:20;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--gold-100);color:var(--gold-600);font-weight:600;font-size:var(--fs-sm);border-block-end:1px solid color-mix(in srgb, var(--gold-600) 30%, transparent);flex-wrap:wrap;display:flex;position:sticky;inset-block-start:0}.preview-bar .btn{margin-inline-start:auto}.q-image-edit{gap:var(--s-3);flex-wrap:wrap;align-items:flex-start;display:flex}.q-image-edit img{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);block-size:110px;inline-size:160px}.done-art{block-size:auto;inline-size:min(300px,80%);overflow:visible}.dn-medal{transform-box:view-box;transform-origin:260px 100px;animation:.7s cubic-bezier(.2,1.4,.4,1) .2s both dn-pop}@keyframes dn-pop{0%{opacity:0;transform:translateY(-30px)scale(.4)}}.dn-spark{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out .9s infinite dn-twinkle}.dn-spark-2{animation-delay:1.5s}@keyframes dn-twinkle{50%{opacity:.4;transform:scale(.4)rotate(45deg)}}.dn-confetti rect{transform-box:fill-box;transform-origin:50%;animation:3.6s linear infinite dn-fall}@keyframes dn-fall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(300px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.dn-confetti{display:none}}.bento-feature{isolation:isolate;position:relative;overflow:hidden}.bento-scene{z-index:-1;position:absolute;inset-block-start:14px;inset-inline-end:8px}.bento-scene .sc-stage{transform-origin:0 0;transform:scale(.82)}@media (max-width:899px){.bento-scene{display:none}}.section-banner-dark{isolation:isolate;color:#f3efe6;background:radial-gradient(120% 120% at 100% 0%, var(--ink-700) 0%, var(--ink-900) 55%, var(--ink-950) 100%);border-color:#0000;min-block-size:320px;position:relative;overflow:hidden}.section-banner-dark:after{display:none}.section-banner-dark h1{color:#fff}.section-banner-dark p{color:#cfe1e3;max-inline-size:52ch}.banner-scene{z-index:-1;position:absolute;inset-block-end:12px;inset-inline-end:12px}.banner-scene .sc-stage{transform-origin:0 100%;transform:scale(.74)}@media (max-width:900px){.banner-scene{display:none}}.hero>.hero-anim,.section-banner-dark>.hero-anim{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hero>:not(.hero-anim),.section-banner-dark>:not(.hero-anim){z-index:4;position:relative}.hero>.hero-scene,.section-banner-dark>.banner-scene{z-index:0;position:absolute}.hero-anim-home .ha-shade,.hero-anim-banner .ha-shade{background:linear-gradient(270deg,#071a1fdb 0%,#071a1f73 34%,#071a1f00 56%)}.hero-anim-home .ha-book{inline-size:clamp(170px,19%,240px);inset-block-start:60%;inset-inline-end:34%}.hero-anim-banner .ha-book{inline-size:clamp(150px,15%,200px);inset-block-start:62%;inset-inline-end:30%}@media (min-width:900px){.hero{background:radial-gradient(120% 90% at 88% 6%,#1f5c66 0%,#12404a 32%,#0b2a31 62%,#081e24 100%);min-block-size:460px}.hero>.hero-scene,.section-banner-dark>.banner-scene{display:none}.section-banner-dark{background:radial-gradient(120% 90% at 88% 6%,#1f5c66 0%,#12404a 32%,#0b2a31 62%,#081e24 100%);min-block-size:360px}.hero h1,.section-banner-dark h1{font-family:"Lalezar", var(--font-display);-webkit-text-fill-color:transparent;color:#f4ead2;background-image:linear-gradient(105deg,#f4ead2 0% 43%,#ffd27a 50%,#f4ead2 57% 100%);background-position:0 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-weight:400}}.bento-feature .ib-art{z-index:-1;block-size:auto;inline-size:calc(100% - 28px);position:absolute;inset-block-start:14px;inset-inline:14px}@media (max-width:899px){.bento-feature{min-block-size:400px}}.ib-pre{stroke-dashoffset:1px;animation:ib-draw 1.4s var(--ease-in-out) .2s forwards}.ib-post{stroke-dashoffset:1px;animation:ib-draw 1.8s var(--ease-in-out) .9s forwards}@keyframes ib-draw{to{stroke-dashoffset:0}}.ib-gap{opacity:0;animation:ib-gap-in 1s var(--ease-out) 2.4s forwards, ib-breathe 4s ease-in-out 3.4s infinite}@keyframes ib-gap-in{to{opacity:1}}@keyframes ib-breathe{0%,to{opacity:1}50%{opacity:.6}}.ib-label{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.2,1.4,.4,1) 3s forwards ib-pop}@keyframes ib-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.ib-end{opacity:0;animation:.4s ease-out 2.6s forwards ib-gap-in}.ib-end circle:first-child{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out 3s infinite ib-ping}@keyframes ib-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.ib-sparks circle{opacity:0;transform-box:fill-box;animation:3.2s ease-out 3s infinite ib-spark}@keyframes ib-spark{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-46px)}}@media (prefers-reduced-motion:reduce){.ib-pre,.ib-post{stroke-dashoffset:0;animation:none}.ib-gap,.ib-label,.ib-end{opacity:1;animation:none}.ib-sparks{display:none}}
.print-only{display:none}@media print{@page{size:A4;margin:12mm}.print-body,.print-root{padding-inline:8mm!important}.print-header,.print-footer{inset-inline:8mm!important}:root{--bg:#fff;--surface:#fff;--text:#111;--text-muted:#444;--border:#bbb}body{font-size:11pt;background:#fff!important}.no-print,.sidebar,.topbar,.skip-link,.toast-region,nav[aria-label=التنقل\ الرئيسي]{display:none!important}.print-only,.shell{display:block}.main{padding:0!important}.card{border-color:#ccc;box-shadow:none!important}a{color:inherit;text-decoration:none}.print-header{color:#555;border-block-end:.5pt solid #0f3d45;justify-content:space-between;align-items:center;block-size:9mm;font-size:9pt;position:fixed;inset-block-start:0;inset-inline:0;display:flex!important}.print-footer{color:#666;justify-content:space-between;align-items:flex-end;block-size:7mm;font-size:8.5pt;position:fixed;inset-block-end:0;inset-inline:0;display:flex!important}table.print-flow{border-collapse:collapse;inline-size:100%;display:table}table.print-flow>thead{display:table-header-group}table.print-flow>tfoot{display:table-footer-group}table.print-flow td{padding:0}.print-space-top{block-size:14mm}.print-space-bottom{block-size:11mm}.print-cover{text-align:center;break-after:page;flex-direction:column;justify-content:center;align-items:center;block-size:250mm;display:flex!important}.print-cover h1{color:#0f3d45;font-size:26pt}body:has(>.print-root)>:not(.print-root){display:none!important}.print-root{display:block!important}.print-root .sheet-head{color:#333;border-block-end:.8pt solid #0f3d45;justify-content:space-between;align-items:flex-end;gap:6mm;margin-block-end:5mm;padding-block-end:2.5mm;font-size:9.5pt;display:flex}.print-root .sheet-head strong{color:#0f3d45;font-size:12pt}.print-root .sheet-meta{text-align:end;color:#555}.print-root .code-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:4mm;display:grid}.print-root .code-card-row{flex-direction:column;gap:1.5mm}.print-root .code-card-row .code,.print-root .code-card-row .pin{text-align:start}.print-root .code-card{break-inside:avoid;box-shadow:none;background:#fff;border:.7pt dashed #777;border-radius:3mm;padding:3.5mm 4mm;animation:none}.print-root .code,.print-root .pin{font-size:15pt}h1,h2,h3{break-after:avoid}}.print-doc{background:var(--bg-sunken);min-block-size:100dvh;padding-block-end:var(--s-8)}.print-toolbar{z-index:10;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--surface);border-block-end:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex;position:sticky;inset-block-start:0}.print-header,.print-footer{display:none}@media screen{table.print-flow,table.print-flow>tbody,table.print-flow tr,table.print-flow td{display:block}table.print-flow>thead,table.print-flow>tfoot{display:none}}.print-cover,.print-body{inline-size:min(100% - 32px,210mm);margin:var(--s-5) auto 0;color:#1a2427;box-shadow:var(--shadow-2);background:#fff;border-radius:4px;padding:18mm 16mm}.print-cover{text-align:center;color:#f3efe6;background:linear-gradient(170deg,#0f3d45 0%,#072329 100%);flex-direction:column;justify-content:center;align-items:center;min-block-size:260mm;display:flex;position:relative;overflow:hidden}.print-cover h1{color:#fff;margin:var(--s-4) 0 var(--s-2);font-size:30pt}.print-cover .cover-kicker{color:#e3b964;font-family:var(--font-display);margin:var(--s-4) 0 0;font-size:14pt}.print-cover .cover-sub{color:#cfe1e3;font-size:13pt}.print-cover .cover-meta{color:#cfe1e3;margin-block-start:auto;font-size:11pt}.print-cover .cover-motif{opacity:.8;inline-size:520px;position:absolute;inset-block-end:40px;inset-inline-start:-40px}.print-body h2{color:#0f3d45;border-block-end:1.5pt solid #e3b964;padding-block-end:4px}.print-body .card{box-shadow:none}.print-body .item-print{break-inside:avoid-page;margin-block-end:var(--s-6)}@media print{.print-doc{background:#fff;padding:0}.print-cover,.print-body{inline-size:auto;box-shadow:none;border-radius:0;margin:0;padding:0}.print-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact;block-size:232mm;min-block-size:0}.print-body .item-print+.item-print{break-before:page}.print-body img{max-block-size:120mm}.chart-svg,.ring{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:80px}body{min-block-size:100dvh;font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text);background-color:var(--bg);background-image:var(--paper-grain);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);margin:0 0 var(--s-3);color:var(--text);font-weight:700}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0 0 var(--s-4)}a{color:var(--primary-soft-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--primary)}img,svg{max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold-100);color:var(--ink-950)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--primary);color:var(--text-on-primary);padding:var(--s-2) var(--s-4);border-radius:var(--r-sm);position:absolute;inset-block-start:-100px;inset-inline-start:var(--s-4)}.skip-link:focus{inset-block-start:var(--s-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--dur-2)}::view-transition-new(root){animation-duration:var(--dur-2)}