@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(./tajawal-arabic-400-normal-CyCXRvzh.woff2) format("woff2"),url(./tajawal-arabic-400-normal-DCQxawbB.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:400;src:url(./tajawal-latin-400-normal-BVNSOH3d.woff2) format("woff2"),url(./tajawal-latin-400-normal-BdYcZznU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:500;src:url(./tajawal-arabic-500-normal-BZ8ojJNu.woff2) format("woff2"),url(./tajawal-arabic-500-normal-CbVEaYEW.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:500;src:url(./tajawal-latin-500-normal-CoYeBiSI.woff2) format("woff2"),url(./tajawal-latin-500-normal-DU9v6xgj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:700;src:url(./tajawal-arabic-700-normal-D2-eand5.woff2) format("woff2"),url(./tajawal-arabic-700-normal-9L7Zusdl.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:700;src:url(./tajawal-latin-700-normal-BypgxfGb.woff2) format("woff2"),url(./tajawal-latin-700-normal-CV3bxpHe.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:400;src:url(./cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(./cairo-arabic-400-normal-CAYwymWN.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:400;src:url(./cairo-latin-ext-400-normal-xCL67Y2R.woff2) format("woff2"),url(./cairo-latin-ext-400-normal-C_BIE9Qe.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:400;src:url(./cairo-latin-400-normal-Dh7otpdh.woff2) format("woff2"),url(./cairo-latin-400-normal-b1R3q6Pf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:600;src:url(./cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(./cairo-arabic-600-normal-B3EOalmC.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:600;src:url(./cairo-latin-ext-600-normal-DuRnqffh.woff2) format("woff2"),url(./cairo-latin-ext-600-normal-DAfLYaOC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:600;src:url(./cairo-latin-600-normal-mGS0uvCM.woff2) format("woff2"),url(./cairo-latin-600-normal-buYOP1M3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:700;src:url(./cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(./cairo-arabic-700-normal-CyOqhaeK.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:700;src:url(./cairo-latin-ext-700-normal-Cscux539.woff2) format("woff2"),url(./cairo-latin-ext-700-normal-htXca11Z.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:700;src:url(./cairo-latin-700-normal-C3GYtKbV.woff2) format("woff2"),url(./cairo-latin-700-normal-6fcUy4Rc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-display:swap;font-weight:800;src:url(./cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(./cairo-arabic-800-normal-CVTPwINa.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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-display:swap;font-weight:800;src:url(./cairo-latin-ext-800-normal-ChnkP8hn.woff2) format("woff2"),url(./cairo-latin-ext-800-normal-RObK5hVW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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-display:swap;font-weight:800;src:url(./cairo-latin-800-normal-BBdTpBXf.woff2) format("woff2"),url(./cairo-latin-800-normal-ReWrxM5E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f4fb;--surface: #ffffff;--surface-2: #faf9fe;--ink: #1e1b4b;--ink-2: #3f3d63;--muted: #6b6885;--border: #e7e4f5;--border-strong: #d8d3ee;--violet: #7c3aed;--violet-600: #6d28d9;--violet-050: #f3eeff;--teal: #0d9488;--teal-050: #e6f7f4;--grad: linear-gradient(135deg, #8b5cf6 0%, #14b8a6 100%);--grad-soft: linear-gradient(135deg, #f3eeff 0%, #e6f7f4 100%);--success: #047857;--success-050: #e7f7f1;--error: #dc2626;--error-050: #fdecec;--warning: #b45309;--warning-050: #fdf3e3;--shadow-sm: 0 2px 8px rgba(41, 32, 90, .06);--shadow: 0 14px 34px -18px rgba(41, 32, 90, .28), 0 2px 6px rgba(41, 32, 90, .05);--shadow-lg: 0 26px 60px -26px rgba(41, 32, 90, .35);--r-sm: 12px;--r: 18px;--r-lg: 26px;--r-xl: 34px;--font-head: "Cairo", "Tajawal", "Segoe UI", system-ui, sans-serif;--font-body: "Tajawal", "Cairo", "Segoe UI", system-ui, sans-serif;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink-2);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);line-height:1.35}button{font-family:inherit}::selection{background:#8b5cf638}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.orb-1{width:520px;height:520px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(139,92,246,.55),transparent 70%)}.orb-2{width:460px;height:460px;bottom:-160px;left:-110px;background:radial-gradient(circle,rgba(20,184,166,.45),transparent 70%)}.orb-3{width:380px;height:380px;top:40%;left:45%;background:radial-gradient(circle,rgba(99,102,241,.3),transparent 70%)}.app{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.screen{width:100%;max-width:1560px;margin:0 auto;padding:18px clamp(14px,2.2vw,30px) 26px;display:flex;flex-direction:column;gap:16px}.site-footer{flex:0 0 auto;text-align:center;padding:9px 16px;font-size:.98rem;font-weight:700;color:var(--ink);letter-spacing:.01em;background:#ffffffdb;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{position:sticky;top:0;z-index:20;flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:10px clamp(14px,2.2vw,30px);background:#ffffffd1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-family:var(--font-head);font-size:1.05rem;color:var(--ink)}.brand-text small{font-size:.76rem;color:var(--muted)}.rail{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:center;background:#f3eeffb3;border:1px solid var(--border);border-radius:999px;padding:5px 7px}.rail-item-wrap{display:flex;align-items:center;gap:2px}.rail-arrow{color:var(--border-strong);flex:0 0 auto}.rail-item{display:flex;align-items:center;gap:8px;padding:7px 13px;border:none;border-radius:999px;background:transparent;cursor:pointer;font-family:var(--font-head);font-weight:700;font-size:.92rem;color:var(--muted);transition:background .22s ease,color .22s ease,box-shadow .22s ease}.rail-item:hover:not(:disabled):not(.is-active){background:#ffffffe6;color:var(--ink)}.rail-item.is-active{background:var(--grad);color:#fff;box-shadow:0 12px 24px -12px #6d28d9bf}.rail-item.is-done{color:var(--teal)}.rail-item.is-locked{opacity:.45;cursor:not-allowed}.rail-num{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:#7c3aed1f;color:var(--violet-600)}.rail-item.is-active .rail-num{background:#ffffff47;color:#fff}.rail-item.is-done .rail-num{background:#0d948824;color:var(--teal)}.topbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.icon-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--ink);font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);background:var(--violet-050)}.icon-btn-soft{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border:none;border-radius:999px;font-family:var(--font-head);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 16px 30px -16px #6d28d9d9}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 40px -18px #6d28d9e6}.btn-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 16px 30px -16px #0d9488d9}.btn-teal:hover:not(:disabled){transform:translateY(-2px)}.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){transform:translateY(-2px);background:var(--violet-050)}.btn-lg{padding:14px 28px;font-size:1.08rem}.btn-xl{padding:17px 44px;font-size:1.3rem;border-radius:999px}.btn-sm{padding:8px 16px;font-size:.88rem}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.screen-head-text{display:flex;flex-direction:column;gap:6px;max-width:920px}.eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--violet-600);background:var(--violet-050);border:1px solid rgba(124,58,237,.16);padding:3px 12px;border-radius:999px}.screen-title{font-size:clamp(1.55rem,2.4vw,2.15rem);font-weight:800;letter-spacing:-.01em}.instructions{font-size:clamp(1rem,1.15vw,1.12rem);color:var(--ink-2)}.counter-card{display:flex;flex-direction:column;gap:6px;min-width:210px;padding:12px 18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.counter-label{font-size:.84rem;font-weight:700;color:var(--muted)}.counter-value{font-family:var(--font-head);font-size:1.7rem;font-weight:800;color:var(--ink);line-height:1.2}.counter-value small{font-size:.95rem;font-weight:700;color:var(--muted)}.progress{display:block;height:8px;border-radius:999px;background:var(--violet-050);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .45s cubic-bezier(.16,1,.3,1)}.banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--r);font-size:1.02rem;border:1px solid transparent}.banner-body{display:flex;flex-direction:column;gap:2px}.banner-title{font-family:var(--font-head);font-size:1.04rem}.banner-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:0 0 auto}.banner-success{background:var(--success-050);border-color:#04785733;color:#065f46}.banner-success .banner-icon{background:#04785726;color:var(--success)}.banner-error{background:var(--error-050);border-color:#dc262633;color:#991b1b}.banner-error .banner-icon{background:#dc262624;color:var(--error)}.banner-hint{background:var(--warning-050);border-color:#b4530933;color:#92400e}.banner-hint .banner-icon{background:#b4530924;color:var(--warning)}.banner-info{background:var(--violet-050);border-color:#7c3aed2e;color:var(--violet-600)}.banner-info .banner-icon{background:#7c3aed24;color:var(--violet)}.question-card,.stage-footer-panel{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,1.8vw,24px);border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.stage-footer-panel{padding:14px clamp(16px,1.8vw,22px);background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.question-card.center-card{align-items:center;text-align:center}.question-title{display:flex;align-items:center;gap:9px;font-size:clamp(1.12rem,1.5vw,1.35rem);font-weight:800}.options{display:grid;gap:12px}.options-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.options-3{grid-template-columns:repeat(3,minmax(140px,1fr))}.option-btn{position:relative;padding:15px 20px;border-radius:var(--r);border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--ink);font-family:var(--font-head);font-size:1.02rem;font-weight:600;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.option-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--violet);background:#fff;box-shadow:var(--shadow)}.option-btn.is-correct{background:var(--success-050);border-color:var(--success);color:#065f46}.option-btn.is-wrong{background:var(--error-050);border-color:var(--error);color:#991b1b;animation:shake .36s ease}.option-btn.is-selected{background:var(--violet-050);border-color:var(--violet);color:var(--violet-600)}.option-btn:disabled{cursor:default;opacity:.7}.option-cat{font-size:1.12rem;font-weight:700;padding:18px 16px}.lead-note{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--ink-2)}.lead-note.subtle{color:var(--muted);font-size:.92rem}.final-summary{display:block;background:var(--grad-soft);border-radius:var(--r);padding:12px 16px;font-size:1rem;color:var(--ink);line-height:1.75}.stage-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start}.big-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%}.big-icon-success{background:var(--success-050);color:var(--success)}.big-icon-violet{background:var(--violet-050);color:var(--violet-600)}.big-icon-warn{background:var(--warning-050);color:var(--warning)}.home{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vh,34px);padding:clamp(10px,3vh,34px) 0 8px;text-align:center}.home-hero{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 16px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:.9rem;font-weight:700;color:var(--violet-600)}.hero-title{font-size:clamp(2.4rem,5.2vw,4.1rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(115deg,#4c1d95,#7c3aed 42%,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(1.05rem,1.5vw,1.35rem);color:var(--ink-2);max-width:780px}.stage-cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);width:100%;max-width:1200px}.stage-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:clamp(16px,1.8vw,26px) 14px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;animation:fadeUp .55s cubic-bezier(.16,1,.3,1) forwards;transition:transform .22s ease,box-shadow .22s ease}.stage-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stage-card-num{position:absolute;top:10px;inset-inline-start:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--grad-soft);color:var(--violet-600);font-family:var(--font-head);font-weight:800;font-size:.9rem}.stage-card-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--grad-soft);color:var(--violet-600)}.stage-card-name{font-family:var(--font-head);font-size:clamp(1rem,1.3vw,1.2rem);color:var(--ink)}.stage-card-text{font-size:.92rem;color:var(--muted);line-height:1.6}.stage-card-arrow{position:absolute;inset-inline-start:-22px;top:50%;transform:translateY(-50%);color:var(--border-strong)}.home-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.home-note{font-size:.95rem;color:var(--muted)}.work-area{display:grid;gap:16px;align-items:stretch}.stage1-area{grid-template-columns:minmax(0,1fr) 300px;height:clamp(330px,44vh,520px)}.stage1-area.is-done{height:clamp(240px,30vh,400px)}.field{position:relative;border-radius:var(--r-lg);background:linear-gradient(160deg,#ffffffeb,#f3eeffb3);border:2px dashed var(--border-strong);overflow:hidden}.field-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--teal);text-align:center}.field-empty strong{font-family:var(--font-head);font-size:1.15rem;color:var(--ink)}.field-empty span{font-size:.92rem;color:var(--muted)}.shape-btn{padding:0;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;border-radius:50%;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s ease,box-shadow .18s ease}.shape-btn:active{cursor:grabbing}.shape-btn:hover:not(.is-locked){transform:scale(1.08)}.shape-btn svg{filter:drop-shadow(0 8px 12px rgba(76,29,149,.22));display:block}.shape-btn.is-selected{box-shadow:0 0 0 5px #7c3aed40;transform:scale(1.12)}.shape-btn.is-locked{cursor:default}.shape-btn:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.scatter-token{position:absolute;transform:translate(-50%,-50%)}.scatter-token:hover:not(.is-locked){transform:translate(-50%,-50%) scale(1.09)}.scatter-token.is-selected{transform:translate(-50%,-50%) scale(1.13)}.depot{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:linear-gradient(165deg,#fff,#f3eeff);border:2px solid rgba(124,58,237,.22);box-shadow:var(--shadow);min-height:0;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.depot:hover{border-color:var(--violet);box-shadow:var(--shadow-lg)}.depot.is-complete{border-color:var(--teal);background:linear-gradient(165deg,#fff,#e6f7f4)}.depot-head{display:flex;align-items:center;gap:9px;color:var(--violet-600)}.depot-head h3{font-size:1.12rem}.depot-body{flex:1 1 auto;min-height:0;overflow-y:auto;border-radius:var(--r);background:#ffffffb3;border:1px dashed var(--border-strong);padding:10px;display:flex;align-items:center;justify-content:center}.depot-empty{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.95rem;font-weight:600}.depot-chips{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;width:100%}.chip{display:inline-flex;border-radius:50%;animation:popIn .3s cubic-bezier(.16,1,.3,1)}.depot-hint{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.drag-ghost{position:fixed;z-index:60;pointer-events:none;display:grid;place-items:center;filter:drop-shadow(0 18px 24px rgba(76,29,149,.35))}.drag-ghost svg{display:block}.stage2-area{grid-template-columns:1fr;gap:14px}.pool{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:linear-gradient(160deg,#fffffff2,#f3eeffb8);border:2px dashed var(--border-strong);height:clamp(240px,30vh,320px);overflow:hidden;transition:border-color .2s ease}.pool:hover{border-color:var(--violet)}.pool-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px 14px;background:#ffffffd1;border-bottom:1px solid var(--border);color:var(--violet-600)}.pool-head h3{font-size:.96rem}.pool-hint{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--muted);font-weight:600}.pool-body{position:relative;flex:1 1 auto;min-height:0}.pool-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--teal);font-weight:700;font-size:1rem}.groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:2px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.group:hover{border-color:var(--violet);box-shadow:var(--shadow)}.group.is-bad{border-color:#dc26268c;border-style:dashed}.group.is-ok{border-color:var(--teal);background:linear-gradient(180deg,#fff 60%,#e6f7f4)}.group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--grad-soft);border-bottom:1px solid var(--border)}.group-head h3{font-size:1rem}.group-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;animation:popIn .32s cubic-bezier(.16,1,.3,1)}.group-body{flex:1 1 auto;min-height:100px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:10px}.group-empty{color:var(--muted);font-size:.92rem;font-weight:600}.example-stage,.quiz-stage{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,1fr);gap:clamp(14px,2vw,28px);align-items:center}.example-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(16px,2vh,28px);min-height:clamp(280px,40vh,400px);border-radius:var(--r-xl);background:linear-gradient(160deg,#fff,#f6f4ff 55%,#eaf7f5);border:1px solid var(--border);box-shadow:var(--shadow)}.example-card.is-predict{background:linear-gradient(160deg,#fff,#f3eeff 60%,#e6f7f4)}.example-card.is-correct{border-color:var(--teal);box-shadow:0 0 0 3px #0d94882e,var(--shadow)}.example-hint{position:absolute;top:12px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.8rem;font-weight:700;color:var(--violet-600)}.example-shape{display:grid;place-items:center;animation:popIn .45s cubic-bezier(.16,1,.3,1)}.example-shape svg{filter:drop-shadow(0 18px 26px rgba(76,29,149,.28))}.example-label{font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}.class-tag{display:inline-grid;place-items:center;min-width:42px;padding:3px 14px;border-radius:999px;background:var(--grad);color:#fff;font-family:var(--font-head);font-size:1.15rem;font-weight:800}.example-side,.quiz-side{display:flex;flex-direction:column;gap:14px}.example-dots{list-style:none;display:flex;gap:7px;flex-wrap:wrap}.example-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:.86rem;background:#fff;border:1px solid var(--border-strong);color:var(--muted);transition:all .2s ease}.example-dot.is-seen{background:var(--teal-050);border-color:var(--teal);color:var(--teal)}.example-dot.is-current{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 20px -10px #6d28d9cc}.level-block{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.level-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-weight:700;color:var(--ink)}.level-value{font-family:var(--font-head);font-size:1.3rem;color:var(--violet-600)}.level-track{display:block;height:16px;border-radius:999px;background:var(--violet-050);overflow:hidden;border:1px solid var(--border)}.level-fill{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .7s cubic-bezier(.16,1,.3,1)}.level-ticks{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;color:var(--muted)}.level-tick.is-on{color:var(--teal)}.results-stage{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:16px;align-items:start}.results-stage .question-card{grid-column:1 / -1}.results-summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(14px,1.6vw,20px);border-radius:var(--r-xl);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.ring-wrap{position:relative;width:clamp(132px,11vw,164px);height:clamp(132px,11vw,164px);flex:0 0 auto}.ring{width:100%;height:100%}.ring-bg{fill:none;stroke:var(--violet-050);stroke-width:14}.ring-fg{fill:none;stroke:url(#ring-grad);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.ring-label strong{font-family:var(--font-head);font-size:clamp(1.8rem,2.6vw,2.3rem);color:var(--ink);line-height:1.1}.ring-label small{font-size:.88rem;color:var(--muted);font-weight:700}.results-text{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.results-table-card{padding:8px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.98rem}.results-table th{text-align:start;padding:10px 14px;font-family:var(--font-head);font-size:.92rem;color:var(--violet-600);background:var(--violet-050);white-space:nowrap}.results-table th:first-child{border-start-start-radius:var(--r)}.results-table th:last-child{border-start-end-radius:var(--r)}.results-table td{padding:7px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.results-table tbody tr:last-child td{border-bottom:none}.results-table tr.row-ok{background:#e6f7f480}.results-table tr.row-bad{background:#fdecec80}.table-shape{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}.result-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:.86rem;font-weight:700}.result-badge.ok{background:var(--success-050);color:var(--success)}.result-badge.bad{background:var(--error-050);color:var(--error)}.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px 13px 11px;border-radius:var(--r-lg);background:linear-gradient(165deg,#fff,#f7f5ff);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.summary-card strong{font-family:var(--font-head);font-size:.98rem;color:var(--ink)}.summary-num{position:absolute;top:10px;inset-inline-start:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-family:var(--font-head);font-size:.82rem;font-weight:800}.summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--grad-soft);color:var(--violet-600)}.summary-text{font-size:.86rem;color:var(--muted);line-height:1.55}.toast-wrap{position:fixed;bottom:76px;inset-inline-start:24px;z-index:80;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--r);font-size:.98rem;font-weight:700;font-family:var(--font-head);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toastIn .32s cubic-bezier(.16,1,.3,1);max-width:420px}.toast-success{border-color:#0d948873;color:#065f46;background:var(--success-050)}.toast-error{border-color:#dc262666;color:#991b1b;background:var(--error-050)}.toast-info{border-color:#7c3aed59;color:var(--violet-600);background:var(--violet-050)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#1e1b4b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;width:min(460px,100%);padding:26px 24px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-lg);animation:popIn .3s cubic-bezier(.16,1,.3,1)}.modal-title{font-size:1.32rem}.modal-text{color:var(--ink-2);font-size:1rem}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.82)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 1280px){.rail-item{padding:6px 10px;font-size:.84rem}.icon-btn span{display:none}.icon-btn{padding:10px}}@media (max-width: 1024px){.topbar{flex-wrap:wrap;gap:10px}.results-stage{grid-template-columns:1fr}.results-stage .question-card{grid-column:auto}.rail{order:3;flex:1 1 100%;overflow-x:auto;justify-content:flex-start}.example-stage,.quiz-stage{grid-template-columns:1fr}.stage-cards,.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stage1-area{grid-template-columns:1fr;height:auto}.field{height:46vh}.depot{min-height:210px}}@media (max-width: 720px){body{font-size:16px}.groups,.options-3,.stage-cards,.summary-cards{grid-template-columns:1fr}.stage-card-arrow{display:none}.screen-head{align-items:flex-start}.counter-card{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}