@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b676bcffc00356a-s.p.c22aaca1.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d2cc0c079997359-s.3e57c327.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:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d54db18e8cd5f74f-s.p.0e8eb956.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f0e0669539caf32a-s.e7ea314c.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:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48e6fa8a5baca31f-s.p.33d01b36.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e7b64a7fde1a3d32-s.c2772084.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:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e9f32d51db34fd0c-s.p.28c55982.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a11ec078145f8b0e-s.6f712cad.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:Tajawal Fallback;src:local(Arial);ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.tajawal_4509badb-module__JS6cWW__className{font-family:Tajawal,Tajawal Fallback;font-style:normal}.tajawal_4509badb-module__JS6cWW__variable{--font-tajawal:"Tajawal","Tajawal Fallback"}
@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.9cb3a3e2.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a5b03b231ce290a0-s.890a9a09.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d41831e24743a3c1-s.ae65d18e.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:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.9cb3a3e2.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a5b03b231ce290a0-s.890a9a09.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d41831e24743a3c1-s.ae65d18e.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:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.9cb3a3e2.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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a5b03b231ce290a0-s.890a9a09.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d41831e24743a3c1-s.ae65d18e.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:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}.cairo_c32568-module__uXvo9a__className{font-family:Cairo,Cairo Fallback;font-style:normal}.cairo_c32568-module__uXvo9a__variable{--font-cairo:"Cairo","Cairo Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.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:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.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:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_2f75d4c6-module__5Mxbsq__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_2f75d4c6-module__5Mxbsq__variable{--font-poppins:"Poppins","Poppins Fallback"}
:root{--navy:#0a1628;--navy-2:#0e2240;--navy-3:#123057;--gold:#c9a227;--gold-light:#e8c95a;--gold-pale:#f4e8c1;--emerald:#0f5132;--emerald-2:#14804a;--emerald-pale:#e7f2ec;--cream:#faf8f0;--cream-2:#f3efe2;--ink:#1c2b3a;--ink-soft:#46586c;--danger:#c0392b;--danger-pale:#fdecea;--ok:#1e8e5a;--ok-pale:#e6f6ee;--optA:#e91e8c;--optB:#0891b2;--optC:#059669;--optD:#d97706;--radius:18px;--shadow-card:0 10px 30px -12px #0a16282e;--font-head:var(--font-tajawal),"Tajawal",system-ui,sans-serif;--font-body:var(--font-cairo),"Cairo",system-ui,sans-serif;--font-latin:var(--font-poppins),"Poppins",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}body.dark{--cream:#0a1628;--cream-2:#0e1f36;--ink:#e8edf4;--ink-soft:#9fb0c3;--emerald-pale:#12352a;--gold-pale:#3a3013;--ok-pale:#12352a;--danger-pale:#3a1613;--shadow-card:0 10px 30px -12px #0009}body.dyslexic{font-family:var(--font-tajawal);letter-spacing:.03em;word-spacing:.12em;line-height:2.1}h1,h2,h3,h4{font-family:var(--font-head)}.num,.latin{font-family:var(--font-latin)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:0 16px 40px}.app-header{background:linear-gradient(135deg,var(--navy)0%,var(--navy-2)60%,#10294d 100%);border-bottom:3px solid var(--gold);color:#f5efdd;z-index:50;position:sticky;top:0;box-shadow:0 4px 24px #0a162859}.app-header .inner{align-items:center;gap:12px;max-width:1060px;margin:0 auto;padding:10px 16px;display:flex}.brand-star{color:var(--gold-light);font-size:22px;line-height:1;animation:14s linear infinite starSpin}@keyframes starSpin{to{transform:rotate(360deg)}}.brand-title{font-family:var(--font-head);letter-spacing:.2px;font-size:19px;font-weight:800}.brand-sub{color:#c8d4e6;margin-top:1px;font-size:11.5px}.header-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.app-footer{background:var(--navy);color:#b9c6d8;border-top:3px solid var(--gold);margin-top:auto;padding:18px 16px 22px;font-size:12.5px}.app-footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 22px;max-width:1060px;margin:0 auto;display:flex}.app-footer a{color:var(--gold-light);text-decoration:none}.app-footer .orn{color:var(--gold);letter-spacing:6px;text-align:center;width:100%}.btn{font-family:var(--font-head);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg,var(--gold)0%,#b08c1e 100%);color:#fff;box-shadow:0 6px 18px -6px #c9a2278c}.btn-gold:hover{box-shadow:0 8px 22px -6px #c9a227b3}.btn-emerald{background:linear-gradient(135deg,var(--emerald-2),var(--emerald));color:#fff}.btn-navy{background:var(--navy-2);color:#f0e9d5}.btn-ghost{color:inherit;background:0 0;border:1.5px solid #c9a2278c}.btn-ghost:hover{background:#c9a2271f}.btn-sm{border-radius:11px;min-height:38px;padding:8px 14px;font-size:13.5px}.btn-icon{border-radius:12px;width:44px;padding:0}.start-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:30px 16px 60px;display:flex;position:relative;overflow:hidden}.glow-orb{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#c9a22738 0%,#c9a2270f 45%,#0000 70%);border-radius:50%;width:560px;height:560px;animation:4.5s ease-in-out infinite glowPulse;position:absolute}.glow-orb.b{background:radial-gradient(circle,#0f513229 0%,#0000 65%);width:700px;height:700px;animation-delay:1.6s}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.emblem{background:radial-gradient(circle at 32% 28%,#1c3a66,var(--navy)70%);border:3px solid var(--gold);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;animation:5s ease-in-out infinite emblemFloat;display:flex;position:relative;box-shadow:0 0 0 8px #c9a2271f,0 0 44px #c9a22773}@keyframes emblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.emblem svg{width:62px;height:62px}.start-title{color:var(--navy);z-index:2;margin-top:26px;font-size:clamp(26px,5vw,40px);font-weight:800;position:relative}body.dark .start-title{color:#f0e9d5}.start-orn{color:var(--gold);letter-spacing:10px;margin:8px 0 14px;font-size:15px}.start-sub{color:var(--ink-soft);z-index:2;max-width:560px;font-size:15.5px;line-height:1.9;position:relative}.start-cta{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex;position:relative}.name-card{border:1.5px solid var(--gold-pale);border-radius:var(--radius);box-shadow:var(--shadow-card);z-index:2;text-align:right;background:#fff;width:100%;max-width:430px;margin-top:26px;padding:20px 22px;position:relative}body.dark .name-card{background:var(--cream-2);border-color:#c9a2274d}.name-card label{color:var(--ink-soft);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.name-card input{width:100%;font-family:var(--font-body);background:var(--cream);color:var(--ink);border:1.5px solid #d8d2bd;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.name-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a2272e}.section-title{color:var(--navy);align-items:center;gap:10px;margin:26px 0 14px;font-size:20px;font-weight:800;display:flex}body.dark .section-title{color:#f0e9d5}.section-title .dash{background:linear-gradient(to left,var(--gold),transparent);flex:1;height:1.5px}.unit-card{border-radius:var(--radius);border:1.5px solid #ece5cf;border-top:4px solid var(--gold);cursor:pointer;box-shadow:var(--shadow-card);text-align:right;background:#fff;align-items:center;gap:16px;width:100%;margin-bottom:14px;padding:18px 20px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .2s;display:flex}body.dark .unit-card{background:var(--cream-2);border-color:#1d3050}.unit-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 16px 34px -14px #0a16284d}.unit-num{background:linear-gradient(135deg,var(--navy),var(--navy-3));width:54px;height:54px;color:var(--gold-light);font-family:var(--font-head);border:2px solid var(--gold);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.unit-info{flex:1;min-width:0}.unit-name{font-family:var(--font-head);color:var(--ink);font-size:17.5px;font-weight:800}.unit-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12.5px;display:flex}.mastery-pill{background:var(--emerald-pale);color:var(--emerald);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}.mastery-pill.low{background:var(--danger-pale);color:var(--danger)}.mastery-pill.mid{color:#9a7b16;background:#fff7e0}body.dark .mastery-pill.mid{color:var(--gold-light);background:#3a3013}.tree-spark{color:var(--gold);font-size:18px}.lesson-card{background:linear-gradient(to left,#fff,var(--cream));border:1.5px solid #e6dfc8;border-inline-start:4px solid var(--emerald-2);cursor:pointer;text-align:right;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px 18px;font-family:inherit;transition:transform .15s,border-color .2s;display:flex}body.dark .lesson-card{background:var(--cream-2);border-color:#1d3050}.lesson-card:hover{border-color:var(--gold);transform:translate(-3px)}.lesson-range{color:var(--emerald);font-size:14px;font-weight:700}.leaf{background:#d7d2bd;border-radius:50% 50% 50% 4px;flex-shrink:0;width:14px;height:14px}.leaf.done{background:var(--emerald-2);box-shadow:0 0 8px #14804a80}.leaf.part{background:var(--gold)}.filter-bar{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:1.5px solid #ece5cf;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}body.dark .filter-bar{background:var(--cream-2);border-color:#1d3050}.filter-bar select,.filter-bar input[type=number]{font-family:var(--font-body);background:var(--cream);color:var(--ink);cursor:pointer;border:1.5px solid #ddd6c0;border-radius:11px;min-height:42px;padding:9px 12px;font-size:13.5px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--cream);color:var(--ink-soft);cursor:pointer;border:1.5px solid #ddd6c0;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.chip.on{background:var(--emerald);border-color:var(--emerald);color:#fff}.progress-track{background:#e9e3cd;border-radius:20px;height:10px;margin:16px 0 6px;overflow:hidden}body.dark .progress-track{background:#1d3050}.progress-fill{background:linear-gradient(to left,var(--gold),var(--emerald-2));border-radius:20px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.progress-label{color:var(--ink-soft);justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.q-card{border:1.5px solid #ece5cf;border-top:5px solid var(--gold);box-shadow:var(--shadow-card);background:#fff;border-radius:22px;padding:26px 24px 22px;animation:.4s cubic-bezier(.22,1,.36,1) cardIn}body.dark .q-card{background:var(--cream-2);border-color:#1d3050}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:none}}.q-badges{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.q-badge{background:var(--cream-2);color:var(--ink-soft);border:1px solid #e4ddc6;border-radius:18px;padding:4px 11px;font-size:11px;font-weight:700}body.dark .q-badge{background:#142946;border-color:#24406b}.q-badge.bloom{background:var(--emerald-pale);color:var(--emerald);border-color:#0000}.q-badge.diff-1{color:var(--ok);background:#e6f6ee}.q-badge.diff-2{color:#9a7b16;background:#fff7e0}.q-badge.diff-3{background:var(--danger-pale);color:var(--danger)}.q-text{color:var(--ink);margin-bottom:20px;font-size:19px;font-weight:700;line-height:2}.q-text .quote{color:var(--emerald)}.opt-list{flex-direction:column;gap:11px;display:flex}.opt-btn{text-align:right;background:var(--cream);cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink);border:2px solid #e7e0ca;border-radius:15px;align-items:center;gap:14px;min-height:54px;padding:13px 16px;font-size:15.5px;transition:all .16s;display:flex;position:relative}body.dark .opt-btn{background:#10233f;border-color:#22395e}.opt-btn:hover:not(:disabled){border-color:currentColor;transform:translate(-4px)}.opt-btn .opt-key{width:38px;height:38px;font-family:var(--font-head);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.opt-btn[data-k=A] .opt-key{background:var(--optA)}.opt-btn[data-k=B] .opt-key{background:var(--optB)}.opt-btn[data-k=C] .opt-key{background:var(--optC)}.opt-btn[data-k=D] .opt-key{background:var(--optD)}.opt-btn[data-k=A]{--opt-c:var(--optA)}.opt-btn[data-k=B]{--opt-c:var(--optB)}.opt-btn[data-k=C]{--opt-c:var(--optC)}.opt-btn[data-k=D]{--opt-c:var(--optD)}.opt-btn.selected{border-color:var(--opt-c,var(--gold));background:color-mix(in srgb,var(--opt-c,var(--gold))8%,var(--cream));box-shadow:0 4px 14px -6px var(--opt-c,var(--gold))}.opt-btn.correct{border-color:var(--ok);background:var(--ok-pale)}.opt-btn.correct .opt-key{background:var(--ok)!important}.opt-btn.wrong{border-color:var(--danger);background:var(--danger-pale);opacity:.92}.opt-btn.wrong .opt-key{background:var(--danger)!important}.opt-btn:disabled{cursor:default}.opt-btn .tick{margin-inline-start:auto;font-size:18px;font-weight:800}.explain-wrap{margin-top:20px;animation:.45s cardIn}.verdict{font-family:var(--font-head);border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 18px;font-size:20px;font-weight:800;display:flex}.verdict.bad{background:var(--danger-pale);color:var(--danger)}.verdict.good{background:var(--ok-pale);color:var(--ok)}.verdict .vmark{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.teacher-stage{border:1.5px solid var(--gold-pale);border-radius:var(--radius);background:linear-gradient(135deg,#fffdf5,#fdf7e6);grid-template-columns:128px 1fr;align-items:stretch;gap:16px;padding:16px;display:grid}body.dark .teacher-stage{background:linear-gradient(135deg,#142946,#0f2138);border-color:#2b4a75}@media (max-width:560px){.teacher-stage{grid-template-columns:92px 1fr;padding:12px}}.teacher-svg{align-self:center;width:100%;height:auto}.teacher-svg .t-arm{transform-origin:78% 20%;animation:2.8s ease-in-out infinite armWave}@keyframes armWave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}.teacher-svg .t-head{transform-origin:50% 95%;animation:3.4s ease-in-out infinite headNod}@keyframes headNod{0%,to{transform:rotate(0)}30%{transform:rotate(4.5deg)}65%{transform:rotate(-3deg)}}.teacher-svg .t-eye{transform-origin:50%;animation:4.2s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.teacher-svg.happy .t-arm{animation-duration:1.1s}.teacher-svg .t-star{transform-origin:50%;animation:2.4s ease-in-out infinite starPop}@keyframes starPop{0%,to{opacity:.75;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.teacher-bubble{color:var(--ink);font-size:14.5px;line-height:1.95}.teacher-bubble b{color:var(--emerald)}.board-frame{background:linear-gradient(135deg,#7a5230,#5d3c1f 40%,#86603c 75%,#6b4726);border-radius:16px;margin-top:16px;padding:13px;box-shadow:inset 0 0 0 3px #00000040,0 12px 26px -14px #5a3c1eb3}.board{color:#f2f6ef;min-height:130px;font-family:var(--font-head);background:radial-gradient(at 30% 20%,#1d4a36,#143727 65%,#103022);border-radius:10px;padding:18px 20px;font-size:16.5px;line-height:2.1;position:relative;overflow:hidden}.board .board-title{color:var(--gold-light);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.board .chalk-cursor{opacity:.85;vertical-align:middle;background:#f2f6ef;border-radius:2px;width:9px;height:18px;margin-inline-start:3px;animation:.85s step-end infinite chalkBlink;display:inline-block}@keyframes chalkBlink{50%{opacity:0}}.board .chalk-piece{bottom:10px;opacity:.85;background:#f4f1e6;border-radius:3px;width:34px;height:9px;position:absolute;inset-inline-start:18px;transform:rotate(-8deg)}.board .ink-dots i{background:#f4f1e680;border-radius:50%;width:4px;height:4px;animation:2.6s linear infinite inkFall;position:absolute}@keyframes inkFall{0%{opacity:.7;transform:translateY(0)}to{opacity:0;transform:translateY(46px)}}.source-box{border:1.5px solid #ece5cf;border-inline-start:5px solid var(--danger);color:var(--ink);background:#fff;border-radius:13px;margin-top:14px;padding:14px 17px;font-size:14.5px;line-height:2}body.dark .source-box{background:var(--cream-2);border-color:#1d3050}.source-box .src-head{color:var(--danger);align-items:center;gap:8px;margin-bottom:7px;font-size:12.5px;font-weight:800;display:flex}.source-box .src-page{background:var(--danger-pale);color:var(--danger);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.source-box .src-text{color:var(--danger);font-weight:600}.golden-rule{border:2px solid var(--gold);background:linear-gradient(135deg,#fffbec,#fdf3d3);border-radius:15px;margin-top:14px;padding:15px 17px;position:relative;box-shadow:0 8px 22px -12px #c9a2278c}body.dark .golden-rule{background:linear-gradient(135deg,#2d2712,#241f0e)}.golden-rule .gr-head{font-family:var(--font-head);color:#9a7b16;align-items:center;gap:9px;margin-bottom:7px;font-size:15px;font-weight:800;display:flex}body.dark .golden-rule .gr-head{color:var(--gold-light)}.golden-rule .crown{width:24px;height:24px;color:var(--gold)}.golden-rule .gr-text{color:var(--ink);font-size:15px;font-weight:600;line-height:1.95}.fb-q{background:var(--emerald-pale);border:1.5px solid #14804a4d;border-radius:13px;margin-top:14px;padding:14px 16px}body.dark .fb-q{background:#12352a}.fb-q .fb-head{color:var(--emerald);align-items:center;gap:8px;margin-bottom:9px;font-size:13.5px;font-weight:800;display:flex}.fb-q .fb-opts{flex-wrap:wrap;gap:8px;display:flex}.fb-opts button{font-family:var(--font-body);cursor:pointer;color:var(--ink);background:#fff;border:1.5px solid #14804a66;border-radius:11px;min-height:40px;padding:9px 15px;font-size:13.5px;transition:all .15s}body.dark .fb-opts button{color:var(--ink);background:#10233f}.fb-opts button:hover{background:var(--emerald-2);color:#fff}.fb-opts button.picked-ok{background:var(--ok);color:#fff;border-color:var(--ok)}.fb-opts button.picked-bad{background:var(--danger);color:#fff;border-color:var(--danger)}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0;display:grid}.stat-card{text-align:center;box-shadow:var(--shadow-card);background:#fff;border:1.5px solid #ece5cf;border-radius:16px;padding:16px}body.dark .stat-card{background:var(--cream-2);border-color:#1d3050}.stat-card .v{font-family:var(--font-head);color:var(--navy);font-size:26px;font-weight:800}body.dark .stat-card .v{color:var(--gold-light)}.stat-card .l{color:var(--ink-soft);margin-top:3px;font-size:12px}.badge-card{background:#fff;border:1.5px solid #ece5cf;border-radius:15px;align-items:center;gap:12px;padding:13px 16px;display:flex}body.dark .badge-card{background:var(--cream-2);border-color:#1d3050}.badge-card.locked{opacity:.5;filter:grayscale()}.badge-emoji{background:var(--gold-pale);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;display:flex}body.dark .badge-emoji{background:#3a3013}.badge-card .bn{font-weight:800;font-family:var(--font-head);font-size:15px}.badge-card .bd{color:var(--ink-soft);margin-top:2px;font-size:12px}.mistake-row{border:1.5px solid #ece5cf;border-inline-start:4px solid var(--danger);background:#fff;border-radius:13px;align-items:center;gap:12px;margin-bottom:9px;padding:12px 15px;display:flex}body.dark .mistake-row{background:var(--cream-2);border-color:#1d3050}.mistake-row .mt{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13.5px;font-weight:600;display:-webkit-box;overflow:hidden}.score-ring{width:168px;height:168px;margin:8px auto}.cert{border:3px double var(--gold);text-align:center;background:#fffdf4;border-radius:18px;padding:30px 24px;position:relative;overflow:hidden}.cert .c-orn{color:var(--gold);letter-spacing:8px}.cert h2{color:var(--navy);margin:10px 0 4px;font-size:26px}.cert .c-name{color:var(--emerald);border-bottom:2px dashed var(--gold-pale);margin:14px 0;padding:0 26px 8px;font-size:24px;font-weight:800;display:inline-block}.cert .c-seal{background:radial-gradient(circle at 35% 30%,#e0bd45,var(--gold)60%,#a3821c);color:#fff;width:84px;height:84px;font-family:var(--font-head);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:18px auto 0;font-weight:800;display:flex;transform:rotate(-8deg);box-shadow:0 0 0 6px #c9a22733,0 8px 20px -8px #0006}.modal-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#08101e8c;justify-content:center;align-items:center;padding:18px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal-card{border-top:5px solid var(--gold);background:#fff;border-radius:20px;width:100%;max-width:430px;max-height:88vh;padding:24px;animation:.3s cardIn;overflow-y:auto;box-shadow:0 30px 70px -20px #00000080}body.dark .modal-card{background:var(--cream-2)}.toast-wrap{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;right:50%;transform:translate(50%)}.toast{background:var(--navy);color:#f0e9d5;border:1.5px solid var(--gold);border-radius:13px;padding:11px 20px;font-size:13.5px;font-weight:600;animation:.25s cardIn;box-shadow:0 10px 30px -10px #00000080}@media print{body{background:#fff!important}.app-header,.app-footer,.no-print,.filter-bar,.btn{display:none!important}.app-main{max-width:100%;padding:0}.print-cover{page-break-after:always;display:flex!important}.print-q{page-break-inside:avoid;box-shadow:none!important;border:1px solid #d8c88a!important}.print-answer-line{color:#b3261e;font-weight:700}}.print-cover{text-align:center;border:4px double var(--gold);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:92vh;margin-bottom:24px;padding:40px;display:none}.print-cover h1{color:var(--navy);font-size:34px}.print-cover .seal{background:radial-gradient(circle at 35% 30%,#e0bd45,var(--gold)60%,#a3821c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:22px;display:flex;transform:rotate(-6deg);box-shadow:0 0 0 8px #c9a2272e}.print-q{background:#fff;border:1px solid #eee5c8;border-radius:12px;margin-bottom:12px;padding:14px 16px}.print-q .pq-h{align-items:baseline;gap:8px;font-weight:700;display:flex}.print-q .pq-num{color:var(--gold);font-family:var(--font-head);font-weight:800}.print-opts{grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:8px;font-size:13.5px;display:grid}@media (max-width:480px){.print-opts{grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-in{animation:.35s fadeIn}.empty-note{text-align:center;color:var(--ink-soft);padding:34px 16px;font-size:14.5px}.katex{direction:ltr;display:inline-block}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cbbf95;border-radius:8px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
