@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:#f0ecff;color:#1c1833;min-height:100vh;overflow-x:hidden}button{font-family:Nunito,sans-serif;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e5dcff}::-webkit-scrollbar-thumb{background:#9b7fff;border-radius:4px}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;overflow:hidden}.confetti{position:absolute;top:-60px;animation:fall linear forwards;-webkit-user-select:none;user-select:none}.confetti.spin{animation-name:fall-spin}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(180deg);opacity:0}}@keyframes fall-spin{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.ttt-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.ttt-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px;flex-wrap:wrap;gap:10px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,2vw,10px);background:#2d1060;padding:clamp(10px,3vw,16px);border-radius:20px;box-shadow:0 8px 32px #0006;width:100%;max-width:380px;box-sizing:border-box}.ttt-cell{aspect-ratio:1;width:100%;border:none;border-radius:16px;font-size:clamp(32px,10vw,52px);display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .15s;background:#3d1580}.ttt-cell.empty{cursor:pointer}.ttt-cell.empty:hover{transform:scale(1.06);box-shadow:0 0 20px #a78bfa80;background:#4e1ea0}.ttt-cell.filled{cursor:default;animation:pop .2s ease}.ttt-cell.winning{background:#1e3a20;box-shadow:0 0 24px #4ac55a99;animation:glow .8s infinite alternate}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 10px #4ac55a66}to{box-shadow:0 0 28px #4ac55ae6}}.mode-btn{padding:18px 32px;font-size:20px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:16px;color:#fff;transition:transform .1s,box-shadow .15s;box-shadow:0 4px 16px #7c3aed66}.mode-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #7c3aed80}.mode-btn:active{transform:scale(.97)}.c4-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}.c4-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;flex-wrap:wrap;gap:10px}.c4-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:490px}.c4-col-btn{background:transparent;border:none;color:#c4b5fd;font-size:20px;padding:6px;transition:transform .1s,color .1s;border-radius:8px}.c4-col-btn:hover{transform:scale(1.2);color:#ff6b6b}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(3px,1vw,6px);background:#1e3a7a;padding:clamp(6px,2vw,12px);border-radius:20px;box-shadow:0 8px 32px #00000080;width:100%;max-width:490px;box-sizing:border-box}.c4-cell{aspect-ratio:1;width:100%;background:#1a0533;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.c4-disc{width:80%;height:80%;border-radius:50%;animation:dropIn .2s ease;box-shadow:inset 0 -4px 8px #0000004d}.c4-cell.win-cell{box-shadow:0 0 0 3px #fff,0 0 20px #fff;animation:pulse .6s infinite alternate}@keyframes dropIn{0%{transform:scaleY(.3);opacity:.5}to{transform:scaleY(1);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 3px #fff}to{box-shadow:0 0 0 5px #fff,0 0 30px #ffffff80}}.game-title{font-size:26px;font-weight:900;text-align:center}.turn-badge{padding:6px 16px;border-radius:20px;font-size:15px;font-weight:800;color:#fff}.mode-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.mode-btn{padding:18px 32px;font-size:20px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:16px;color:#fff;box-shadow:0 4px 16px #7c3aed66;transition:transform .1s}.mode-btn:hover{transform:translateY(-3px)}.result-banner{background:#2d1060;border-radius:20px;padding:20px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:22px;font-weight:800;animation:slideUp .3s ease}.mem-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.mem-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:520px;flex-wrap:wrap;gap:10px}.moves-badge{background:#2d1060;padding:6px 16px;border-radius:20px;font-size:15px;font-weight:800;color:#c4b5fd}.mem-board{display:grid;gap:clamp(6px,1.5vw,10px);padding:clamp(8px,2vw,16px);background:#2d1060;border-radius:20px;box-shadow:0 8px 32px #0006;width:100%;max-width:420px;box-sizing:border-box}.mem-card{aspect-ratio:1;width:100%;border:none;border-radius:14px;background:#4c1d95;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .35s;font-size:clamp(24px,7vw,36px);box-shadow:0 4px 12px #0000004d}.mem-card:hover:not(.revealed){transform:scale(1.05);box-shadow:0 0 16px #a78bfa80}.mem-card.revealed{transform:rotateY(180deg);background:#1e3a20}.mem-card.matched{background:#064e3b;box-shadow:0 0 20px #34d39980}.card-back,.card-front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;font-size:36px}.card-front{transform:rotateY(180deg)}.mem-config{display:flex;flex-direction:column;align-items:center;gap:10px}.config-label{font-size:16px;font-weight:700;color:#c4b5fd}.theme-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.theme-btn{padding:14px 24px;font-size:18px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;text-transform:capitalize;transition:transform .1s}.theme-btn.small{padding:10px 18px;font-size:16px}.theme-btn:hover{transform:translateY(-2px)}.game-title{font-size:26px;font-weight:900}.game-sub{font-size:16px;color:#c4b5fd;font-weight:600}.result-banner{background:#2d1060;border-radius:20px;padding:20px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:20px;font-weight:800;animation:slideUp .3s ease}.res-icon{font-size:44px}.play-again-btn{margin-top:6px;padding:12px 28px;font-size:18px;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:14px;color:#fff;transition:transform .1s}.play-again-btn:hover{transform:scale(1.05)}.back-btn{padding:8px 16px;font-size:15px;font-weight:700;background:#2d1060;color:#c4b5fd;border:2px solid #4c1d95;border-radius:10px;transition:background .15s}.back-btn:hover{background:#3d1580}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.kc-root{min-height:100vh;background:#0f1117;color:#e8e8e8;display:flex;flex-direction:column;font-family:Nunito,sans-serif}.kc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:14px 28px;background:#13151f;border-bottom:1px solid #1e2130;position:sticky;top:0;z-index:20}.kc-header-left{display:flex;align-items:center;gap:14px}.kc-back{padding:7px 14px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:#1e2130;color:#c4b5fd;border:2px solid #2a2f45;border-radius:10px;transition:background .15s;white-space:nowrap}.kc-back:hover{background:#252a3a}.kc-title-wrap{display:flex;align-items:center;gap:10px}.kc-logo{font-size:36px;filter:drop-shadow(0 2px 8px rgba(82,183,136,.4))}.kc-title{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.kc-subtitle{font-size:12px;color:#4a5568;margin-top:1px}.kc-daily{display:flex;flex-direction:column;gap:6px;min-width:260px}.kc-daily-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#c8ccd8}.kc-daily-results{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:800}.kc-w{color:#95d5b2}.kc-l{color:#ff6b6b}.kc-sep{color:#4a5568}.kc-gold{color:#ffd166;font-weight:800}.kc-streak{color:#f4a261;font-weight:800}.kc-progress-bg{position:relative;height:10px;background:#2a2f45;border-radius:10px;overflow:visible}.kc-progress-fill{height:100%;border-radius:10px;transition:width .4s ease;position:relative;z-index:1}.kc-tick{position:absolute;top:0;width:1px;height:100%;background:#0a0c1466;z-index:2;transform:translate(-50%)}.kc-diff-bar{display:flex;gap:10px;padding:16px 28px 0}.kc-diff-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:#1e2130;border:2px solid transparent;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;text-align:left;transition:all .15s}.kc-diff-btn:hover{background:#252a3a;border-color:#2a2f45}.kc-diff-btn.active.easy{border-color:#52b788;background:#162a1f}.kc-diff-btn.active.medium{border-color:#ffd166;background:#2a2210}.kc-diff-btn.active.hard{border-color:#e63946;background:#2a1010}.kc-diff-icon{font-size:17px}.kc-diff-label{font-size:15px;font-weight:800;color:#e8e8e8}.kc-diff-desc{font-size:11px;color:#4a5568}.kc-undo-badge{font-size:10px;font-weight:800;color:#ffd166;background:#2a2210;border:1px solid #ffd16644;border-radius:6px;padding:1px 6px;margin-top:2px}.kc-main{display:flex;gap:20px;padding:20px 28px 28px;flex:1;align-items:flex-start}.kc-board-col{display:flex;flex-direction:column;gap:10px;align-items:center}.kc-player-bar{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1e2130;border-radius:10px;font-size:14px;font-weight:600}.kc-piece-icon{font-size:20px}.kc-player-name{flex:1;color:#c8ccd8}.kc-diff-tag{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.kc-diff-tag.easy{background:#2d6a4f;color:#95d5b2}.kc-diff-tag.medium{background:#5c4a1e;color:#ffd166}.kc-diff-tag.hard{background:#5c1e1e;color:#ff6b6b}.kc-thinking{display:flex;gap:2px}.kc-thinking span{font-size:18px;color:#7a8099;animation:kc-bounce 1s infinite}.kc-thinking span:nth-child(2){animation-delay:.15s}.kc-thinking span:nth-child(3){animation-delay:.3s}@keyframes kc-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.kc-check{background:#e63946;color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:1px;animation:kc-pulse .8s infinite}.kc-your-turn{color:#95d5b2;font-size:12px;font-weight:700}@keyframes kc-pulse{0%,to{opacity:1}50%{opacity:.5}}.kc-controls{display:flex;gap:8px;width:100%;flex-wrap:wrap}.kc-btn{flex:1;padding:10px 14px;border:none;border-radius:8px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}.kc-btn:active{transform:scale(.97)}.kc-undo{background:#2a2210;color:#ffd166;border:2px solid #ffd16666;flex:1.3}.kc-undo:hover{background:#3a3010;border-color:#ffd166}.kc-undo-disabled{background:#1e2130;color:#3a3a4a;border:2px solid #2a2f45;font-size:12px;flex:1.3;cursor:not-allowed}.kc-resign{background:#5c1e1e;color:#ff6b6b}.kc-resign:hover{background:#7a2424}.kc-new{background:#1e2130;color:#c8ccd8;border:1px solid #2a2f45}.kc-new:hover{background:#252a3a}.kc-result{width:100%;text-align:center;background:#1e2130;border-radius:14px;padding:24px 20px;border:2px solid transparent;animation:kc-slideUp .3s ease}.kc-result.win{border-color:#4a7c59}.kc-result.loss{border-color:#7a2424}.kc-result.draw{border-color:#4a5568}.kc-result-icon{font-size:48px;margin-bottom:8px}.kc-result-title{font-size:24px;font-weight:900;color:#fff;margin-bottom:4px}.kc-result-sub{font-size:14px;color:#7a8099;margin-bottom:16px}.kc-play-again{padding:12px 28px;font-size:16px;font-weight:800;background:#4a7c59;color:#fff;border:none;border-radius:10px;font-family:Nunito,sans-serif;transition:background .15s}.kc-play-again:hover{background:#5a9469}@keyframes kc-slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.kc-stats-col{width:200px;min-width:200px;background:#1e2130;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.kc-stats-section{display:flex;flex-direction:column;gap:7px}.kc-stats-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#4a5568;margin-bottom:2px}.kc-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.kc-stat-row span:first-child{color:#7a8099}.kc-stat-row span:last-child{font-weight:800;color:#c8ccd8}.kc-divider{height:1px;background:#252a3a}.kc-undo-info{background:#252a3a;border-radius:10px;padding:12px;border-left:3px solid #ffd166}.kc-undo-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#ffd166;margin-bottom:6px}.kc-undo-body{font-size:12px;color:#7a8099;line-height:1.5}.kc-undo-body strong{color:#c8ccd8}.kc-tips{background:#252a3a;border-radius:10px;padding:12px}.kc-tips-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#ffd166;margin-bottom:8px}.kc-tips-list{list-style:none;display:flex;flex-direction:column;gap:5px}.kc-tips-list li{font-size:12px;color:#7a8099;padding-left:14px;position:relative;line-height:1.4}.kc-tips-list li:before{content:"♟";position:absolute;left:0;font-size:10px;color:#4a5568}.kc-undo-count{font-size:12px;opacity:.7}.speak-screen{min-height:100vh;background:#f0ecff;display:flex;flex-direction:column;align-items:center;padding-bottom:32px;font-family:Nunito,sans-serif}.speak-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:3px solid #E5DCFF;box-shadow:0 4px #e5dcff;position:sticky;top:0;z-index:10}.speak-header-title{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:900;color:#1c1833}.speak-stats{display:flex;align-items:center;gap:8px}.session-stars{font-size:14px;font-weight:800;color:#c80;background:#fff8e0;padding:4px 12px;border-radius:12px;border:2px solid #FFD166}.streak-pill{background:#ff6b35;color:#fff;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:900;border-bottom:3px solid #D4521A}.speak-prog-bg{width:100%;height:10px;background:#e5dcff}.speak-prog-fill{height:100%;border-radius:0 5px 5px 0;transition:width .4s ease}.speak-prog-label{font-size:12px;color:#9b7fff;font-weight:700;margin:5px 0 10px;text-align:center}.speak-word-card{width:90%;max-width:480px;background:#fff;border:3px solid var(--cc, #7C4DFF);border-bottom:6px solid var(--cc, #5B35D5);border-radius:24px;padding:20px 24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 16px #5c3adc1a;margin-bottom:16px;animation:cardIn .3s ease}.swc-emoji{font-size:52px;line-height:1}.swc-char{font-size:42px;font-weight:900;line-height:1.1;color:var(--cc, #7C4DFF)}.swc-pinyin{font-size:20px;font-weight:800;letter-spacing:2px}.swc-english{font-size:15px;color:#6e6a80;font-weight:700}.speak-panel{width:90%;max-width:480px;background:#fff;border:2px solid #E5DCFF;border-bottom:5px solid #D0C4FF;border-radius:24px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 2px 12px #5c3adc14}.panel-heading{font-size:20px;font-weight:900;color:#1c1833;margin:0}.panel-sub{font-size:13px;color:#6e6a80;font-weight:700;margin:0;max-width:300px}.ready-panel-v2{gap:16px}.speak-two-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hear-btn{padding:14px 24px;border-radius:16px;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B5A8EE;font-size:17px;font-weight:900;font-family:inherit;transition:transform .1s,border-bottom-width .1s}.hear-btn:active{transform:translateY(3px);border-bottom-width:1px}.speak-now-btn{padding:14px 24px;border-radius:16px;color:#fff;border:none;border-bottom:4px solid rgba(0,0,0,.2);font-size:17px;font-weight:900;font-family:inherit;animation:pulse-glow 1.5s ease-in-out infinite alternate;transition:transform .1s,border-bottom-width .1s}.speak-now-btn:active{transform:translateY(3px);border-bottom-width:1px}@keyframes pulse-glow{0%{box-shadow:0 0 #58cc0266}to{box-shadow:0 0 0 10px #58cc0200}}.speaking-panel .speaker-icon{font-size:52px}.anim-bounce{animation:bounce .6s infinite alternate ease-in-out}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.recording-panel{border-color:#ff4b4b;border-bottom-color:#c03030}.mic-pulse{font-size:52px;animation:mic-throb .5s ease-in-out infinite alternate}@keyframes mic-throb{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.2);filter:brightness(1.2) drop-shadow(0 0 10px #FF4B4B)}}.recording-label{color:#e03131!important}.sound-wave{display:flex;align-items:center;gap:5px;height:40px}.sound-wave span{display:block;width:6px;border-radius:4px;background:#d0c4ff;height:8px}.sound-wave.active span{animation:wave-bar .7s ease-in-out infinite alternate;background:#7c4dff}.sound-wave.active span:nth-child(1){animation-delay:0s;animation-duration:.55s}.sound-wave.active span:nth-child(2){animation-delay:.07s;animation-duration:.65s}.sound-wave.active span:nth-child(3){animation-delay:.14s;animation-duration:.5s}.sound-wave.active span:nth-child(4){animation-delay:.21s;animation-duration:.72s}.sound-wave.active span:nth-child(5){animation-delay:.14s;animation-duration:.58s}.sound-wave.active span:nth-child(6){animation-delay:.07s;animation-duration:.62s}.sound-wave.active span:nth-child(7){animation-delay:0s;animation-duration:.55s}@keyframes wave-bar{0%{height:6px}to{height:36px}}.result-panel{gap:14px}.result-hero{font-size:60px;line-height:1}.result-hero.perfect{animation:spin-pop .6s ease-out}.result-hero.great,.result-hero.good{animation:pop .4s ease-out}@keyframes spin-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.25) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.result-msg{font-size:18px;font-weight:900;color:#1c1833;margin:0}.heard-row{background:#f8f5ff;border:2px solid #E5DCFF;border-radius:14px;padding:10px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;width:100%}.heard-label,.expected-label{color:#9b7fff;font-weight:700;font-size:12px;text-align:right}.heard-text{font-size:22px;font-weight:900;color:#1c1833}.expected-text{font-size:22px;font-weight:900}.stars-earned-box{display:flex;align-items:center;gap:10px;background:#fff8e0;border:2px solid #FFD166;border-radius:14px;padding:8px 18px;font-size:15px;font-weight:800;color:#c80}.star-row{font-size:22px}.err-note{background:#fff8e0;border:2px solid #FFD166;border-radius:12px;padding:10px 14px;font-size:13px;color:#a70;font-weight:700;width:100%;text-align:left;line-height:1.5}.streak-msg{font-size:17px;font-weight:900;color:#ff6b35;animation:pop .4s ease-out}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.speak-primary-btn{padding:13px 28px;border-radius:16px;border:none;border-bottom:4px solid rgba(0,0,0,.2);color:#fff;font-size:17px;font-weight:900;font-family:inherit;transition:transform .1s,border-bottom-width .1s}.speak-primary-btn:active{transform:translateY(3px);border-bottom-width:1px}.speak-secondary-btn{padding:11px 22px;border-radius:14px;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B5A8EE;font-size:15px;font-weight:800;font-family:inherit;transition:transform .1s,border-bottom-width .1s}.speak-secondary-btn:active{transform:translateY(3px);border-bottom-width:1px}.speak-done{min-height:100vh;background:#f0ecff;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif}.speak-done-card{background:#fff;border:2px solid #E5DCFF;border-bottom:6px solid #D0C4FF;border-radius:28px;padding:36px 28px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 8px 24px #5c3adc1f}.done-hero{font-size:72px;animation:spin-pop .7s ease-out}.speak-done-card h2{font-size:28px;font-weight:900;color:#1c1833;margin:0}.done-words,.done-praise{font-size:15px;color:#6e6a80;font-weight:700;margin:0}.done-stars-row{font-size:18px;color:#1c1833;font-weight:800;margin:0}.dp-today-card{margin:0 24px 4px;background:#fff;border:2px solid #E5DCFF;border-bottom:5px solid #D0C4FF;border-radius:20px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 12px #5c3adc14}.dp-today-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.dp-date-text{font-size:13px;font-weight:800;color:#9b7fff}.dp-review-badge{background:#fff4e0;color:#c70;border:2px solid #FFD166;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:800}.dp-review-sm{font-size:11px;padding:2px 8px}.dp-history-btn{background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:3px solid #B5A8EE;border-radius:12px;padding:5px 14px;font-size:12px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .1s,border-bottom-width .1s}.dp-history-btn:active{transform:translateY(2px);border-bottom-width:1px}.dp-assignment-cat{display:flex;align-items:center;gap:14px}.dp-cat-icon{font-size:40px}.dp-cat-name{font-size:22px;font-weight:900;line-height:1.1}.dp-cat-cn{font-size:14px;font-weight:700;color:#9b97b0}.dp-complete-banner{background:linear-gradient(135deg,#fff8e0,#fff0cc);border:2px solid #FFD166;border-radius:14px;padding:10px 16px;font-size:16px;font-weight:900;color:#a70;text-align:center;animation:dp-pulse 2s ease-in-out infinite}@keyframes dp-pulse{0%,to{box-shadow:0 0 #ffd16666}50%{box-shadow:0 0 0 8px #ffd16600}}.dp-activity-pills{display:flex;gap:8px;flex-wrap:wrap}.dp-pill{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;flex:1;min-width:90px;justify-content:center}.dp-pill.done{background:#f0fbe6;color:#46a302;border:2px solid #B5E67A}.dp-pill.todo{background:#f8f5ff;color:#b0a8d0;border:2px dashed #D0C4FF}.dp-pill-icon{font-size:15px}.dp-pill-check{font-size:14px;font-weight:900}.dp-pill-empty{opacity:.5}.dp-pill-detail{font-size:11px;font-weight:700;opacity:.8}.dp-encouragement{font-size:13px;font-weight:700;color:#7c4dff;font-style:italic;margin:0;line-height:1.4;background:#f8f5ff;border-radius:12px;padding:8px 12px;border-left:3px solid #D0C4FF}.dp-yesterday-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#f4f0ff;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700}.dp-yest-label{color:#9b97b0;font-weight:700}.dp-yest-sep{color:#d0c4ff}.dp-yest-done{color:#6e6a80}.dp-hist-screen{min-height:100vh;background:#f0ecff;display:flex;flex-direction:column;font-family:Nunito,sans-serif;padding-bottom:40px}.dp-hist-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:3px solid #E5DCFF;box-shadow:0 4px #e5dcff;position:sticky;top:0;z-index:10}.dp-hist-title{font-size:18px;font-weight:900;color:#1c1833}.dp-hist-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9b7fff;font-size:18px;font-weight:800;padding:40px 20px;text-align:center}.dp-hist-list{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.dp-hist-row{background:#fff;border:2px solid #E5DCFF;border-bottom:4px solid #D0C4FF;border-radius:18px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #5c3adc0f}.dp-hist-top{display:flex;align-items:center;gap:10px}.dp-hist-date{font-size:14px;font-weight:900;color:#1c1833}.dp-hist-cat{font-size:16px;font-weight:900}.dp-hist-scores{display:flex;gap:8px;flex-wrap:wrap}.dp-score-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:14px;font-size:12px;font-weight:800;border:2px solid}.dp-score-pill.learn{background:#f0fbe6;color:#46a302;border-color:#b5e67a}.dp-score-pill.quiz{background:#fff8e0;color:#c80;border-color:#ffd166}.dp-score-pill.speak{background:#f4f0ff;color:#7c4dff;border-color:#d0c4ff}.dp-score-pill.todo{background:#f8f5ff;color:#9b97b0;border-color:#e5dcff}.hw-screen-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-bottom:3px solid #E5DCFF;position:sticky;top:0;z-index:10}.hw-back{padding:7px 14px;font-size:14px;font-weight:700;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.hw-screen-header h2{font-size:18px;font-weight:900;color:#1c1833}.hw-print-btn{padding:10px 20px;font-size:15px;font-weight:800;background:#58cc02;color:#fff;border:none;border-bottom:3px solid #46A302;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif}.hw-print-btn:hover{filter:brightness(1.06)}.hw-root{min-height:100vh;background:#f0ecff;font-family:Nunito,sans-serif}.hw-sheet{max-width:800px;margin:20px auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #00000014}.hw-header{text-align:center;margin-bottom:24px}.hw-title{font-size:24px;font-weight:900;color:#1c1833;margin-bottom:4px}.hw-theme{font-size:16px;color:#7c4dff;font-weight:700;margin-bottom:12px}.hw-name-line{font-size:14px;color:#333;margin-top:12px}.hw-section{margin-bottom:28px;page-break-inside:avoid}.hw-section-title{font-size:16px;font-weight:900;color:#1c1833;margin-bottom:4px;border-bottom:2px solid #E5DCFF;padding-bottom:4px}.hw-instruction{font-size:13px;color:#6e6a80;margin-bottom:12px}.hw-trace-grid{display:flex;flex-direction:column;gap:16px}.hw-trace-row{display:flex;align-items:center;gap:12px}.hw-trace-model{display:flex;flex-direction:column;align-items:center;min-width:80px}.hw-trace-char{font-size:32px;font-weight:900;color:#1c1833}.hw-trace-pinyin{font-size:12px;color:#7c4dff}.hw-trace-english{font-size:11px;color:#6e6a80}.hw-trace-boxes{display:flex;gap:6px}.hw-trace-box{width:56px;height:56px;border:2px solid #D0C4FF;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#d0c4ff}.hw-trace-box.guide{color:#b5aede;border-style:dashed}.hw-trace-box.empty{background:#fafafe}.hw-match{display:flex;align-items:flex-start;gap:20px}.hw-match-col{flex:1;display:flex;flex-direction:column;gap:10px}.hw-match-space{width:60px}.hw-match-item{font-size:15px;font-weight:700;color:#1c1833;padding:6px 12px;border:1px solid #E5DCFF;border-radius:8px}.hw-match-item.left{font-size:18px}.hw-answer-line{font-size:13px;color:#6e6a80;margin-top:12px}.hw-fill-grid{display:flex;flex-direction:column;gap:10px}.hw-fill-row{display:flex;align-items:center;gap:10px;font-size:15px}.hw-fill-num{font-weight:800;color:#7c4dff;min-width:24px}.hw-fill-char{font-size:22px;font-weight:900;color:#1c1833}.hw-fill-meaning{font-size:13px;color:#6e6a80}.hw-fill-blank{font-size:14px;color:#333;flex:1}.hw-say-grid{display:flex;flex-direction:column;gap:8px}.hw-say-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #E5DCFF;border-radius:10px}.hw-say-emoji{font-size:24px}.hw-say-char{font-size:22px;font-weight:900;color:#1c1833}.hw-say-pinyin{font-size:14px;color:#7c4dff;font-weight:700}.hw-say-english{font-size:13px;color:#6e6a80;flex:1}.hw-say-check{font-size:14px;font-weight:800;color:#333}.hw-sentence-lines{display:flex;flex-direction:column;gap:20px;margin-top:12px}.hw-line{border-bottom:1px solid #ccc;height:30px}.hw-footer{margin-top:32px}.hw-parent-box{border:2px solid #D0C4FF;border-radius:12px;padding:20px;background:#fafafe}.hw-parent-box h3{font-size:16px;font-weight:900;color:#1c1833;margin-bottom:8px}.hw-parent-box p{font-size:13px;color:#6e6a80;margin-bottom:12px}.hw-sign-line{font-size:14px;color:#333;margin-bottom:10px}.hw-rating{font-size:14px;color:#333}@media print{.no-print{display:none!important}.hw-root{background:#fff;min-height:auto}.hw-sheet{box-shadow:none;margin:0;padding:20px;border-radius:0}.hw-trace-box{border-color:#999}.hw-trace-box.guide{color:#ccc}.hw-match-item{border-color:#999}.hw-parent-box{border-color:#999;background:#fff}.hw-section{page-break-inside:avoid}@page{margin:1cm}}.cc-root{min-height:100vh;background:linear-gradient(180deg,#1a0533,#0d0222);color:#e8e8e8;font-family:Nunito,sans-serif;display:flex;flex-direction:column}.cc-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:#1a0533e6;border-bottom:1px solid #2d1b4e;position:sticky;top:0;z-index:10}.cc-back{padding:7px 14px;font-size:14px;font-weight:700;background:#2d1b4e;color:#c4b5fd;border:2px solid #3d2b5e;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.cc-title{font-size:18px;font-weight:900;color:#fff}.cc-phase-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;font-size:14px;font-weight:800;color:#fff}.cc-phase-bar.review{background:linear-gradient(90deg,#b45309,#d97706)}.cc-phase-bar.learn{background:linear-gradient(90deg,#0369a1,#0ea5e9)}.cc-phase-bar.quiz{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.cc-today-card{margin:20px 24px;background:#2d1b4e99;border:2px solid #5b21b6;border-radius:20px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.cc-today-badge{font-size:13px;font-weight:900;color:#a78bfa;background:#1e1b4b;padding:6px 18px;border-radius:20px;border:1px solid #3730a3}.cc-today-theme{font-size:24px;font-weight:900;color:#fff}.cc-today-tip{font-size:14px;color:#a5b4fc;line-height:1.5}.cc-today-preview{display:flex;flex-direction:column;gap:8px;align-items:center}.cc-preview-label{font-size:12px;font-weight:700;color:#818cf8;text-transform:uppercase}.cc-preview-words{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cc-preview-word{font-size:18px;padding:6px 14px;background:#1e1b4b;border:1px solid #3730a3;border-radius:12px;cursor:pointer}.cc-preview-word:hover{background:#2e2a6b}.cc-review-note{font-size:12px;color:#f59e0b;font-weight:700}.cc-btn{padding:14px 28px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:14px;cursor:pointer;transition:all .12s}.cc-btn.primary{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff}.cc-btn.primary:hover{filter:brightness(1.1)}.cc-btn.secondary{background:#2d1b4e;color:#c4b5fd;border:2px solid #5b21b6}.cc-btn.secondary:hover{background:#3d2b5e}.cc-timeline{padding:0 24px 24px}.cc-timeline-title{font-size:16px;font-weight:900;color:#fff;margin-bottom:10px}.cc-timeline-bar{height:10px;background:#1e1b4b;border-radius:5px;overflow:hidden;margin-bottom:6px}.cc-timeline-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#22c55e);border-radius:5px;transition:width .4s}.cc-timeline-label{font-size:12px;color:#818cf8;margin-bottom:12px}.cc-day-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.cc-today-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cc-day-dot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:10px;background:#1e1b4b;border:1px solid #312e81;font-size:11px;position:relative}.cc-day-dot.done{background:#052e16;border-color:#22c55e}.cc-day-dot.current{background:#2e1065;border-color:#a78bfa;box-shadow:0 0 8px #a78bfa4d}.cc-day-dot.locked{opacity:.35}.cc-day-num{font-weight:800;color:#e8e8e8}.cc-day-check{font-size:10px;color:#22c55e}.cc-day-score{font-size:8px;color:#6ee7b7}.cc-quiz-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.cc-q-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:#1e1b4b99;border:2px solid #312e81;border-radius:20px;min-width:250px}.cc-q-emoji{font-size:48px}.cc-q-english{font-size:22px;font-weight:900;color:#fff}.cc-q-hint{font-size:13px;color:#818cf8}.cc-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:400px}.cc-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#1e1b4b80;border:2px solid #312e81;border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .12s}.cc-option:hover:not(:disabled){border-color:#a78bfa;background:#312e8180}.cc-option:disabled{cursor:default}.cc-option.correct{border-color:#22c55e;background:#052e16b3}.cc-option.wrong{border-color:#ef4444;background:#2a0f0fb3}.cc-opt-char{font-size:28px;font-weight:800}.cc-opt-pinyin{font-size:12px;color:#a5b4fc}.cc-opt-en{font-size:11px;color:#6ee7b7;margin-top:2px}.cc-learn-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.cc-flashcard{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 32px;background:#1e1b4b99;border:2px solid #5b21b6;border-radius:24px;min-width:280px;max-width:400px;width:100%}.cc-flash-emoji{font-size:56px}.cc-flash-char{font-size:56px;font-weight:900;color:#fff}.cc-flash-pinyin{font-size:22px;color:#a78bfa;font-weight:700}.cc-flash-english{font-size:20px;color:#c4b5fd;font-weight:800}.cc-flash-tip{font-size:14px;color:#818cf8;text-align:center;line-height:1.5}.cc-flash-audio{display:flex;gap:10px}.cc-audio-btn{padding:10px 20px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;background:#1e1b4b;color:#a78bfa;border:2px solid #3730a3;border-radius:12px;cursor:pointer}.cc-audio-btn:hover{background:#2e2a6b}.cc-audio-btn.slow{color:#f59e0b;border-color:#92400e}.cc-learn-nav{display:flex;gap:10px}.cc-learn-dots{display:flex;gap:6px}.cc-ldot{width:10px;height:10px;border-radius:50%;background:#312e81;cursor:pointer;transition:all .2s}.cc-ldot.active{background:#a78bfa;width:24px;border-radius:5px}.cc-ldot.done{background:#22c55e}.cc-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;text-align:center}.cc-result-emoji{font-size:64px}.cc-result-title{font-size:24px;font-weight:900;color:#fff}.cc-result-score{display:flex;flex-direction:column;gap:4px}.cc-result-big{font-size:48px;font-weight:900;color:#a78bfa}.cc-result-pct{font-size:16px;color:#818cf8}.cc-result-learned{font-size:14px;color:#6ee7b7;font-weight:700}.cc-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cc-congrats{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;text-align:center}.cc-congrats-emoji{font-size:80px}.cc-congrats h2{font-size:28px;font-weight:900;color:#fff}.cc-congrats p{font-size:16px;color:#a5b4fc}@media (max-width: 500px){.cc-day-grid{grid-template-columns:repeat(6,1fr)}.cc-options{grid-template-columns:1fr 1fr}.cc-flash-char{font-size:42px}}.cl-back{padding:8px 16px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;background:#fff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:3px solid #B5A8EE;border-radius:12px;white-space:nowrap;transition:transform .1s,border-bottom-width .1s}.cl-back:active{transform:translateY(2px);border-bottom-width:1px}.cl-hub{min-height:100vh;background:#f0ecff;display:flex;flex-direction:column;padding-bottom:40px}.cl-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 24px;background:#fff;border-bottom:3px solid #E5DCFF;box-shadow:0 4px #e5dcff;position:sticky;top:0;z-index:10}.cl-title-area{display:flex;align-items:center;gap:12px}.cl-flag{font-size:32px}.cl-title{font-size:20px;font-weight:900;color:#1c1833}.cl-subtitle{font-size:11px;color:#9b7fff;font-weight:700;margin-top:1px}.cl-total-stars{background:#fff8e0;border:2px solid #FFD166;border-bottom:3px solid #D4A000;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:900;color:#a70}.voice-banner{padding:10px 24px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-banner.ok{background:#f0fbe6;color:#46a302;border-bottom:2px solid #C8EFA0}.voice-banner.warn{background:#fff4e0;color:#c70;border-bottom:2px solid #FFD166}.voice-banner.warn strong{color:#a50}.voice-banner.warn em{color:#c70}.voice-test-btn{margin-left:8px;background:#fff;border:2px solid #58CC02;border-bottom:3px solid #46A302;color:#46a302;border-radius:10px;padding:4px 14px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .1s,border-bottom-width .1s}.voice-test-btn:active{transform:translateY(2px);border-bottom-width:1px}.offline-banner{padding:7px 24px;font-size:11px;font-weight:700;background:#f4f0ff;color:#9b7fff;border-bottom:1px solid #E5DCFF}.cl-course-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 12px;padding:16px 20px;background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #5b21b6;border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;text-align:left}.cl-course-banner:hover{border-color:#a78bfa;transform:translateY(-1px)}.cl-course-left{display:flex;align-items:center;gap:12px}.cl-course-icon{font-size:32px}.cl-course-title{display:block;font-size:15px;font-weight:900;color:#fff}.cl-course-sub{display:block;font-size:12px;font-weight:600;color:#a5b4fc}.cl-course-progress-mini{display:flex;align-items:center;gap:10px;min-width:80px}.cl-course-bar-bg{flex:1;height:6px;background:#1e1b4b;border-radius:3px;overflow:hidden}.cl-course-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#22c55e);border-radius:3px;transition:width .3s}.cl-course-arrow{font-size:14px;color:#a78bfa}.tone-guide{background:#fff;border-bottom:2px solid #E5DCFF;padding:12px 24px;margin-top:0}.tone-guide-title{font-size:13px;color:#6e6a80;font-weight:700;margin-bottom:8px}.tone-chips{display:flex;gap:8px;flex-wrap:wrap}.tone-chip{padding:4px 14px;border-radius:20px;border:2px solid;font-size:12px;font-weight:800;box-shadow:0 2px #0000001f}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:20px 24px}.cl-cat-card{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid #E5DCFF;border-bottom:5px solid var(--cat-shadow, #D0C4FF);border-radius:20px;padding:18px;transition:transform .1s,border-bottom-width .1s,box-shadow .15s;box-shadow:0 2px 8px #5c3adc12}.cl-cat-card:hover{box-shadow:0 6px 20px #5c3adc21;transform:translateY(-2px)}.cl-cat-card:active{transform:translateY(3px);border-bottom-width:2px}.cl-cat-icon{font-size:38px;min-width:56px;height:56px;background:var(--cat-tint, #F4F0FF);border-radius:16px;display:flex;align-items:center;justify-content:center}.cl-cat-body{flex:1}.cl-cat-cn{font-size:20px;font-weight:900;color:var(--cat-color)}.cl-cat-en{font-size:13px;color:#6e6a80;font-weight:700}.cl-cat-count{font-size:11px;color:#9b97b0;font-weight:600;margin-top:2px}.cl-cat-actions{display:flex;flex-direction:column;gap:6px}.cl-learn-btn{padding:9px 16px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-bottom:3px solid rgba(0,0,0,.18);border-radius:12px;color:#fff;transition:transform .1s,border-bottom-width .1s}.cl-learn-btn:active{transform:translateY(2px);border-bottom-width:1px}.cl-quiz-btn{padding:9px 16px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:3px solid #B5A8EE;border-radius:12px;transition:transform .1s,border-bottom-width .1s}.cl-quiz-btn:active{transform:translateY(2px);border-bottom-width:1px}.cl-speak-btn{padding:9px 16px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;background:#f0fbe6;color:#46a302;border:2px solid #B5E67A;border-bottom:3px solid #8BC34A;border-radius:12px;transition:transform .1s,border-bottom-width .1s}.cl-speak-btn:active{transform:translateY(2px);border-bottom-width:1px}.cl-tips-box{margin:0 24px;background:#fff;border-radius:20px;padding:20px;border:2px solid #E5DCFF;box-shadow:0 4px #e5dcff}.cl-tips-title{font-size:14px;font-weight:900;color:#7c4dff;margin-bottom:14px}.cl-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-tip{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#6e6a80;font-weight:700}.learn-screen{min-height:100vh;background:#f0ecff;display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.learn-header{width:100%;padding:12px 20px;background:#fff;border-bottom:3px solid #E5DCFF;box-shadow:0 4px #e5dcff;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;z-index:10}.learn-progress{display:flex;align-items:center;justify-content:space-between}.progress-text{font-size:13px;font-weight:800;color:#9b7fff}.learn-dots{display:flex;gap:6px;flex-wrap:wrap}.learn-dot{width:12px;height:12px;border-radius:50%;background:#e5dcff;border:2px solid #D0C4FF;cursor:pointer;transition:transform .1s}.learn-dot.active{transform:scale(1.4);background:#7c4dff;border-color:#7c4dff}.learn-dot.done{background:#58cc02;border-color:#46a302}.learn-tabs{display:flex;gap:8px;padding:14px 20px 0;width:100%;max-width:560px}.learn-tab{flex:1;padding:10px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;background:#f4f0ff;color:#9b7fff;border:2px solid #E5DCFF;border-bottom:3px solid #D0C4FF;border-radius:14px;transition:all .15s}.learn-tab.active{background:#7c4dff;color:#fff;border-color:#7c4dff;border-bottom-color:#5b35d5}.card-area{width:100%;max-width:500px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.flash-card{width:100%;background:#fff;border:2px solid var(--cat-color);border-bottom:6px solid var(--cat-color);border-radius:24px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 4px 16px #5c3adc1a;animation:cardIn .3s ease}@keyframes cardIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.card-emoji-big{font-size:64px;margin-bottom:4px}.card-char{font-size:80px;font-weight:900;color:var(--cat-color);line-height:1}.pinyin-display{font-size:26px;font-weight:800;letter-spacing:2px}.pinyin-part{font-size:26px}.card-english{font-size:20px;font-weight:800;color:#1c1833}.tone-legend{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:4px}.tone-badge{padding:3px 12px;border-radius:12px;border:2px solid;font-size:12px;font-weight:800}.card-tip{font-size:13px;color:#6e6a80;background:#f8f5ff;border-radius:12px;padding:10px 14px;font-style:italic;margin-top:4px;text-align:left;width:100%;border:1px solid #E5DCFF}.audio-btns{display:flex;gap:10px}.audio-btn{padding:12px 24px;font-size:17px;font-weight:800;font-family:Nunito,sans-serif;border-radius:14px;transition:transform .1s,border-bottom-width .1s}.audio-btn.normal{background:#7c4dff;color:#fff;border:none;border-bottom:4px solid #5B35D5}.audio-btn.slow{background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B5A8EE}.audio-btn:active{transform:translateY(3px);border-bottom-width:1px}.card-nav{display:flex;gap:10px;width:100%}.nav-btn{flex:1;padding:12px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B5A8EE;border-radius:14px;transition:transform .1s,border-bottom-width .1s}.nav-btn:disabled{opacity:.35}.nav-btn.next{color:#fff;border:none;border-bottom:4px solid rgba(0,0,0,.2)}.nav-btn:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}.inline-speak-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.inline-speak-btn{width:100%;padding:13px;font-size:17px;font-weight:900;font-family:Nunito,sans-serif;color:#fff;border:none;border-bottom:4px solid rgba(0,0,0,.2);border-radius:14px;cursor:pointer;transition:transform .1s,border-bottom-width .1s}.inline-speak-btn:active{transform:translateY(3px);border-bottom-width:1px}.inline-speak-status{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;width:100%;justify-content:center}.inline-speak-status.speaking{background:#fff8e0;color:#c80;border:2px solid #FFD166}.inline-speak-status.recording{background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF}@keyframes isp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.anim-pulse{display:inline-block;animation:isp-pulse .8s ease-in-out infinite}.inline-speak-result{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:14px;width:100%;font-family:Nunito,sans-serif;text-align:center}.inline-speak-result.level-perfect,.inline-speak-result.level-great{background:#f0fbe6;border:2px solid #B5E67A;color:#2d7a00}.inline-speak-result.level-good{background:#fff8e0;border:2px solid #FFD166;color:#c80}.inline-speak-result.level-miss{background:#fff3f3;border:2px solid #FFBBBB;color:#c33}.isr-msg{font-size:15px;font-weight:900}.isr-heard{font-size:12px;font-weight:700;opacity:.8}.isr-reset{margin-top:4px;padding:7px 18px;font-size:13px;font-weight:900;font-family:Nunito,sans-serif;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:3px solid #B5A8EE;border-radius:10px;cursor:pointer;transition:transform .1s,border-bottom-width .1s}.isr-reset:active{transform:translateY(2px);border-bottom-width:1px}.stroke-area{width:100%;max-width:500px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.stroke-intro{text-align:center}.stroke-intro p{font-size:16px;color:#1c1833;font-weight:700}.stroke-sub{font-size:13px;color:#6e6a80;margin-top:4px}.char-selector{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.char-sel-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 18px;background:#fff;border:2px solid #E5DCFF;border-bottom:4px solid #D0C4FF;border-radius:14px;font-family:Nunito,sans-serif;transition:transform .1s,border-bottom-width .1s}.char-sel-btn.active{background:#f4f0ff;border-color:#7c4dff;border-bottom-color:#5b35d5}.char-sel-btn:active{transform:translateY(3px);border-bottom-width:1px}.char-sel-char{font-size:28px;font-weight:900;color:#1c1833}.char-sel-pin{font-size:12px;font-weight:700;color:#6e6a80}.stroke-info{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;justify-content:center}.stroke-char-display{display:flex;flex-direction:column;align-items:center;gap:6px}.stroke-char-big{font-size:72px;color:#1c1833}.stroke-pinyin{font-size:22px;font-weight:800}.stroke-box{display:flex;flex-direction:column;align-items:center;gap:10px}.hanzi-canvas-wrap{position:relative;background:#f8f5f0;border-radius:16px;overflow:hidden;border:3px solid #E5DCFF;box-shadow:0 4px #d0c4ff}.hanzi-canvas{width:200px;height:200px}.practice-hint{position:absolute;bottom:0;left:0;right:0;background:#5c3adcd9;color:#fff;font-size:12px;font-weight:700;padding:6px;text-align:center}.practice-done{position:absolute;top:0;right:0;bottom:0;left:0;background:#58cc02e0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;border-radius:14px;animation:cardIn .3s ease}.stroke-btns{display:flex;gap:8px}.stroke-btn{padding:10px 20px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;transition:transform .1s,border-bottom-width .1s}.stroke-btn:disabled{opacity:.35}.stroke-btn.watch{background:#7c4dff;color:#fff;border-bottom:4px solid #5B35D5}.stroke-btn.practice{background:#58cc02;color:#fff;border-bottom:4px solid #46A302}.stroke-btn:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}.quiz-screen{min-height:100vh;background:#f0ecff;display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.quiz-header{width:100%;padding:12px 20px;background:#fff;border-bottom:3px solid #E5DCFF;box-shadow:0 4px #e5dcff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.quiz-title{font-size:18px;font-weight:900;color:#1c1833}.quiz-score{font-size:15px;font-weight:800;color:#c80;background:#fff8e0;padding:4px 12px;border-radius:12px;border:2px solid #FFD166}.quiz-progress-bar{width:100%;height:10px;background:#e5dcff}.quiz-progress-fill{height:100%;transition:width .4s ease;border-radius:0 5px 5px 0}.quiz-question{width:100%;max-width:480px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.quiz-instruction{font-size:16px;color:#6e6a80;font-weight:700}.quiz-emoji-big{font-size:90px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(92,58,220,.18))}.quiz-meaning{font-size:22px;font-weight:900;color:#1c1833}.quiz-hear-btn{padding:8px 20px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:3px solid #B5A8EE;border-radius:12px;transition:transform .1s,border-bottom-width .1s}.quiz-hear-btn:active{transform:translateY(2px);border-bottom-width:1px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px;padding:0 20px}.quiz-opt{padding:18px 12px;font-family:Nunito,sans-serif;background:#fff;border:2px solid #E5DCFF;border-bottom:4px solid #D0C4FF;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s,border-bottom-width .1s;cursor:pointer}.quiz-opt:hover{border-color:#9b7fff;transform:translateY(-2px)}.quiz-opt:active{transform:translateY(3px);border-bottom-width:1px}.quiz-opt.correct{background:#f0fbe6;border-color:#58cc02;border-bottom-color:#46a302;animation:pop .3s ease}.quiz-opt.wrong{background:#fff0f0;border-color:#ff4b4b;border-bottom-color:#c03030}.opt-char{font-size:36px;font-weight:900;color:#1c1833}.opt-english{font-size:12px;color:#6e6a80;font-weight:700}@keyframes pop{0%{transform:scale(.9)}70%{transform:scale(1.08)}to{transform:scale(1)}}.quiz-counter{font-size:13px;color:#9b97b0;font-weight:700;margin-top:8px}.quiz-done{min-height:100vh;background:#f0ecff;display:flex;align-items:center;justify-content:center;padding:20px}.quiz-done-card{background:#fff;border:2px solid #E5DCFF;border-bottom:6px solid #D0C4FF;border-radius:28px;padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;width:100%;box-shadow:0 8px 24px #5c3adc1f}.quiz-done-icon{font-size:72px;animation:float 3s ease-in-out infinite}.quiz-done-card h2{font-size:28px;font-weight:900;color:#1c1833}.quiz-score-big{font-size:36px;font-weight:900;color:#c80}.quiz-done-card p{font-size:15px;color:#6e6a80;font-weight:700}.quiz-done-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.quiz-btn-primary{flex:1;padding:12px 20px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;background:#7c4dff;color:#fff;border:none;border-bottom:4px solid #5B35D5;border-radius:14px;transition:transform .1s,border-bottom-width .1s}.quiz-btn-primary:active{transform:translateY(3px);border-bottom-width:1px}.quiz-btn-secondary{flex:1;padding:12px 20px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B5A8EE;border-radius:14px;transition:transform .1s,border-bottom-width .1s}.quiz-btn-secondary:active{transform:translateY(3px);border-bottom-width:1px}.math-screen{min-height:100vh;background:linear-gradient(135deg,#1e3a5f,#0f2540);display:flex;flex-direction:column;align-items:center;padding:16px;color:#fff;font-family:Segoe UI,sans-serif;position:relative}.math-back-btn,.math-history-btn{background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .2s}.math-back-btn:hover,.math-history-btn:hover{background:#ffffff47}.math-quit-btn{position:absolute;top:14px;right:16px;background:#ffffff1a;border:none;color:#fff;padding:6px 14px;border-radius:16px;cursor:pointer;font-size:13px}.math-quit-btn:hover{background:#ffffff38}.math-menu-header{width:100%;max-width:480px;margin-bottom:14px}.math-menu-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.math-menu-header h1{margin:10px 0 4px;font-size:2rem}.math-menu-header h2{margin:10px 0 4px;font-size:1.5rem}.math-menu-header p{margin:0;opacity:.75;font-size:15px}.math-daily-bar{width:100%;max-width:480px;background:#ffffff1a;border-radius:16px;padding:14px 18px;margin-bottom:14px}.daily-bar-header{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px}.daily-bar-count{color:#86efac}.daily-bar-track{height:12px;background:#ffffff1f;border-radius:6px;overflow:hidden;margin-bottom:6px}.daily-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .4s ease}.daily-bar-fill.complete{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.daily-bar-stats{display:flex;justify-content:space-between;font-size:12px;opacity:.75}.math-streak-badge{background:#f59e0b40;color:#fbbf24;padding:6px 18px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:14px}.math-streak-card{display:flex;align-items:center;gap:10px;background:#f59e0b33;border-radius:20px;padding:16px 28px;margin-bottom:20px}.streak-fire{font-size:2rem}.streak-num{font-size:2.4rem;font-weight:800;color:#fbbf24}.streak-label{font-size:1rem;opacity:.8}.math-goal-banner{margin-top:16px;background:#22c55e33;color:#86efac;padding:12px 24px;border-radius:16px;font-size:15px;font-weight:700;text-align:center;animation:goalPulse 2s infinite}@keyframes goalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.math-level-picker{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.level-btn{padding:8px 16px;border-radius:16px;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.level-btn.active,.level-btn:hover{background:#fff3;border-color:#fff}.level-desc{font-size:10px;opacity:.65;font-weight:400}.math-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:480px}.math-topic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 14px 18px;border-radius:20px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #00000040}.math-topic-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.math-topic-card.add{background:linear-gradient(135deg,#22c55e,#16a34a)}.math-topic-card.sub{background:linear-gradient(135deg,#f97316,#ea580c)}.math-topic-card.mul{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.math-topic-card.tbl{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.topic-emoji{font-size:2.2rem}.topic-label{color:#fff;font-size:1rem;font-weight:700}.topic-hint{color:#ffffffbf;font-size:.78rem}.topic-done-tag{background:#fff3;padding:2px 10px;border-radius:10px;font-size:11px;color:#fff;font-weight:600;margin-top:4px}.math-quiz{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:50px}.math-quiz-top{width:100%;display:flex;justify-content:space-between;align-items:center}.math-mode-label{font-size:14px;opacity:.8}.math-progress{font-size:14px;font-weight:600;opacity:.9}.math-question-card{background:#ffffff1f;border-radius:24px;padding:32px 36px;text-align:center;width:100%;box-shadow:0 4px 24px #0003}.math-q-emoji{font-size:2rem;margin-bottom:8px}.math-q-text{font-size:2.4rem;font-weight:800;letter-spacing:1px}.math-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.math-choice-btn{padding:18px 10px;border-radius:16px;border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .15s}.math-choice-btn:not(:disabled):hover{background:#ffffff38;transform:scale(1.04)}.math-choice-btn.correct{background:#22c55e;border-color:#16a34a}.math-choice-btn.faded{opacity:.35}.math-choice-btn:disabled{cursor:default}.math-feedback{font-size:1.1rem;font-weight:700;padding:8px 24px;border-radius:20px}.math-feedback.correct{background:#22c55e40;color:#86efac}.math-feedback.wrong{background:#ef444440;color:#fca5a5}.math-explain{background:#ffffff1a;border-radius:16px;padding:14px 20px;width:100%;text-align:center;animation:explainIn .3s ease}@keyframes explainIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.explain-visual{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:1.2rem;margin-bottom:6px}.explain-dots{letter-spacing:2px}.explain-op{font-weight:800;font-size:1.3rem;opacity:.7}.explain-answer{font-weight:800;font-size:1.5rem;color:#86efac}.explain-groups{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.explain-group{background:#ffffff1a;padding:4px 8px;border-radius:10px;letter-spacing:1px}.explain-text{font-size:13px;margin:6px 0 0;opacity:.85;line-height:1.4}.explain-text strong{color:#86efac}.math-result-screen{justify-content:center}.math-result-card{background:#ffffff1a;border-radius:28px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000004d}.result-big-emoji{font-size:4rem;margin-bottom:8px}.math-result-card h2{font-size:1.8rem;margin:0 0 6px}.result-score{font-size:1.5rem;font-weight:700;margin:0 0 12px;opacity:.9}.result-stars{font-size:2rem;margin-bottom:16px}.star.dim{opacity:.3;filter:grayscale(1)}.result-btns{display:flex;gap:12px;justify-content:center;margin-top:14px}.math-btn{padding:12px 26px;border-radius:20px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.math-btn.primary{background:#22c55e;color:#fff}.math-btn.secondary{background:#ffffff26;color:#fff}.math-btn:hover{opacity:.85}.math-table-screen{min-height:100vh;background:linear-gradient(135deg,#1e3a5f,#0f2540);display:flex;flex-direction:column;align-items:center;padding:16px;color:#fff;font-family:Segoe UI,sans-serif}.math-table-header{width:100%;max-width:480px;display:flex;align-items:center;gap:16px;margin-bottom:18px}.math-table-header h2{margin:0;font-size:1.5rem}.table-number-picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}.table-num-btn{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s}.table-num-btn.active,.table-num-btn:hover{background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.12)}.table-grid{background:#ffffff14;border-radius:20px;padding:20px 28px;width:100%;max-width:360px}.table-title{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:14px;color:#c4b5fd}.table-row{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.table-row:last-child{border-bottom:none}.table-eq{width:80px;font-size:1.15rem;font-weight:600}.table-equals{opacity:.5;font-size:1.1rem}.table-result{font-size:1.3rem;font-weight:800;color:#86efac;margin-left:auto}.math-empty-hist{text-align:center;margin-top:40px;opacity:.7}.math-hist-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px}.math-hist-row{background:#ffffff14;border-radius:14px;padding:14px 18px}.math-hist-row.goal-met{border-left:4px solid #fbbf24}.hist-date{font-size:13px;opacity:.7;margin-bottom:4px}.hist-stats{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:6px}.hist-modes{display:flex;gap:8px}.hist-tag{padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600}.hist-tag.add{background:#22c55e33;color:#86efac}.hist-tag.sub{background:#f9731633;color:#fdba74}.hist-tag.mul{background:#8b5cf633;color:#c4b5fd}@media (max-width: 400px){.math-q-text{font-size:2rem}.math-topic-grid{grid-template-columns:1fr 1fr}.explain-visual{font-size:1rem}}.sdk-root{min-height:100vh;background:#0f1117;color:#e8e8e8;display:flex;flex-direction:column;font-family:Nunito,sans-serif}.sdk-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:14px 28px;background:#13151f;border-bottom:1px solid #1e2130;position:sticky;top:0;z-index:20}.sdk-header-left{display:flex;align-items:center;gap:14px}.sdk-back{padding:7px 14px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:#1e2130;color:#c4b5fd;border:2px solid #2a2f45;border-radius:10px;cursor:pointer;transition:background .15s;white-space:nowrap}.sdk-back:hover{background:#252a3a}.sdk-title-wrap{display:flex;align-items:center;gap:10px}.sdk-logo{font-size:36px;filter:drop-shadow(0 2px 8px rgba(99,179,237,.4))}.sdk-title{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.sdk-subtitle{font-size:12px;color:#4a5568;margin-top:1px}.sdk-timer-wrap{display:flex;align-items:center;gap:10px}.sdk-timer-icon{font-size:18px}.sdk-timer{font-size:22px;font-weight:800;color:#63b3ed;font-variant-numeric:tabular-nums}.sdk-mistakes{font-size:14px;font-weight:700;color:#ff6b6b}.sdk-diff-bar{display:flex;gap:10px;padding:16px 28px 0}.sdk-diff-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:#1e2130;border:2px solid transparent;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;text-align:left;transition:all .15s}.sdk-diff-btn:hover{background:#252a3a;border-color:#2a2f45}.sdk-diff-btn.active.easy{border-color:#52b788;background:#162a1f}.sdk-diff-btn.active.medium{border-color:#ffd166;background:#2a2210}.sdk-diff-btn.active.hard{border-color:#ff6b6b;background:#2a1515}.sdk-diff-icon{font-size:20px}.sdk-diff-label{font-size:14px;font-weight:800;color:#e8e8e8}.sdk-diff-desc{font-size:11px;color:#6b7280}.sdk-diff-stars{font-size:12px;margin-top:2px}.sdk-main{display:flex;gap:24px;padding:20px 28px;flex:1;align-items:flex-start}.sdk-board-col{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 0 auto}.sdk-grid{display:grid;border:3px solid #63b3ed;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #00000080;background:#1a1d2e}.sdk-grid.size-4{grid-template-columns:repeat(4,72px);grid-template-rows:repeat(4,72px)}.sdk-grid.size-4 .sdk-cell{width:72px;height:72px;font-size:30px}.sdk-grid.size-6{grid-template-columns:repeat(6,60px);grid-template-rows:repeat(6,60px)}.sdk-grid.size-6 .sdk-cell{width:60px;height:60px;font-size:26px}.sdk-grid.size-9{grid-template-columns:repeat(9,52px);grid-template-rows:repeat(9,52px)}.sdk-grid.size-9 .sdk-cell{width:52px;height:52px;font-size:22px}.sdk-cell{display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #2a2f45;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.sdk-cell.border-right{border-right:3px solid #63b3ed}.sdk-cell.border-bottom{border-bottom:3px solid #63b3ed}.sdk-cell.given{color:#e8e8e8;font-weight:800;background:#1e2235;cursor:default}.sdk-cell.user{color:#63b3ed;background:#13151f}.sdk-cell.user:hover{background:#1e2340}.sdk-cell.selected{background:#2a3a5c!important;box-shadow:inset 0 0 0 2px #63b3ed}.sdk-cell.peer{background:#181c2e}.sdk-cell.same-num{background:#1f2a42}.sdk-cell.error{color:#ff6b6b!important;background:#2a1515!important}.sdk-cell.hint{color:#52b788!important;background:#162a1f!important;animation:hint-pulse 1.2s ease}@keyframes hint-pulse{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 0 2px #52b788}}.sdk-numpad{display:grid;gap:8px}.sdk-numpad.cols-5{grid-template-columns:repeat(5,1fr);width:340px}.sdk-numpad.cols-6{grid-template-columns:repeat(5,1fr);width:370px}.sdk-num-btn{padding:14px 0;font-size:20px;font-weight:800;font-family:Nunito,sans-serif;background:#1e2130;color:#e8e8e8;border:2px solid #2a2f45;border-radius:10px;cursor:pointer;transition:all .12s}.sdk-num-btn:hover{background:#252a3a;border-color:#63b3ed;color:#63b3ed}.sdk-num-btn.erase{color:#ff6b6b}.sdk-num-btn.erase:hover{border-color:#ff6b6b;background:#2a1515}.sdk-controls{display:flex;gap:10px;width:100%;justify-content:center}.sdk-btn{padding:10px 18px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .12s}.sdk-hint{background:#1e2a1a;color:#52b788;border-color:#52b788}.sdk-hint:hover:not(.disabled){background:#233122}.sdk-hint.disabled{opacity:.45;cursor:default}.sdk-new{background:#1e2130;color:#c4b5fd;border-color:#6741d9}.sdk-new:hover{background:#252140}.sdk-result{background:#13151f;border:2px solid #52b788;border-radius:16px;padding:28px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 30px #52b78833}.sdk-result-icon{font-size:52px}.sdk-result-title{font-size:24px;font-weight:800;color:#fff}.sdk-result-sub{font-size:14px;color:#95d5b2}.sdk-play-again{margin-top:8px;padding:12px 28px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;background:linear-gradient(135deg,#52b788,#38a169);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.sdk-play-again:hover{opacity:.85}.sdk-stats-col{flex:1;display:flex;flex-direction:column;gap:16px;min-width:220px;max-width:280px}.sdk-stats-section{display:flex;flex-direction:column;gap:8px}.sdk-stats-title{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.sdk-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#9ca3af;padding:4px 0;border-bottom:1px solid #1e2130}.sdk-gold{color:#ffd166;font-weight:800}.sdk-err{color:#ff6b6b;font-weight:800}.sdk-hint-count{color:#52b788;font-weight:800}.sdk-diff-tag{font-size:12px;font-weight:800;padding:2px 8px;border-radius:6px}.sdk-diff-tag.easy{background:#162a1f;color:#52b788}.sdk-diff-tag.medium{background:#2a2210;color:#ffd166}.sdk-diff-tag.hard{background:#2a1515;color:#ff6b6b}.sdk-divider{height:1px;background:#1e2130}.sdk-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sdk-tips-list li{font-size:13px;color:#6b7280;padding-left:16px;position:relative}.sdk-tips-list li:before{content:"▸";position:absolute;left:0;color:#4a5568}.sdk-diff-info{display:flex;flex-direction:column;gap:8px}.sdk-diff-info-title{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.sdk-diff-info-row{display:flex;justify-content:space-between;font-size:13px;color:#9ca3af;padding:3px 0;border-bottom:1px solid #1e2130}@media (max-width: 780px){.sdk-main{flex-direction:column;align-items:center}.sdk-stats-col{max-width:100%;width:100%}.sdk-diff-bar{flex-direction:column}.sdk-grid.size-4{grid-template-columns:repeat(4,60px);grid-template-rows:repeat(4,60px)}.sdk-grid.size-4 .sdk-cell{width:60px;height:60px;font-size:26px}.sdk-grid.size-6{grid-template-columns:repeat(6,48px);grid-template-rows:repeat(6,48px)}.sdk-grid.size-6 .sdk-cell{width:48px;height:48px;font-size:20px}.sdk-grid.size-9{grid-template-columns:repeat(9,38px);grid-template-rows:repeat(9,38px)}.sdk-grid.size-9 .sdk-cell{width:38px;height:38px;font-size:16px}.sdk-numpad{width:100%!important;max-width:340px}}.ait-trigger{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;width:100%;justify-content:center}.ait-trigger:hover{filter:brightness(1.1);transform:translateY(-1px)}.ait-trigger-icon{font-size:20px}.ait-trigger-text{font-size:14px;font-weight:800;color:#fff}.ait-panel{background:#13151f;border:2px solid #6366f1;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:400px;animation:ait-slideUp .3s ease}@keyframes ait-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ait-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e1b4b;border-bottom:1px solid #312e81}.ait-header-icon{font-size:18px}.ait-header-title{font-size:14px;font-weight:800;color:#e8e8e8;flex:1}.ait-close{width:28px;height:28px;background:#312e81;border:none;border-radius:8px;color:#a78bfa;font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}.ait-close:hover{background:#4338ca}.ait-chat{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:80px;max-height:250px}.ait-msg{display:flex;gap:8px;align-items:flex-start}.ait-msg.user{flex-direction:row-reverse}.ait-msg-icon{font-size:20px;flex-shrink:0;margin-top:2px}.ait-msg-bubble{padding:10px 14px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.5;max-width:85%}.ait-msg.assistant .ait-msg-bubble{background:#1e2130;color:#d0d8e8;border-bottom-left-radius:4px}.ait-msg.user .ait-msg-bubble{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.ait-thinking{color:#818cf8}.ait-dots span{animation:ait-blink 1.2s infinite}.ait-dots span:nth-child(2){animation-delay:.2s}.ait-dots span:nth-child(3){animation-delay:.4s}@keyframes ait-blink{0%,50%{opacity:1}25%{opacity:.2}}.ait-error{font-size:12px;color:#ff6b6b;background:#2a1515;padding:8px 12px;border-radius:8px;text-align:center}.ait-quick-btns{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap;border-top:1px solid #1e2130}.ait-quick{padding:7px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:#1e2130;color:#a78bfa;border:1px solid #312e81;border-radius:20px;cursor:pointer;transition:all .12s}.ait-quick:hover{background:#2e2a6b;border-color:#6366f1}.ait-limit-msg{font-size:12px;font-weight:700;color:#818cf8;text-align:center;padding:10px 12px;border-top:1px solid #1e2130}.vp-voice-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#1e1b4b99;border:2px solid rgba(99,102,241,.5);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.vp-voice-btn:hover{background:#312e81b3;border-color:#a78bfab3}.vp-voice-btn-emoji{font-size:20px}.vp-voice-btn-name{font-size:13px;font-weight:800;color:#c4b5fd}.vp-picker{background:#0a081ef2;border-bottom:2px solid rgba(99,102,241,.4);padding:20px 28px;position:relative;z-index:15;animation:vp-slideDown .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes vp-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vp-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vp-picker-title{font-size:18px;font-weight:900;color:#fff}.vp-close{width:32px;height:32px;background:#312e8199;border:none;border-radius:8px;color:#a78bfa;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.vp-close:hover{background:#4338cab3}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.vp-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#1e1b4b99;border:2px solid rgba(49,46,129,.7);border-radius:14px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;position:relative}.vp-card:hover{border-color:#a78bfa;background:#312e81b3;transform:translateY(-2px)}.vp-card.active{border-color:#a78bfa;background:linear-gradient(135deg,#6366f14d,#a78bfa33);box-shadow:0 0 16px #a78bfa40}.vp-card-emoji{font-size:32px}.vp-card-name{font-size:14px;font-weight:800;color:#e8e8e8}.vp-card-desc{font-size:11px;color:#818cf8;font-weight:600}.vp-active-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:900;color:#fff;background:#6366f1;padding:2px 6px;border-radius:6px;text-transform:uppercase}.vp-spoken-word{background:#a78bfa59;color:#e0d4ff;padding:1px 3px;border-radius:4px;transition:background .1s}.vp-audio-row{display:flex;align-items:center;gap:8px}.vp-reading-as{font-size:12px;font-weight:700;color:#818cf8;background:#1e1b4b80;padding:3px 10px;border-radius:8px}.vp-audio-btn{padding:6px 14px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .12s}.vp-audio-btn.play{background:#1e1b4b80;color:#a78bfa;border-color:#6366f180}.vp-audio-btn.play:hover{background:#312e8199}.vp-audio-btn.stop{background:#2a0f0f80;color:#ff6b6b;border-color:#ff6b6b80}.vp-audio-btn.stop:hover{background:#3a1a1a99}.vp-speaking{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#1e1b4b80;border-radius:10px}.vp-wave-icon{font-size:18px;animation:vp-bounce .6s ease-in-out infinite alternate}@keyframes vp-bounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.vp-wave-label{font-size:13px;font-weight:700;color:#a78bfa}.vp-wave-bars{display:flex;align-items:center;gap:3px;height:18px}.vp-wave-bars span{width:3px;background:#a78bfa;border-radius:2px;animation:vp-bar .8s ease-in-out infinite}.vp-wave-bars span:nth-child(1){height:6px;animation-delay:0s}.vp-wave-bars span:nth-child(2){height:12px;animation-delay:.1s}.vp-wave-bars span:nth-child(3){height:18px;animation-delay:.2s}.vp-wave-bars span:nth-child(4){height:12px;animation-delay:.3s}.vp-wave-bars span:nth-child(5){height:6px;animation-delay:.4s}@keyframes vp-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (max-width: 600px){.vp-grid{grid-template-columns:repeat(3,1fr)}.vp-voice-btn-name{display:none}}.gq-root{min-height:100vh;background:linear-gradient(180deg,#0a1628,#0f1f3d,#122040);color:#e8e8e8;display:flex;flex-direction:column;font-family:Nunito,sans-serif;position:relative;overflow-x:hidden}.gq-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 28px;background:#0a1224e6;border-bottom:1px solid #1e2e50;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gq-back{padding:7px 14px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:#1a2a4a;color:#63b3ed;border:2px solid #2a3a5c;border-radius:10px;cursor:pointer;transition:background .15s}.gq-back:hover{background:#223050}.gq-title-wrap{display:flex;align-items:center;gap:10px}.gq-logo{font-size:34px}.gq-title{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.gq-subtitle{font-size:12px;color:#5a7aa0;margin-top:1px}.gq-hero-banner{display:flex;align-items:center;gap:18px;width:100%;max-width:720px;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:20px;padding:24px 28px;box-shadow:0 8px 32px #2563eb4d;animation:heroFloat 3s ease-in-out infinite}.gq-hero-globe{font-size:3.2rem;animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gq-hero-text{font-size:1.5rem;font-weight:900;color:#fff;margin:0}.gq-hero-sub{font-size:13px;color:#ffffffbf;margin:2px 0 0}.gq-pick-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 24px;gap:18px}.gq-pick-heading{font-size:24px;font-weight:900;color:#fff;margin:0}.gq-pick-sub{font-size:14px;color:#5a7aa0;font-weight:600;margin:0}.gq-diff-picker{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.gq-diff-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;border-radius:14px;border:2px solid #1e2e50;background:#13203a;color:#e8e8e8;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .15s}.gq-diff-btn:hover{border-color:#38bdf8;background:#182848}.gq-diff-btn.active{border-color:#38bdf8;background:#1e3860;box-shadow:0 0 16px #38bdf859}.gq-diff-label{font-weight:700}.gq-diff-desc{font-size:11px;opacity:.6;font-weight:400}.gq-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;width:100%;max-width:720px}.gq-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:#13203a;border:2px solid #1e2e50;border-radius:16px;cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif}.gq-cat-card:hover{border-color:#38bdf8;background:#182848;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.gq-cat-card.all{grid-column:1 / -1;background:linear-gradient(135deg,#1a2a4a,#1e3a60);border-color:#2563eb}.gq-cat-card.all:hover{border-color:#38bdf8}.gq-cat-emoji{font-size:40px}.gq-cat-name{font-size:15px;font-weight:800;color:#e8e8e8}.gq-cat-count{font-size:12px;font-weight:600;color:#5a7aa0}.gq-quiz-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0a1224f2;border-bottom:1px solid #1e2e50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.gq-back-sm{width:36px;height:36px;border-radius:50%;border:2px solid #2a3a5c;background:#1a2a4a;color:#63b3ed;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.gq-back-sm:hover{background:#223050}.gq-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.gq-xp-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#d97706);padding:4px 12px;border-radius:20px}.gq-xp-icon{font-size:14px}.gq-xp-num{font-size:15px;font-weight:900;color:#fff}.gq-timer-ring{position:relative;width:56px;height:56px;flex-shrink:0}.gq-timer-ring.danger{animation:timerShake .4s ease-in-out infinite}@keyframes timerShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.gq-timer-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:900;color:#fff}.gq-progress-bar{flex:1;position:relative;height:8px;background:#ffffff14;border-radius:4px;overflow:visible}.gq-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .4s ease;border-radius:4px}.gq-progress-dots{display:flex;justify-content:space-between;position:absolute;width:100%;top:-3px}.gq-dot{width:14px;height:14px;border-radius:50%;background:#1e2e50;border:2px solid #2a3a5c;transition:all .3s}.gq-dot.done{background:#22c55e;border-color:#22c55e;transform:scale(.8)}.gq-dot.current{background:#38bdf8;border-color:#fff;transform:scale(1.2);box-shadow:0 0 8px #38bdf880}.gq-progress-text{display:none}.gq-score-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px}.gq-score-chip{background:#22c55e26;color:#86efac;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700}.gq-streak-chip{background:#ef444433;color:#fbbf24;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:800;animation:pulse .6s ease-in-out}.gq-q-num{font-size:12px;color:#5a7aa0;font-weight:700}.gq-streak-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:10px 28px;border-radius:30px;font-size:18px;font-weight:900;z-index:100;animation:streakIn .4s ease,streakOut .4s ease 1.1s forwards;box-shadow:0 4px 24px #ef444466}@keyframes streakIn{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(-20px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes streakOut{to{opacity:0;transform:translate(-50%) scale(.8) translateY(-20px)}}.gq-question-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 16px 24px;gap:16px;max-width:700px;width:100%;margin:0 auto}.gq-question-area.anim-in{animation:questionIn .35s ease}@keyframes questionIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.gq-q-card{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 24px;text-align:center}.gq-q-meta{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.gq-q-cat{display:inline-block;font-size:11px;font-weight:800;color:#38bdf8;background:#38bdf81f;padding:3px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.gq-q-diff{font-size:11px;padding:3px 10px;border-radius:10px;background:#ffffff14;color:#a5b4c8;font-weight:600}.gq-q-text{font-size:20px;font-weight:800;color:#fff;line-height:1.45;margin:0}.gq-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.gq-options-grid.two-opts{grid-template-columns:1fr;max-width:400px;margin:0 auto}.gq-options-grid.two-opts .gq-option-block{min-height:70px;font-size:16px}.gq-option-block{display:flex;align-items:center;gap:10px;padding:18px 16px;background:var(--opt-bg);border:none;border-radius:14px;cursor:pointer;transition:all .15s;text-align:left;font-family:Nunito,sans-serif;position:relative;overflow:hidden;min-height:60px;box-shadow:0 4px 0 var(--opt-dark)}.gq-option-block:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--opt-dark);filter:brightness(1.1)}.gq-option-block:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--opt-dark)}.gq-option-block:disabled{cursor:default}.gq-opt-shape{font-size:20px;opacity:.5;flex-shrink:0}.gq-option-block .gq-opt-text{flex:1;font-size:14px;font-weight:700;color:#fff;line-height:1.3}.gq-opt-badge{width:28px;height:28px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;flex-shrink:0;animation:badgePop .3s ease}.gq-opt-badge.wrong{background:#0000004d}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.gq-option-block.correct{box-shadow:0 4px #16a34a,0 0 20px #22c55e66;animation:correctPulse .6s ease}@keyframes correctPulse{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.gq-option-block.wrong{box-shadow:0 4px #991b1b;animation:wrongShake .4s ease}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.gq-option-block.dimmed{opacity:.3;transform:scale(.96)}.gq-option-block.eliminated{opacity:.15;pointer-events:none;transform:scale(.92)}.gq-lifelines{display:flex;gap:12px;justify-content:center}.gq-lifeline{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;transition:all .15s;color:#fff;font-family:Nunito,sans-serif}.gq-lifeline:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.gq-lifeline.used{opacity:.3;cursor:default}.ll-icon{font-size:18px;font-weight:900}.ll-label{font-size:11px;opacity:.7;font-weight:600}.gq-explain{width:100%;padding:20px 24px;border-radius:16px;display:flex;flex-direction:column;gap:12px;animation:slideUp .3s ease}.gq-explain.correct{background:linear-gradient(135deg,#0f2a1f,#132e22);border:2px solid #52b788}.gq-explain.wrong{background:linear-gradient(135deg,#2a1515,#2e1818);border:2px solid #ff6b6b}.gq-explain-header{display:flex;align-items:center;gap:8px}.gq-explain-icon{font-size:16px;font-weight:900;color:#fff}.gq-explain-text{font-size:15px;font-weight:600;color:#c0d0e0;line-height:1.6}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.gq-btn{padding:12px 24px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .12s}.gq-btn.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.gq-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.gq-btn.primary.glow{box-shadow:0 4px 20px #2563eb66}.gq-btn.secondary{background:#1a2a4a;color:#63b3ed;border:2px solid #2a3a5c}.gq-btn.secondary:hover{background:#223050}.gq-finish-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.gq-finish-card{background:linear-gradient(180deg,#13203a,#0e1a30);border:2px solid #1e2e50;border-radius:24px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:460px;width:100%;box-shadow:0 16px 60px #00000080;animation:finishIn .5s ease}@keyframes finishIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gq-finish-emoji{font-size:56px;animation:finishBounce 1s ease}@keyframes finishBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.gq-finish-title{font-size:22px;font-weight:900;color:#fff;margin:0}.gq-finish-rank{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 18px;border-radius:20px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.gq-finish-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.gq-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff0d;border-radius:14px}.gq-stat-num{font-size:1.6rem;font-weight:900;color:#38bdf8}.gq-stat-label{font-size:11px;font-weight:700;color:#5a7aa0;text-transform:uppercase}.gq-finish-stars{font-size:24px;margin:0}.gq-finish-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}@media (max-width: 600px){.gq-q-text{font-size:17px}.gq-options-grid{grid-template-columns:1fr}.gq-option-block{padding:14px;min-height:48px}.gq-option-block .gq-opt-text{font-size:13px}.gq-cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gq-finish-card{padding:28px 20px}.gq-hero-banner{flex-direction:column;text-align:center;padding:20px}.gq-hero-globe{font-size:2.4rem}}.sq-root{min-height:100vh;background:linear-gradient(180deg,#020617,#0f172a,#1e1b4b);color:#e8e8e8;display:flex;flex-direction:column;font-family:Nunito,sans-serif;position:relative}.sq-stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px 1px at 10% 20%,#fff 50%,transparent 100%),radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 70% 80%,#fff 50%,transparent 100%),radial-gradient(1px 1px at 90% 30%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 70%,#fff 50%,transparent 100%),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 40% 90%,#fff 50%,transparent 100%),radial-gradient(1.5px 1.5px at 60% 40%,rgba(255,255,255,.5) 50%,transparent 100%);pointer-events:none;z-index:0;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.sq-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 28px;background:#020617e6;border-bottom:1px solid #1e1b4b;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sq-header-left{display:flex;align-items:center;gap:14px}.sq-back{padding:7px 14px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:#1e1b4b;color:#a78bfa;border:2px solid #312e81;border-radius:10px;cursor:pointer;transition:background .15s}.sq-back:hover{background:#2e2a6b}.sq-title-wrap{display:flex;align-items:center;gap:10px}.sq-logo{font-size:34px}.sq-title{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.sq-subtitle{font-size:12px;color:#6366f1;margin-top:1px}.sq-score-wrap{display:flex;flex-direction:column;align-items:center;background:#1e1b4b;border:2px solid #312e81;border-radius:12px;padding:8px 20px}.sq-score-label{font-size:11px;font-weight:700;color:#6366f1;text-transform:uppercase}.sq-score-val{font-size:22px;font-weight:900;color:#a78bfa}.sq-progress-bar{position:relative;height:32px;background:#0f0a2a;display:flex;align-items:center}.sq-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);transition:width .4s ease;border-radius:0 4px 4px 0}.sq-progress-text{position:relative;z-index:1;width:100%;text-align:center;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.sq-pick-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:36px 24px;gap:16px;position:relative;z-index:1}.sq-pick-heading{font-size:28px;font-weight:900;color:#fff}.sq-pick-sub{font-size:15px;color:#818cf8;font-weight:600}.sq-speaker-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #6366f1;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:800;color:#c4b5fd;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}.sq-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;width:100%;max-width:660px}.sq-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:#1e1b4b99;border:2px solid #312e81;border-radius:16px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sq-cat-card:hover{border-color:#a78bfa;background:#312e81b3;transform:translateY(-2px)}.sq-cat-card.all{grid-column:1 / -1;background:linear-gradient(135deg,#1e1b4bcc,#312e8199);border-color:#6366f1}.sq-cat-emoji{font-size:40px}.sq-cat-name{font-size:15px;font-weight:800;color:#e8e8e8}.sq-cat-count{font-size:12px;font-weight:600;color:#818cf8}.sq-question-area{flex:1;display:flex;justify-content:center;padding:24px;position:relative;z-index:1}.sq-q-card{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px}.sq-q-cat{display:inline-block;align-self:flex-start;font-size:12px;font-weight:800;color:#a78bfa;background:#1e1b4b;border:1px solid #312e81;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.sq-q-text{font-size:22px;font-weight:800;color:#fff;line-height:1.4}.sq-options{display:flex;flex-direction:column;gap:10px}.sq-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#1e1b4b80;border:2px solid #312e81;border-radius:14px;cursor:pointer;transition:all .12s;text-align:left;font-family:Nunito,sans-serif}.sq-option:hover:not(:disabled){border-color:#a78bfa;background:#312e8180}.sq-option:disabled{cursor:default}.sq-opt-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#312e81;border-radius:10px;font-size:15px;font-weight:900;color:#a78bfa;flex-shrink:0}.sq-opt-text{flex:1;font-size:16px;font-weight:700;color:#d0d0e8}.sq-opt-check{font-size:20px;font-weight:900;color:#52b788}.sq-opt-cross{font-size:20px;font-weight:900;color:#ff6b6b}.sq-option.correct{border-color:#52b788;background:#0f2a1fb3}.sq-option.correct .sq-opt-letter{background:#52b788;color:#fff}.sq-option.correct .sq-opt-text{color:#95d5b2}.sq-option.wrong{border-color:#ff6b6b;background:#2a0f0fb3}.sq-option.wrong .sq-opt-letter{background:#ff6b6b;color:#fff}.sq-option.wrong .sq-opt-text{color:#fca5a5}.sq-option.dimmed{opacity:.4}.sq-explain{padding:20px 24px;border-radius:16px;display:flex;flex-direction:column;gap:12px;animation:slideUp .3s ease}.sq-explain.correct{background:linear-gradient(135deg,#0f2a1f,#132e22);border:2px solid #52b788}.sq-explain.wrong{background:linear-gradient(135deg,#2a1515,#2e1818);border:2px solid #ff6b6b}.sq-explain-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sq-explain-icon{font-size:18px;font-weight:900;color:#fff}.sq-explain-text{font-size:16px;font-weight:600;color:#d0dae8;line-height:1.7}.sq-spoken-word{background:#a78bfa59;color:#e0d4ff;padding:1px 3px;border-radius:4px;transition:background .1s}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sq-header-right{display:flex;align-items:center;gap:10px}.sq-voice-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#1e1b4b;border:2px solid #6366f1;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.sq-voice-btn:hover{background:#2e2a6b;border-color:#a78bfa}.sq-voice-btn-emoji{font-size:20px}.sq-voice-btn-name{font-size:13px;font-weight:800;color:#c4b5fd}.sq-voice-picker{background:#0a081ef2;border-bottom:2px solid #312e81;padding:20px 28px;position:relative;z-index:15;animation:slideDown .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sq-voice-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sq-voice-picker-title{font-size:18px;font-weight:900;color:#fff}.sq-voice-close{width:32px;height:32px;background:#312e81;border:none;border-radius:8px;color:#a78bfa;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sq-voice-close:hover{background:#4338ca}.sq-voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sq-voice-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#1e1b4b99;border:2px solid #312e81;border-radius:14px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;position:relative}.sq-voice-card:hover{border-color:#a78bfa;background:#312e81b3;transform:translateY(-2px)}.sq-voice-card.active{border-color:#a78bfa;background:linear-gradient(135deg,#6366f14d,#a78bfa33);box-shadow:0 0 16px #a78bfa40}.sq-voice-emoji{font-size:32px}.sq-voice-name{font-size:14px;font-weight:800;color:#e8e8e8}.sq-voice-desc{font-size:11px;color:#818cf8;font-weight:600}.sq-voice-active-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:900;color:#fff;background:#6366f1;padding:2px 6px;border-radius:6px;text-transform:uppercase}.sq-voice-note{font-size:12px;color:#6366f1;margin-top:10px;text-align:center}.sq-current-voice{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#1e1b4bb3,#312e8166);border:2px solid #6366f1;border-radius:16px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;max-width:400px;width:100%}.sq-current-voice:hover{border-color:#a78bfa}.sq-cv-emoji{font-size:32px}.sq-cv-info{flex:1;display:flex;flex-direction:column;text-align:left}.sq-cv-label{font-size:14px;color:#c4b5fd}.sq-cv-label strong{color:#fff}.sq-cv-desc{font-size:12px;color:#818cf8}.sq-cv-change{font-size:12px;font-weight:800;color:#a78bfa;background:#312e81;padding:4px 10px;border-radius:8px}.sq-reading-as{font-size:12px;font-weight:700;color:#818cf8;background:#1e1b4b80;padding:3px 10px;border-radius:8px}.sq-audio-controls{display:flex;align-items:center;gap:8px}.sq-audio-btn{padding:6px 14px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .12s}.sq-audio-btn.play{background:#1e1b4b;color:#a78bfa;border-color:#6366f1}.sq-audio-btn.play:hover{background:#2e2a6b}.sq-audio-btn.stop{background:#2a1515;color:#ff6b6b;border-color:#ff6b6b}.sq-audio-btn.stop:hover{background:#3a1a1a}.sq-speaking-indicator{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#1e1b4b80;border-radius:10px}.sq-wave{font-size:18px;animation:bounce-wave .6s ease-in-out infinite alternate}@keyframes bounce-wave{0%{transform:scale(1)}to{transform:scale(1.15)}}.sq-wave-text{font-size:13px;font-weight:700;color:#a78bfa}.sq-wave-bars{display:flex;align-items:center;gap:3px;height:18px}.sq-wave-bars span{width:3px;background:#a78bfa;border-radius:2px;animation:wave-bar .8s ease-in-out infinite}.sq-wave-bars span:nth-child(1){height:6px;animation-delay:0s}.sq-wave-bars span:nth-child(2){height:12px;animation-delay:.1s}.sq-wave-bars span:nth-child(3){height:18px;animation-delay:.2s}.sq-wave-bars span:nth-child(4){height:12px;animation-delay:.3s}.sq-wave-bars span:nth-child(5){height:6px;animation-delay:.4s}@keyframes wave-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.sq-btn{padding:12px 24px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .12s}.sq-btn.primary{background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff}.sq-btn.primary:hover{opacity:.9}.sq-btn.secondary{background:#1e1b4b;color:#a78bfa;border:2px solid #312e81}.sq-btn.secondary:hover{background:#2e2a6b}.sq-finish-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.sq-finish-card{background:#1e1b4bcc;border:2px solid #312e81;border-radius:24px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:500px;width:100%;box-shadow:0 16px 60px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sq-finish-emoji{font-size:64px}.sq-finish-title{font-size:22px;font-weight:900;color:#fff}.sq-finish-score{display:flex;flex-direction:column;gap:4px}.sq-score-big{font-size:48px;font-weight:900;color:#a78bfa}.sq-score-pct{font-size:16px;font-weight:700;color:#818cf8}.sq-finish-stars{font-size:24px}.sq-finish-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}@media (max-width: 600px){.sq-q-text{font-size:18px}.sq-option{padding:12px 14px;gap:10px}.sq-opt-text,.sq-explain-text{font-size:14px}.sq-cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sq-finish-card{padding:28px 20px}.sq-score-big{font-size:36px}.sq-voice-grid{grid-template-columns:repeat(3,1fr)}.sq-voice-btn-name{display:none}.sq-header-right{gap:6px}}.spell-screen{min-height:100vh;background:linear-gradient(135deg,#3b1f6e,#1a0f3c);display:flex;flex-direction:column;align-items:center;padding:16px;color:#fff;font-family:Segoe UI,sans-serif;position:relative}.spell-back-btn{background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .2s}.spell-back-btn:hover{background:#ffffff47}.spell-quit-btn{position:absolute;top:14px;right:16px;background:#ffffff1a;border:none;color:#fff;padding:6px 14px;border-radius:16px;cursor:pointer;font-size:13px}.spell-quit-btn:hover{background:#ffffff38}.spell-menu-header{width:100%;max-width:480px;margin-bottom:18px}.spell-menu-header h1{margin:10px 0 4px;font-size:2rem}.spell-menu-header h2{margin:10px 0 4px;font-size:1.5rem}.spell-menu-header p{margin:0;opacity:.75;font-size:15px}.spell-level-picker{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.spell-level-btn{padding:8px 16px;border-radius:16px;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.spell-level-btn.active,.spell-level-btn:hover{background:#fff3;border-color:#fff}.spell-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:480px}.spell-topic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 14px 18px;border-radius:20px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #00000040}.spell-topic-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.spell-topic-card.missing{background:linear-gradient(135deg,#e879f9,#a855f7)}.spell-topic-card.full{background:linear-gradient(135deg,#38bdf8,#0284c7)}.spell-topic-card.phonics{background:linear-gradient(135deg,#fb923c,#ea580c)}.spell-topic-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:240px;justify-self:center}.spell-quiz{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:44px}.spell-quiz-top{width:100%;display:flex;justify-content:space-between;align-items:center}.spell-mode-label{font-size:14px;opacity:.8}.spell-progress{font-size:14px;font-weight:600;opacity:.9}.spell-hint{font-size:1.3rem;padding:14px 24px;background:#ffffff1a;border-radius:16px;text-align:center;width:100%}.spell-listen-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 24px;border-radius:20px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.spell-listen-btn:hover{background:#ffffff40;transform:scale(1.05)}.spell-word-display{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.spell-letter{display:inline-flex;align-items:center;justify-content:center;width:48px;height:56px;border-radius:12px;font-size:1.8rem;font-weight:800;text-transform:lowercase;background:#ffffff1f}.spell-letter.blank{border:2px dashed rgba(255,255,255,.5);background:#ffffff0d;color:#fbbf24}.spell-letter.blank.correct{background:#22c55e4d;border-color:#22c55e;color:#86efac}.spell-letter.blank.wrong{background:#ef44444d;border-color:#ef4444;color:#fca5a5}.spell-answer-reveal{font-size:1.1rem;padding:8px 20px;background:#ef444433;border-radius:12px;color:#fca5a5}.spell-pick-prompt{font-size:13px;opacity:.7;margin:0}.spell-letter-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.spell-letter-btn{width:44px;height:44px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .15s;text-transform:lowercase}.spell-letter-btn:hover{background:#ffffff40;transform:scale(1.08)}.spell-type-area{display:flex;gap:12px;width:100%;align-items:center}.spell-input{flex:1;padding:14px 20px;border-radius:16px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:3px;text-align:center;outline:none;text-transform:lowercase}.spell-input::placeholder{color:#ffffff4d;letter-spacing:1px;font-weight:400}.spell-input.correct{border-color:#22c55e;background:#22c55e26}.spell-input.wrong{border-color:#ef4444;background:#ef444426}.spell-check-btn{padding:14px 22px;border-radius:16px;border:none;background:#8b5cf6;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s;white-space:nowrap}.spell-check-btn:hover{opacity:.85}.spell-check-btn:disabled{opacity:.4;cursor:default}.spell-feedback{font-size:1.1rem;font-weight:700;padding:10px 24px;border-radius:16px}.spell-feedback.correct{background:#22c55e40;color:#86efac}.spell-feedback.wrong{background:#ef444440;color:#fca5a5}.spell-phonics-explain{background:#ffffff14;border-radius:16px;padding:14px 20px;width:100%;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phonics-title{font-size:14px;opacity:.7;margin-bottom:10px}.phonics-parts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.phonics-part{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:8px 14px;border-radius:12px;background:#ffffff1a;transition:background .2s}.phonics-part:hover{background:#fff3}.phonics-letters{font-size:1.3rem;font-weight:800;color:#fbbf24}.phonics-sound{font-size:12px;opacity:.7}.phonics-tabs{display:flex;gap:10px;margin-bottom:18px}.phon-tab{padding:8px 20px;border-radius:20px;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.phon-tab.active{background:#fff3;border-color:#fff}.phonics-alpha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;width:100%;max-width:480px}.alpha-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .15s}.alpha-card:hover,.alpha-card.active{background:#8b5cf659;border-color:#a78bfa;transform:scale(1.06)}.alpha-big{font-size:1.5rem;font-weight:800}.alpha-sound{font-size:10px;opacity:.6}.phonics-detail-card{margin-top:16px;background:#ffffff1a;border-radius:20px;padding:20px 28px;text-align:center;width:100%;max-width:320px;animation:slideUp .2s ease}.detail-letter{font-size:2.4rem;font-weight:800;color:#fbbf24}.detail-sound{font-size:1.1rem;margin:6px 0}.detail-example{font-size:1.3rem;margin-bottom:12px}.phonics-blend-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px}.blend-card{background:#ffffff14;border-radius:16px;padding:14px 16px;cursor:pointer;transition:all .15s;border:2px solid transparent}.blend-card:hover,.blend-card.active{background:#ffffff24;border-color:#ffffff40}.blend-name{font-size:1.4rem;font-weight:800;color:#e879f9}.blend-sound{font-size:12px;opacity:.6;margin-bottom:6px}.blend-examples{display:flex;gap:6px;flex-wrap:wrap}.blend-ex{background:#ffffff1a;padding:2px 10px;border-radius:8px;font-size:12px}.spell-result-screen{justify-content:center}.spell-result-card{background:#ffffff1a;border-radius:28px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000004d}.spell-result-card .result-big-emoji{font-size:4rem;margin-bottom:8px}.spell-result-card h2{font-size:1.8rem;margin:0 0 6px}.spell-result-card .result-score{font-size:1.5rem;font-weight:700;margin:0 0 12px;opacity:.9}.spell-result-card .result-stars{font-size:2rem;margin-bottom:16px}.spell-result-card .star.dim{opacity:.3;filter:grayscale(1)}.result-btns{display:flex;gap:12px;justify-content:center}.spell-btn{padding:12px 26px;border-radius:20px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.spell-btn.primary{background:#8b5cf6;color:#fff}.spell-btn.secondary{background:#ffffff26;color:#fff}.spell-btn:hover{opacity:.85}@media (max-width: 400px){.spell-letter{width:40px;height:48px;font-size:1.5rem}.spell-input{font-size:1.2rem}.phonics-alpha-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}.sl-container{min-height:100vh;background:linear-gradient(145deg,#0f3d2e,#0a2920);color:#fff;padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.sl-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sl-title{font-size:1.8rem;font-weight:800;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.sl-title-emoji{font-size:2rem;animation:sl-float 2s ease-in-out infinite}@keyframes sl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sl-subtitle{text-align:center;font-size:1.15rem;opacity:.85;margin:0 0 24px}.sl-back-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 18px;border-radius:10px;font-size:.95rem;cursor:pointer;transition:background .2s;flex-shrink:0}.sl-back-btn:hover{background:#ffffff38}.sl-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:700px;margin:0 auto}.sl-cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px;border-radius:16px;border:none;cursor:pointer;color:#fff;font-weight:700;box-shadow:0 4px 16px #00000040;transition:transform .2s,box-shadow .2s;min-height:120px}.sl-cat-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px #00000059}.sl-cat-card:active{transform:scale(.97)}.sl-cat-emoji{font-size:2.5rem;margin-bottom:8px}.sl-cat-label{font-size:.95rem;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.3)}.sl-diff-grid{display:flex;flex-direction:column;gap:14px;max-width:400px;margin:30px auto 0}.sl-diff-card{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.sl-diff-card:hover{background:#ffffff29;transform:translate(6px);border-color:#ffffff59}.sl-diff-emoji{font-size:2rem}.sl-diff-label{font-size:1.2rem;font-weight:700}.sl-diff-desc{font-size:.9rem;opacity:.7;margin-left:auto}.sl-quiz-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sl-progress-info{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.sl-q-count{font-size:1rem;font-weight:600;opacity:.8}.sl-score-badge{background:#22c55e40;border:1px solid rgba(34,197,94,.4);padding:4px 14px;border-radius:20px;font-size:.95rem;font-weight:700}.sl-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:12px;overflow:hidden}.sl-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .4s ease}.sl-streak{text-align:center;font-size:1.05rem;font-weight:700;color:#fbbf24;margin-bottom:8px;animation:sl-pulse .5s ease}@keyframes sl-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.sl-question-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 20px;text-align:center;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sl-question-card.sl-slide-in{animation:sl-slideIn .35s ease}.sl-question-card.sl-slide-out{animation:sl-slideOut .25s ease forwards}@keyframes sl-slideIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sl-slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-60px);opacity:0}}.sl-q-emoji{display:block;font-size:3rem;margin-bottom:6px}.sl-q-cat{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-bottom:10px}.sl-q-text{font-size:1.25rem;font-weight:600;line-height:1.5;margin:0}.sl-options{display:grid;gap:10px;max-width:600px;margin:0 auto 16px}.sl-options-4{grid-template-columns:1fr 1fr}.sl-options-2{grid-template-columns:1fr 1fr;max-width:400px}.sl-option{padding:16px 12px;border-radius:14px;border:2px solid transparent;background:var(--opt-bg);color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .3s;box-shadow:0 3px 0 var(--opt-dark),0 4px 12px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3);word-wrap:break-word}.sl-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 var(--opt-dark),0 6px 18px #0000004d}.sl-option:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--opt-dark)}.sl-option.sl-correct{background:#22c55e;border-color:#fff;animation:sl-correctPop .4s ease;box-shadow:0 0 20px #22c55e80}@keyframes sl-correctPop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.sl-option.sl-wrong{background:#ef4444;border-color:#fff;animation:sl-shake .4s ease}@keyframes sl-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.sl-option.sl-dimmed{opacity:.35}.sl-timer-ring{position:relative;width:56px;height:56px;flex-shrink:0}.sl-timer-ring.sl-danger{animation:sl-timerPulse .5s ease infinite}@keyframes sl-timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sl-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}.sl-explanation{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;text-align:center;animation:sl-fadeUp .35s ease;max-width:600px;margin:0 auto}.sl-explanation.sl-exp-correct{border-color:#22c55e66;background:#22c55e1f}.sl-explanation.sl-exp-wrong{border-color:#ef444466;background:#ef44441a}@keyframes sl-fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sl-exp-header{font-size:1.15rem;font-weight:700;margin-bottom:10px}.sl-exp-text{font-size:1rem;line-height:1.5;opacity:.9;margin:0 0 16px}.sl-next-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px #15803d,0 4px 12px #0003}.sl-next-btn:hover{transform:translateY(-2px);box-shadow:0 5px #15803d,0 6px 18px #0000004d}.sl-next-btn:active{transform:translateY(2px);box-shadow:0 1px #15803d}.sl-result-card{max-width:420px;margin:60px auto 0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:36px 28px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sl-fadeUp .5s ease}.sl-result-title{font-size:1.6rem;margin:0 0 16px}.sl-result-score{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sl-result-pct{font-size:1.3rem;opacity:.7;margin-bottom:12px}.sl-result-stars{font-size:2.5rem;margin-bottom:12px;animation:sl-pulse .6s ease}.sl-result-msg{font-size:1.3rem;font-weight:700;margin-bottom:28px;color:#4ade80}.sl-result-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sl-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .15s;box-shadow:0 3px #15803d,0 4px 12px #0003}.sl-btn-primary:hover{transform:translateY(-2px)}.sl-btn-secondary{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:14px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.sl-btn-secondary:hover{background:#ffffff38}@media (max-width: 480px){.sl-container{padding:14px}.sl-title{font-size:1.4rem}.sl-cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sl-cat-card{padding:18px 8px;min-height:100px}.sl-options-4{grid-template-columns:1fr}.sl-q-text{font-size:1.1rem}.sl-option{font-size:.95rem;padding:14px 10px}.sl-result-card{margin-top:30px;padding:24px 16px}}.sb-container{min-height:100vh;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#451a03;padding:16px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow-y:auto}.sb-menu{max-width:600px;margin:0 auto}.sb-back-btn{background:#ffffffb3;border:2px solid #d97706;color:#92400e;padding:8px 18px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.sb-back-btn:hover{background:#fff;transform:translateY(-1px)}.sb-title{text-align:center;font-size:32px;margin:12px 0 4px;color:#78350f}.sb-subtitle{text-align:center;font-size:16px;color:#92400e;margin:0 0 20px}.sb-auto-start-card{background:linear-gradient(135deg,#fef3c7,#fff);border:3px solid #dc2626;border-radius:20px;padding:20px 24px;margin-bottom:18px;box-shadow:0 4px 16px #dc262633;display:flex;flex-direction:column;align-items:center;gap:14px}.sb-auto-progress{display:flex;align-items:baseline;gap:4px;font-weight:700;color:#451a03}.sb-auto-done{font-size:1.8rem;color:#dc2626}.sb-auto-sep{font-size:1.2rem;opacity:.5}.sb-auto-total{font-size:1.2rem;opacity:.7}.sb-auto-label{font-size:.8rem;opacity:.6;margin-left:6px}.sb-auto-next{display:flex;align-items:center;gap:14px}.sb-auto-emoji{font-size:2.4rem}.sb-auto-info{display:flex;flex-direction:column;gap:2px}.sb-auto-tag{font-size:11px;font-weight:800;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.sb-auto-name{font-size:1.1rem;font-weight:800;color:#451a03}.sb-auto-btn{width:100%;padding:14px;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #dc26264d}.sb-auto-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.sb-auto-btn:active{transform:translateY(1px)}.sb-daily-card{background:linear-gradient(135deg,#fff7ed,#fff);border:3px solid #f59e0b;border-radius:20px;padding:24px;text-align:center;margin-bottom:24px;box-shadow:0 4px 16px #f59e0b40;position:relative}.sb-daily-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:13px;font-weight:700;padding:4px 16px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.sb-daily-emoji{font-size:48px;margin:8px 0}.sb-daily-title{font-size:20px;font-weight:700;color:#78350f;margin-bottom:14px}.sb-daily-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 32px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #d9770659;transition:all .2s}.sb-daily-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d9770673}.sb-daily-btn:active{transform:translateY(0)}.sb-stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:50vh;overflow-y:auto;padding:4px}.sb-story-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 8px #0000000f;position:relative}.sb-story-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.sb-story-done{border-color:#34d399;background:#ecfdf5}.sb-story-emoji{font-size:32px}.sb-story-name{font-size:13px;font-weight:600;color:#451a03;line-height:1.3}.sb-story-check{position:absolute;top:6px;right:6px;font-size:14px}.sb-phase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;max-width:600px;margin-left:auto;margin-right:auto}.sb-phase-badge{background:#fff;padding:8px 18px;border-radius:14px;font-size:15px;font-weight:700;box-shadow:0 2px 8px #00000014}.sb-phase-read .sb-phase-badge{border:2px solid #6366f1;color:#4338ca}.sb-phase-complete .sb-phase-badge{border:2px solid #f59e0b;color:#b45309}.sb-phase-fill .sb-phase-badge{border:2px solid #10b981;color:#047857}.sb-phase-build .sb-phase-badge{border:2px solid #ef4444;color:#b91c1c}.sb-exercise-count{font-size:14px;font-weight:700;color:#78350f;background:#fffc;padding:4px 12px;border-radius:10px}.sb-phase-spell .sb-phase-badge{border:2px solid #8b5cf6;color:#6d28d9}.sb-spell-section{max-width:600px;margin:0 auto;text-align:center}.sb-spell-emoji{font-size:80px;margin:12px 0 8px;line-height:1.2}.sb-spell-hint{font-size:16px;color:#78350f;font-style:italic;margin-bottom:8px}.sb-spell-counter{font-size:14px;font-weight:700;color:#92400e;margin-bottom:16px}.sb-spell-boxes{display:flex;gap:8px;justify-content:center;margin:16px 0 20px;flex-wrap:wrap}.sb-spell-box{width:48px;height:56px;border:3px dashed #d97706;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#451a03;background:#fff9;transition:all .2s}.sb-spell-box.filled{border-style:solid;border-color:#f59e0b;background:#fffbeb}.sb-spell-box.correct{border-color:#10b981;background:#ecfdf5;color:#047857}.sb-spell-box.wrong{border-color:#ef4444;background:#fef2f2;color:#b91c1c}.sb-spell-letters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:400px;margin:20px auto;padding:16px;background:#ffffff80;border-radius:16px}.sb-spell-letter-btn{width:44px;height:44px;border:2px solid #d97706;border-radius:12px;background:#fff;color:#78350f;font-size:20px;font-weight:800;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #d9770626;display:flex;align-items:center;justify-content:center}.sb-spell-letter-btn:hover:not(:disabled){background:#fffbeb;border-color:#b45309;transform:translateY(-2px);box-shadow:0 4px 10px #d9770640}.sb-spell-letter-btn:active:not(:disabled){transform:translateY(0)}.sb-spell-letter-btn.used{background:#f3f4f6;border-color:#e5e7eb;color:#d1d5db;box-shadow:none;opacity:.4;cursor:default}.sb-spell-reveal{font-size:18px;color:#b91c1c;margin:12px 0;font-weight:600}.sb-spell-reveal-letter{display:inline-block;background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;padding:2px 8px;margin:0 2px;font-size:20px;font-weight:800;color:#b91c1c}.sb-story-paper{background:#fff;border-radius:16px;padding:24px;max-width:600px;margin:0 auto 20px;box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000a;position:relative}.sb-story-paper:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:#fca5a5;opacity:.4}.sb-story-title{font-size:22px;font-weight:700;color:#78350f;margin:0 0 16px;text-align:center}.sb-story-text{font-size:20px;line-height:1.8;color:#451a03;margin:0;padding-left:50px}.sb-action-btn{display:block;margin:16px auto;padding:14px 36px;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000001f}.sb-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.sb-action-btn:active{transform:translateY(0)}.sb-start-reading{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.sb-done-reading{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:sb-pulse 1.5s ease-in-out infinite}.sb-next-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sb-timer-area{text-align:center}.sb-timer{font-size:56px;font-weight:800;color:#4338ca;text-align:center;font-variant-numeric:tabular-nums;margin:12px 0}.sb-read-result{text-align:center}.sb-read-time{font-size:40px;font-weight:800;color:#451a03}.sb-read-rating{font-size:24px;margin:8px 0 16px}.sb-instruction{text-align:center;font-size:16px;color:#92400e;font-weight:600;max-width:600px;margin:0 auto 12px}.sb-context-line{font-size:18px;color:#78350f;margin:0 0 12px;padding-left:50px;line-height:1.6}.sb-fill-line{font-size:20px;color:#451a03;margin:0;padding-left:50px;line-height:2}.sb-blank{display:inline-block;min-width:80px;text-align:center;border-bottom:3px dashed #d97706;padding:2px 8px;margin:0 4px;color:#b45309;font-weight:700;transition:all .2s}.sb-blank-filled{border-bottom-style:solid;border-bottom-color:#10b981;color:#047857;background:#ecfdf5;border-radius:6px 6px 0 0}.sb-words-area{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:600px;margin:20px auto;padding:16px;background:#ffffff80;border-radius:16px}.sb-word-btn{background:#fff;border:2px solid #d97706;color:#78350f;padding:10px 20px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #d9770626;min-width:60px}.sb-word-btn:hover:not(:disabled){background:#fffbeb;border-color:#b45309;transform:translateY(-2px);box-shadow:0 4px 10px #d9770640}.sb-word-btn:active:not(:disabled){transform:translateY(0)}.sb-word-used{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;opacity:.4;cursor:default;min-width:60px}.sb-sentence-area{background:#fff;border-radius:16px;padding:24px;max-width:600px;margin:0 auto 16px;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000a;border:2px dashed #d6d3d1;transition:border-color .2s}.sb-sentence-area:has(.sb-built-sentence){border-style:solid;border-color:#10b981}.sb-built-sentence{font-size:22px;font-weight:700;color:#451a03;margin:0;text-align:center;line-height:1.6}.sb-build-placeholder{font-size:16px;color:#a8a29e;font-style:italic;margin:0}.sb-controls{display:flex;gap:12px;justify-content:center;align-items:center;max-width:600px;margin:16px auto;flex-wrap:wrap}.sb-undo-btn{background:#fff;border:2px solid #9ca3af;color:#4b5563;padding:10px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.sb-undo-btn:hover:not(:disabled){border-color:#6b7280;background:#f9fafb}.sb-undo-btn:disabled{opacity:.4;cursor:default}.sb-check-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 32px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:all .2s;animation:sb-pop-in .3s ease-out}.sb-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.sb-feedback{text-align:center;padding:14px 20px;border-radius:14px;font-size:17px;font-weight:700;max-width:600px;margin:0 auto 12px;animation:sb-pop-in .3s ease-out}.sb-correct{background:#ecfdf5;color:#047857;border:2px solid #34d399}.sb-incorrect{background:#fef2f2;color:#b91c1c;border:2px solid #fca5a5}.sb-results{max-width:500px;margin:40px auto;text-align:center}.sb-results-title{font-size:28px;color:#78350f;margin:0 0 12px}.sb-results-emoji{font-size:64px;margin:8px 0}.sb-results-story{font-size:20px;font-weight:700;color:#451a03;margin-bottom:20px}.sb-results-score{margin:20px 0 12px}.sb-score-num{font-size:56px;font-weight:800;color:#78350f}.sb-score-den{font-size:28px;font-weight:700;color:#92400e}.sb-results-stars{font-size:40px;margin:12px 0;display:flex;gap:8px;justify-content:center}.sb-star{transition:transform .3s}.sb-star-earned{animation:sb-star-bounce .5s ease-out}.sb-star-empty{color:#d6d3d1;font-size:38px}.sb-results-msg{font-size:18px;font-weight:600;color:#92400e;margin-bottom:24px}.sb-results-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sb-next-story-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sb-menu-btn{background:#fff;color:#78350f;border:2px solid #d97706}@keyframes sb-pulse{0%,to{box-shadow:0 4px 12px #ef44444d}50%{box-shadow:0 4px 24px #ef444480}}@keyframes sb-pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sb-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.sb-shake{animation:sb-shake .5s ease-in-out}@keyframes sb-star-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sb-star-earned:nth-child(2){animation-delay:.15s}.sb-star-earned:nth-child(3){animation-delay:.3s}.sb-stories-grid::-webkit-scrollbar{width:6px}.sb-stories-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.sb-stories-grid::-webkit-scrollbar-thumb{background:#d97706;border-radius:3px}@media (max-width: 480px){.sb-container{padding:10px}.sb-title{font-size:26px}.sb-story-text{font-size:18px;padding-left:10px}.sb-story-paper:before{display:none}.sb-context-line,.sb-fill-line{padding-left:10px}.sb-timer{font-size:44px}.sb-word-btn{padding:8px 14px;font-size:15px}.sb-stories-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.sb-built-sentence{font-size:18px}.sb-score-num{font-size:44px}.sb-spell-emoji{font-size:64px}.sb-spell-box{width:40px;height:48px;font-size:22px}.sb-spell-letter-btn{width:40px;height:40px;font-size:18px}}.st-container{min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81);padding:20px;color:#e0e7ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.st-header{text-align:center;margin-bottom:24px}.st-back-btn{display:block;margin-bottom:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#c7d2fe;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:background .2s;width:fit-content}.st-back-btn:hover{background:#fff3}.st-title{font-size:32px;margin:0;padding-top:8px;color:#fff}.st-subtitle{font-size:16px;color:#a5b4fc;margin:4px 0 0}.st-today-card{background:linear-gradient(135deg,#4338ca,#6366f1);border-radius:20px;padding:24px;text-align:center;margin:0 auto 24px;max-width:420px;cursor:pointer;position:relative;box-shadow:0 8px 32px #4338ca66;transition:transform .2s}.st-today-card:hover{transform:scale(1.02)}.st-today-badge{display:inline-block;background:#fff3;color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.st-today-emoji{font-size:72px;margin:8px 0;line-height:1.2}.st-today-title{font-size:22px;color:#fff;margin:8px 0}.st-origin-badge{display:inline-block;background:#ffffff26;color:#e0e7ff;padding:3px 12px;border-radius:12px;font-size:13px;margin-bottom:16px}.st-read-btn{display:inline-block;background:#fff;color:#4338ca;border:none;padding:12px 28px;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.st-read-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #ffffff4d}.st-progress-section{max-width:420px;margin:0 auto 24px}.st-progress-label{font-size:14px;color:#a5b4fc;margin-bottom:8px;text-align:center}.st-progress-bar{height:10px;background:#ffffff1f;border-radius:6px;overflow:hidden}.st-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#a5b4fc);border-radius:6px;transition:width .4s ease}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;max-width:700px;margin:0 auto;padding-bottom:32px}.st-grid-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 10px;text-align:center;cursor:pointer;transition:transform .2s,background .2s;position:relative}.st-grid-card:hover{transform:translateY(-3px);background:#ffffff24}.st-grid-card--done{border-color:#86efac4d}.st-check{position:absolute;top:6px;right:8px;font-size:16px}.st-grid-emoji{font-size:36px;margin-bottom:6px}.st-grid-title{font-size:13px;font-weight:600;color:#e0e7ff;margin-bottom:4px;line-height:1.3}.st-grid-origin{font-size:11px;color:#818cf8}.st-grid-pages{font-size:10px;color:#a5b4fc;background:#a5b4fc26;padding:2px 8px;border-radius:8px;margin-top:4px}.st-level-picker{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px;padding:0 16px}.st-level-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 18px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#e0e7ff;cursor:pointer;font-family:inherit;transition:all .15s}.st-level-btn:hover{border-color:#ffffff4d;background:#ffffff1a}.st-level-btn--active{border-color:#818cf8;background:#818cf833;box-shadow:0 0 16px #818cf84d}.st-level-name{font-size:15px;font-weight:800}.st-level-desc{font-size:11px;opacity:.6}.st-level-count{font-size:11px;color:#818cf8;font-weight:700}.st-level-tag{font-size:11px;padding:2px 10px;border-radius:10px;background:#ffffff26;color:#e0e7ff;font-weight:600;margin-top:4px}.st-book-wrapper{max-width:540px;margin:0 auto}.st-book-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.st-book-title{font-size:20px;color:#e0e7ff;margin:0}.st-page-number{font-size:14px;color:#818cf8}.st-page-card{background:#fffbeb;border-radius:16px;padding:32px 28px;min-height:300px;border-left:6px solid #d4a017;box-shadow:0 8px 30px #00000040,0 2px 8px #00000026;animation:st-slide .35s ease-out}@keyframes st-slide{0%{opacity:0;transform:translate(var(--st-slide-x, 60px))}to{opacity:1;transform:translate(0)}}.st-slide-right{--st-slide-x: 60px}.st-slide-left{--st-slide-x: -60px}.st-page-scene{text-align:center;font-size:64px;margin-bottom:20px;line-height:1.2}.st-page-text{color:#1e1b4b;font-size:20px;line-height:1.8;margin:0;font-family:Georgia,Times New Roman,serif}.st-speak-btn{display:block;margin:16px auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#c7d2fe;padding:10px 24px;border-radius:14px;font-size:16px;cursor:pointer;transition:background .2s,transform .15s}.st-speak-btn:hover{background:#fff3;transform:scale(1.05)}.st-page-dots{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.st-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s}.st-dot--filled{background:#818cf8}.st-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.st-nav-spacer{flex:1}.st-nav-btn{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.st-nav-btn:hover{transform:scale(1.04);box-shadow:0 4px 20px #6366f166}.st-nav-btn--finish{background:linear-gradient(135deg,#059669,#10b981)}.st-nav-btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.st-nav-btn--secondary:hover{background:#fff3}.st-questions-wrapper{max-width:500px;margin:0 auto;text-align:center}.st-questions-header{font-size:24px;color:#fff;margin:0 0 8px}.st-question-counter{font-size:14px;color:#818cf8;margin-bottom:24px}.st-question-card{background:#ffffff14;border-radius:18px;padding:28px 24px}.st-question-text{font-size:20px;color:#e0e7ff;margin:0 0 24px;line-height:1.5}.st-options{display:flex;flex-direction:column;gap:14px}.st-option-btn{width:100%;padding:18px 20px;border:none;border-radius:14px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s,opacity .2s}.st-option-btn:hover:not(:disabled){transform:scale(1.02)}.st-option-btn:disabled{cursor:default}.st-option-btn--green{background:linear-gradient(135deg,#059669,#34d399)}.st-option-btn--blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.st-option--correct{background:linear-gradient(135deg,#059669,#34d399)!important;box-shadow:0 0 20px #34d39980;transform:scale(1.03)}.st-option--wrong{background:linear-gradient(135deg,#dc2626,#f87171)!important;opacity:.7}.st-results-wrapper{max-width:440px;margin:0 auto;text-align:center;padding-top:20px}.st-results-emoji{font-size:72px;margin-bottom:8px}.st-results-title{font-size:24px;color:#fff;margin:0 0 16px}.st-results-score{font-size:20px;color:#c7d2fe;margin-bottom:16px}.st-results-stars{margin-bottom:24px}.st-star{font-size:40px;color:#ffffff26;margin:0 4px;transition:color .3s,transform .3s}.st-star--earned{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.5);transform:scale(1.1)}.st-moral-card{background:#fbbf241f;border:1px solid rgba(251,191,36,.25);border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:14px;text-align:left;margin-bottom:28px}.st-moral-icon{font-size:28px;flex-shrink:0}.st-moral-label{font-size:13px;color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.st-moral-text{font-size:17px;color:#e0e7ff;line-height:1.5}.st-results-buttons{display:flex;flex-direction:column;gap:12px}@media (max-width: 480px){.st-container{padding:14px}.st-title{font-size:26px}.st-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.st-page-card{padding:24px 18px}.st-page-text{font-size:18px}.st-page-scene{font-size:52px}.st-nav-btn{padding:12px 18px;font-size:15px}.st-today-emoji{font-size:56px}}.sm-root{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1030);color:#e8e8e8;font-family:Nunito,sans-serif;display:flex;flex-direction:column}.sm-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:#0a0e1ae6;border-bottom:1px solid #1e2040}.sm-back{padding:7px 14px;font-size:14px;font-weight:700;background:#1e2040;color:#60a5fa;border:2px solid #2a3060;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.sm-title{font-size:20px;font-weight:900;color:#fff;flex:1}.sm-level-tag{font-size:13px;font-weight:800;color:#fbbf24;background:#fbbf2426;padding:4px 12px;border-radius:8px}.sm-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px}.sm-landing-emoji{font-size:64px;animation:sm-zap 1s ease-in-out infinite alternate}@keyframes sm-zap{0%{transform:scale(1)}to{transform:scale(1.15) rotate(5deg)}}.sm-landing-title{font-size:28px;font-weight:900;color:#fff}.sm-landing-sub{font-size:15px;color:#818cf8}.sm-level-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}.sm-level-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;min-width:140px;background:#1e1b4b80;border:2px solid #312e81;border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.sm-level-card:hover{border-color:#a78bfa;transform:translateY(-3px)}.sm-lc-icon{font-size:32px}.sm-lc-label{font-size:16px;font-weight:900;color:#fff}.sm-lc-desc{font-size:11px;color:#818cf8}.sm-lc-time{font-size:12px;color:#fbbf24;font-weight:800}.sm-lc-best{font-size:11px;color:#22c55e;font-weight:800;margin-top:4px}.sm-game{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px;gap:16px;transition:background .15s}.sm-game.correct{background:#22c55e14}.sm-game.wrong{background:#ef444414}.sm-game.sm-mini{padding:12px 16px;gap:12px}.sm-timer-bar{width:100%;height:6px;background:#1e2040;border-radius:3px;overflow:hidden}.sm-timer-fill{height:100%;border-radius:3px;transition:width 1s linear}.sm-top-row{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.sm-timer-text{font-size:1.4rem;font-weight:900;font-variant-numeric:tabular-nums}.sm-score-text{font-size:1rem;font-weight:700;color:#fff9}.sm-streak{font-size:1rem;font-weight:900;color:#f59e0b;animation:sm-fire .5s ease}@keyframes sm-fire{0%{transform:scale(1.3)}to{transform:scale(1)}}.sm-problem{display:flex;flex-direction:column;align-items:flex-end;padding:clamp(14px,4vw,20px) clamp(20px,6vw,36px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;min-width:120px;max-width:90vw;box-sizing:border-box}.sm-mv-row{display:flex;align-items:center;gap:8px}.sm-mv-op{font-size:clamp(1.4rem,5vw,2rem);font-weight:900;color:#fbbf24;min-width:1em;text-align:center}.sm-mv-num{display:flex;justify-content:flex-end}.sm-mv-digit{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:900;color:#fff;width:.65em;text-align:center}.sm-mv-line{height:3px;background:#fff;border-radius:2px;margin:6px 0 4px;width:100%;min-width:60px}.sm-input{width:clamp(100px,35vw,140px);padding:10px 14px;font-size:clamp(1.4rem,5vw,2rem);font-weight:900;text-align:center;font-family:Nunito,sans-serif;background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:14px;outline:none;-moz-appearance:textfield}.sm-input::-webkit-outer-spin-button,.sm-input::-webkit-inner-spin-button{-webkit-appearance:none}.sm-input:focus{border-color:#60a5fa}.sm-btn{padding:12px 28px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .12s}.sm-btn.primary{background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff}.sm-btn.primary:hover{filter:brightness(1.1)}.sm-btn.primary:disabled{opacity:.4;cursor:default}.sm-hint{font-size:12px;color:#ffffff4d}.sm-quit{margin:12px auto 24px;padding:8px 24px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:transparent;color:#ffffff4d;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer}.sm-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:14px;text-align:center}.sm-result.sm-mini{padding:16px}.sm-result-emoji{font-size:56px}.sm-result-title{font-size:24px;font-weight:900;color:#fff}.sm-result-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.sm-rs{display:flex;flex-direction:column;align-items:center;gap:2px}.sm-rs-num{font-size:28px;font-weight:900;color:#a78bfa}.sm-rs-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase}@media (max-width: 500px){.sm-mv-digit{font-size:1.8rem}.sm-mv-op{font-size:1.6rem}.sm-input{font-size:1.6rem;width:120px}}.hw-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff;font-family:Nunito,Segoe UI,sans-serif;padding:20px;position:relative;overflow-y:auto}.hw-back{position:absolute;top:16px;left:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#c7d2fe;font-size:1rem;padding:8px 18px;border-radius:30px;cursor:pointer;transition:background .2s;z-index:10}.hw-back:hover{background:#fff3}.hw-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding-top:40px}.hw-icon{font-size:4rem;margin-bottom:8px;animation:hw-bounce 2s ease infinite}@keyframes hw-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hw-title{font-size:2.2rem;font-weight:800;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.hw-subtitle{font-size:1.1rem;color:#94a3b8;margin:0 0 24px}.hw-diff-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0;width:100%}.hw-diff-btn{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;color:#e8e8e8;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.hw-diff-btn:hover{border-color:#ffffff4d;background:#ffffff1a}.hw-diff-btn.hw-diff-active{border-color:#a78bfa;background:#a78bfa33;box-shadow:0 0 12px #a78bfa40}.hw-diff-icon{font-size:22px}.hw-diff-label{font-size:13px;font-weight:800}.hw-diff-desc{font-size:9px;color:#ffffff73;font-weight:600;text-align:center;line-height:1.3}.hw-math-vertical{display:flex;flex-direction:column;align-items:flex-end;padding:24px 40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;margin:0 auto;width:fit-content;min-width:160px}.hw-mv-row{display:flex;align-items:center;gap:10px}.hw-mv-op{font-size:2rem;font-weight:900;color:#f59e0b;min-width:1.2em;text-align:center}.hw-mv-num{display:flex;justify-content:flex-end}.hw-mv-digit{font-size:2.4rem;font-weight:900;color:#fff;width:.65em;text-align:center;font-variant-numeric:tabular-nums}.hw-mv-line{height:3px;background:#fff;border-radius:2px;margin:6px 0 8px auto;min-width:100px}.hw-mv-answer{font-size:2rem;font-weight:900;color:#60a5fa;text-align:right;width:100%;padding-right:4px}.hw-spell-hint{font-size:1rem;color:#ffffff80;margin-bottom:8px}.hw-spell-display{font-size:2.5rem;font-weight:900;color:#fbbf24;letter-spacing:.15em;margin-bottom:8px;font-family:monospace}.hw-spell-prompt{font-size:.9rem;color:#fff9}.hw-spell-input-row{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px}.hw-spell-input{padding:12px 20px;font-size:1.3rem;font-weight:800;font-family:Nunito,sans-serif;background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:14px;outline:none;text-align:center;width:200px;letter-spacing:.1em}.hw-spell-input:focus{border-color:#60a5fa}.hw-reward-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0;padding:20px;border-radius:16px;background:linear-gradient(135deg,#58cc021a,#ffb8001a);border:2px dashed rgba(88,204,2,.3)}.hw-reward-title{font-size:1rem;font-weight:800;color:#fbbf24}.hw-reward-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hw-reward-btn{padding:10px 20px;font-size:.95rem;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:transform .15s,filter .15s;box-shadow:0 3px 10px #0000004d}.hw-reward-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.hw-reward-btn.big{padding:18px 40px;font-size:1.3rem;animation:hw-surprise-pulse 2s ease-in-out infinite}@keyframes hw-surprise-pulse{0%,to{box-shadow:0 3px 10px #0000004d}50%{box-shadow:0 6px 25px #ffffff26;transform:translateY(-3px)}}.hw-reward-sub{font-size:.8rem;color:#fff6;margin-top:6px}.hw-sections-preview{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.hw-section-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.95rem;font-weight:700;color:#fff;border:none}.hw-section-clickable{cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,box-shadow .15s;flex-direction:column;padding:12px 20px;gap:2px}.hw-section-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.hw-chip-hint{font-size:.65rem;opacity:.6;font-weight:600}.hw-section-note{font-size:.8rem;color:#fff6;text-align:center}.hw-chip-count{opacity:.7;font-size:.8rem}.hw-start-btn{padding:18px 56px;font-size:1.4rem;font-weight:800;border:none;border-radius:50px;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;cursor:pointer;box-shadow:0 6px 30px #60a5fa66;transition:transform .15s,box-shadow .15s;font-family:Nunito,sans-serif}.hw-start-btn:hover{transform:scale(1.05);box-shadow:0 8px 40px #60a5fa99}.hw-start-btn:active{transform:scale(.97)}.hw-practice-btn{padding:14px 32px;font-size:1.1rem;font-weight:800;border:2px solid #60a5fa;border-radius:40px;background:#60a5fa26;color:#93c5fd;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s}.hw-practice-btn:hover{transform:scale(1.05)}.hw-practice-btn:active{transform:scale(.97)}.hw-practice-options{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0}.hw-practice-label{font-size:.85rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.hw-practice-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hw-section-btn{padding:12px 24px;font-size:1rem;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:14px;color:#fff;cursor:pointer;transition:transform .15s,filter .15s;box-shadow:0 4px 12px #0000004d}.hw-section-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.hw-section-btn:active{transform:translateY(1px)}.hw-done-section{display:flex;flex-direction:column;align-items:center;gap:10px}.hw-done-badge{font-size:1.4rem;font-weight:800;color:#34d399}.hw-done-score,.hw-done-time{font-size:1.1rem;color:#94a3b8}.hw-score-hl{font-size:1.4rem;font-weight:800;color:#60a5fa}.hw-done-breakdown{display:flex;gap:16px;font-size:.95rem;color:#94a3b8;margin:4px 0 8px}.hw-comeback{font-size:1.1rem;color:#64748b;font-weight:600;margin:8px 0 12px}.hw-streak-box{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(251,191,36,.3);border-radius:40px;padding:12px 28px;margin-top:30px;font-size:1.1rem}.hw-streak-num{font-size:1.8rem;font-weight:800;color:#fbbf24}.hw-streak-label{color:#94a3b8;font-weight:600}.hw-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hw-back-sm{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#c7d2fe;font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.hw-back-sm:hover{background:#fff3}.hw-progress-wrap{flex:1;display:flex;flex-direction:column;gap:6px}.hw-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:8px;overflow:hidden}.hw-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:8px;transition:width .4s ease}.hw-section-dots{display:flex;gap:8px;justify-content:center}.hw-sdot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#ffffff1a;transition:all .3s}.hw-sdot-active{box-shadow:0 0 12px #60a5fa66}.hw-timer-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.hw-timer-countdown,.hw-timer-spent{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.hw-timer-icon{font-size:14px}.hw-timer-digits{display:flex;align-items:center;font-variant-numeric:tabular-nums;font-weight:900;font-size:1rem}.hw-td-num{min-width:1.1em;text-align:center}.hw-td-colon{animation:hw-blink-colon 1s step-end infinite;margin:0 1px}@keyframes hw-blink-colon{0%,to{opacity:1}50%{opacity:0}}.hw-timer-label{font-size:.55rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.04em}.hw-timer-spent{color:#ffffff80}.hw-td-blink{animation:hw-colon-blink 1s step-end infinite}@keyframes hw-colon-blink{0%,to{opacity:1}50%{opacity:0}}.hw-timer-paused{opacity:.5}.hw-pause-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.hw-pause-btn:hover{background:#ffffff26}.hw-timer-countdown.hw-timer-warn{background:#ef444426;border-color:#ef44444d;animation:hw-pulse 1s ease infinite}@keyframes hw-pulse{0%,to{opacity:1}50%{opacity:.5}}.hw-quiz{display:flex;flex-direction:column;align-items:center;max-width:520px;margin:0 auto}.hw-section-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 22px;border-radius:30px;font-size:1rem;font-weight:700;color:#fff;margin-bottom:20px}.hw-question-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px 24px;width:100%;text-align:center;margin-bottom:24px}.hw-question-text{font-size:1.5rem;font-weight:700;margin:0;line-height:1.4}.hw-options{display:flex;flex-direction:column;gap:12px;width:100%}.hw-option-btn{padding:18px 22px;font-size:1.25rem;font-weight:700;border:3px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffff0f;color:#fff;cursor:pointer;transition:transform .12s,background .2s,border-color .2s;text-align:center;font-family:Nunito,sans-serif}.hw-option-btn:hover:not(:disabled){transform:scale(1.02);background:#ffffff1f}.hw-option-btn:active:not(:disabled){transform:scale(.97)}.hw-option-btn:disabled{cursor:default}.hw-option-btn.hw-correct{background:#34d39940;border-color:#34d399;animation:hw-pop .3s ease}.hw-option-btn.hw-wrong{background:#f8717140;border-color:#f87171;animation:hw-shake .4s ease}@keyframes hw-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes hw-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hw-feedback{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;margin-top:16px;width:100%;animation:hw-fadeIn .3s ease;font-weight:600}@keyframes hw-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hw-fb-correct{background:#34d39926;border:1px solid rgba(52,211,153,.4);color:#a7f3d0}.hw-fb-wrong{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#fecaca}.hw-next-btn{margin-top:20px;padding:14px 48px;font-size:1.2rem;font-weight:700;border:none;border-radius:40px;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;cursor:pointer;transition:transform .15s;animation:hw-fadeIn .3s ease;font-family:Nunito,sans-serif}.hw-next-btn:hover{transform:scale(1.05)}.hw-next-btn:active{transform:scale(.97)}.hw-sent-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.hw-retry-btn{padding:14px 36px;font-size:1.1rem;font-weight:700;border:2px solid #f59e0b;border-radius:40px;background:#f59e0b26;color:#fbbf24;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,background .15s}.hw-retry-btn:hover{transform:scale(1.05);background:#f59e0b40}.hw-retry-btn:active{transform:scale(.97)}.hw-read-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0}.hw-listen-btn,.hw-record-btn{padding:14px 28px;font-size:1rem;font-weight:800;font-family:Nunito,sans-serif;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .15s}.hw-listen-btn{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa66}.hw-listen-btn:hover{background:#60a5fa40}.hw-listen-btn.active{background:#60a5fa4d;border-color:#60a5fa;animation:hw-pulse 1.5s ease-in-out infinite}.hw-record-btn{background:#ef444426;color:#fca5a5;border-color:#ef444466}.hw-record-btn:hover{background:#ef444440}.hw-record-btn.active{background:#ef44444d;border-color:#ef4444;animation:hw-pulse 1s ease-in-out infinite}@keyframes hw-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 10px #ef444400}}.hw-recording-indicator{display:flex;align-items:center;gap:10px;justify-content:center;font-size:.9rem;font-weight:700;color:#fca5a5;padding:10px;animation:fadeIn .3s ease}.hw-rec-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:hw-blink 1s ease-in-out infinite}@keyframes hw-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hw-read-feedback{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#ffffff0d;border:2px solid #444;border-radius:16px;text-align:center;margin:16px 0;animation:fadeIn .3s ease}.hw-rf-emoji{font-size:40px}.hw-rf-label{font-size:1.2rem;font-weight:900}.hw-rf-score{font-size:.85rem;font-weight:700;color:#ffffff80}.hw-rf-text{font-size:.95rem;font-weight:600;color:#fffc;line-height:1.6}.hw-read-gate{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 24px;margin-top:16px;background:#f59e0b1a;border:2px dashed rgba(245,158,11,.4);border-radius:16px;font-size:1rem;font-weight:700;color:#fbbf24}.hw-gate-icon{font-size:24px}.hw-gate-text{text-align:center}.hw-next-btn.hw-next-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff6;font-size:.9rem;padding:10px 24px}.hw-next-btn.hw-next-skip:hover{color:#fff9;border-color:#ffffff4d}.hw-story-card{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 24px;width:100%;margin-bottom:20px}.hw-story-title{font-size:1.4rem;font-weight:800;margin:0 0 16px;color:#fbbf24}.hw-story-text{font-size:1.15rem;line-height:1.8;color:#e2e8f0;margin:0}.hw-sentence-area{width:100%;margin-bottom:16px}.hw-built-sentence{min-height:70px;background:#ffffff0f;border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.hw-placeholder{color:#64748b;font-style:italic;font-size:1rem}.hw-word-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hw-word-btn{padding:12px 20px;font-size:1.15rem;font-weight:700;border:2px solid rgba(167,139,250,.4);border-radius:14px;background:#a78bfa26;color:#c4b5fd;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.hw-word-btn:hover{transform:scale(1.05);background:#a78bfa40}.hw-word-btn:active{transform:scale(.97)}.hw-word-btn.hw-word-placed{background:#60a5fa33;border-color:#60a5fa80;color:#93c5fd}.hw-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;text-align:center;padding:20px}.hw-result-emoji{font-size:5rem;margin-bottom:10px;animation:hw-bounce 1.5s ease infinite}.hw-result-title{font-size:2rem;font-weight:800;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.hw-result-score{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.hw-big-score{font-size:5rem;font-weight:900;color:#60a5fa;line-height:1}.hw-score-divider{font-size:3rem;color:#475569;font-weight:300}.hw-big-total{font-size:3rem;font-weight:700;color:#475569}.hw-result-time{font-size:1.1rem;color:#94a3b8;margin-bottom:16px}.hw-time-badge{color:#fbbf24;font-weight:700}.hw-result-stars{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.hw-star{font-size:2.4rem;margin:0 4px;display:inline}.hw-star-earned{animation:hw-starPop .5s ease}.hw-star-empty{filter:grayscale(1);opacity:.3}@keyframes hw-starPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.hw-stars-text{font-size:1rem;color:#fbbf24;font-weight:700}.hw-result-breakdown{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;margin-bottom:24px}.hw-bd-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0f;border-radius:12px}.hw-bd-icon{font-size:1.3rem;flex-shrink:0}.hw-bd-label{font-size:.95rem;font-weight:700;color:#cbd5e1;min-width:60px}.hw-bd-score{font-size:1rem;font-weight:800;color:#e2e8f0;min-width:36px;text-align:right}.hw-bd-bar{flex:1;height:8px;background:#ffffff1a;border-radius:8px;overflow:hidden}.hw-bd-bar>span{display:block;height:100%;border-radius:8px;transition:width .6s ease}.hw-result-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hw-done-btn{padding:14px 48px;font-size:1.2rem;font-weight:700;border:none;border-radius:40px;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #60a5fa66;font-family:Nunito,sans-serif}.hw-done-btn:hover{transform:scale(1.05);box-shadow:0 6px 28px #60a5fa99}.hw-done-btn:active{transform:scale(.97)}@media (max-width: 480px){.hw-title{font-size:1.7rem}.hw-question-text{font-size:1.25rem}.hw-option-btn{padding:14px 16px;font-size:1.1rem}.hw-big-score{font-size:4rem}.hw-start-btn{padding:16px 40px;font-size:1.2rem}.hw-story-text{font-size:1.05rem}.hw-word-btn{padding:10px 14px;font-size:1rem}}.pd-root{min-height:100vh;background:#f0ecff;font-family:Nunito,sans-serif;padding-bottom:40px}.pd-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:3px solid #E5DCFF;position:sticky;top:0;z-index:10;box-shadow:0 4px #e5dcff}.pd-back{padding:7px 14px;font-size:14px;font-weight:700;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.pd-title{font-size:20px;font-weight:900;color:#1c1833}.pd-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:20px 24px}.pd-stat-card{background:#fff;border:2px solid #E5DCFF;border-radius:16px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:4px solid #D0C4FF}.pd-stat-icon{font-size:28px}.pd-stat-num{font-size:28px;font-weight:900;color:#1c1833}.pd-stat-label{font-size:12px;font-weight:700;color:#6e6a80}.pd-section{padding:0 24px;margin-bottom:20px}.pd-section-title{font-size:16px;font-weight:900;color:#1c1833;margin-bottom:12px}.pd-mini-cards{display:flex;gap:10px;flex-wrap:wrap}.pd-mini-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:2px solid #E5DCFF;border-radius:14px;padding:14px 18px;min-width:120px}.pd-mini-card.best{border-color:#52b788;background:#f0fdf4}.pd-mini-card.practice{border-color:#ffd166;background:#fffbeb}.pd-mini-emoji{font-size:24px}.pd-mini-name{font-size:13px;font-weight:800;color:#1c1833}.pd-mini-rate{font-size:12px;font-weight:700;color:#6e6a80}.pd-games-list{display:flex;flex-direction:column;gap:8px}.pd-game-row{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #E5DCFF;border-radius:14px;padding:12px 16px}.pd-game-emoji{font-size:24px;flex-shrink:0}.pd-game-info{flex:1;display:flex;flex-direction:column;gap:4px}.pd-game-name{font-size:14px;font-weight:800;color:#1c1833}.pd-game-bar-bg{height:8px;background:#f0ecff;border-radius:4px;overflow:hidden}.pd-game-bar-fill{height:100%;border-radius:4px;transition:width .3s;min-width:2px}.pd-game-stats{text-align:right;flex-shrink:0}.pd-game-wr{font-size:16px;font-weight:900;color:#7c4dff;display:block}.pd-game-detail{font-size:11px;font-weight:700;color:#9b97b0}.pd-empty{font-size:14px;color:#9b97b0;text-align:center;padding:20px}.pd-unplayed{display:flex;flex-wrap:wrap;gap:8px}.pd-unplayed-chip{font-size:12px;font-weight:700;color:#6e6a80;background:#fff;border:2px solid #E5DCFF;border-radius:10px;padding:6px 12px}.ach-root{min-height:100vh;background:#f0ecff;font-family:Nunito,sans-serif;padding-bottom:40px}.ach-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:3px solid #E5DCFF;position:sticky;top:0;z-index:10;box-shadow:0 4px #e5dcff}.ach-back{padding:7px 14px;font-size:14px;font-weight:700;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.ach-title{font-size:20px;font-weight:900;color:#1c1833;flex:1}.ach-count{font-size:16px;font-weight:900;color:#7c4dff;background:#f4f0ff;padding:4px 12px;border-radius:10px;border:2px solid #D0C4FF}.ach-progress-wrap{padding:16px 24px}.ach-progress-bg{height:12px;background:#e5dcff;border-radius:6px;overflow:hidden}.ach-progress-fill{height:100%;background:linear-gradient(90deg,#7c4dff,#58cc02);border-radius:6px;transition:width .3s}.ach-progress-text{display:block;text-align:center;font-size:12px;font-weight:700;color:#6e6a80;margin-top:6px}.ach-section{padding:0 24px;margin-bottom:24px}.ach-section-title{font-size:16px;font-weight:900;color:#1c1833;margin-bottom:12px}.ach-empty{font-size:14px;color:#9b97b0;text-align:center;padding:20px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ach-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:16px;text-align:center}.ach-badge.unlocked{background:#fff;border:2px solid #58CC02;border-bottom:4px solid #46A302;box-shadow:0 2px 8px #58cc0226}.ach-badge.locked{background:#f8f5ff;border:2px solid #E5DCFF;opacity:.7}.ach-badge-emoji{font-size:32px}.locked-emoji{filter:grayscale(1)}.ach-badge-name{font-size:13px;font-weight:800;color:#1c1833}.ach-badge-desc{font-size:10px;font-weight:600;color:#6e6a80;line-height:1.3}.st-root{min-height:100vh;background:#f0ecff;font-family:Nunito,sans-serif}.st-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:3px solid #E5DCFF;position:sticky;top:0;z-index:10;box-shadow:0 4px #e5dcff}.st-back{padding:7px 14px;font-size:14px;font-weight:700;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.st-title{font-size:20px;font-weight:900;color:#1c1833}.st-content{padding:20px 24px;max-width:600px;margin:0 auto}.st-section{background:#fff;border:2px solid #E5DCFF;border-radius:16px;padding:20px;margin-bottom:16px}.st-section-title{font-size:16px;font-weight:900;color:#1c1833;margin-bottom:14px}.st-profile-card{display:flex;align-items:center;gap:14px}.st-profile-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c4dff,#9b7fff);color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center}.st-profile-info{flex:1;display:flex;flex-direction:column}.st-profile-name{font-size:16px;font-weight:800;color:#1c1833}.st-profile-age{font-size:13px;font-weight:600;color:#6e6a80}.st-btn{padding:8px 18px;font-size:13px;font-weight:800;background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;transition:background .15s}.st-btn:hover{background:#e5dcff}.st-btn.danger{background:#ff4b4b;color:#fff;border-color:#d93a3a}.st-btn.danger:hover{background:#e03131}.st-btn.danger-outline{background:#fff;color:#ff4b4b;border:2px solid #FF4B4B}.st-btn.danger-outline:hover{background:#fff0f0}.st-toggle-row{display:flex;align-items:center;justify-content:space-between}.st-toggle-label{font-size:15px;font-weight:700;color:#1c1833}.st-toggle{position:relative;width:64px;height:34px;border-radius:17px;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;padding:0 4px}.st-toggle.on{background:#58cc02}.st-toggle.off{background:#d0c4ff}.st-toggle-knob{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000026;transition:transform .2s}.st-toggle.on .st-toggle-knob{transform:translate(30px)}.st-toggle.off .st-toggle-knob{transform:translate(0)}.st-toggle-text{position:absolute;right:8px;font-size:10px;font-weight:900;color:#fff}.st-toggle.off .st-toggle-text{right:auto;left:8px;color:#6e6a80}.st-voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.st-voice-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:#f8f5ff;border:2px solid #E5DCFF;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.st-voice-card:hover{border-color:#9b7fff}.st-voice-card.active{border-color:#7c4dff;background:#f0ecff;box-shadow:0 0 0 3px #7c4dff26}.st-voice-emoji{font-size:24px}.st-voice-name{font-size:12px;font-weight:800;color:#1c1833}.st-voice-desc{font-size:9px;font-weight:600;color:#6e6a80}.st-ai-desc{font-size:13px;font-weight:600;color:#6e6a80;margin-bottom:14px;line-height:1.5}.st-ai-providers{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.st-ai-provider{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f5ff;border:2px solid #E5DCFF;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;flex:1;min-width:140px}.st-ai-provider:hover{border-color:#9b7fff}.st-ai-provider.active{border-color:#7c4dff;background:#f0ecff;box-shadow:0 0 0 3px #7c4dff26}.st-ai-provider-icon{font-size:20px}.st-ai-provider-name{font-size:12px;font-weight:800;color:#1c1833}.st-ai-key-section{display:flex;flex-direction:column;gap:10px}.st-ai-key-label{font-size:13px;font-weight:800;color:#1c1833}.st-ai-key-row{display:flex;gap:8px}.st-ai-key-input{flex:1;padding:10px 14px;font-size:14px;font-weight:600;font-family:Nunito,sans-serif;background:#f8f5ff;color:#1c1833;border:2px solid #D0C4FF;border-radius:10px;outline:none}.st-ai-key-input:focus{border-color:#7c4dff}.st-ai-key-input::placeholder{color:#b5aede}.st-ai-actions{display:flex;gap:8px;flex-wrap:wrap}.st-ai-test-result{font-size:13px;font-weight:700;padding:10px 14px;border-radius:10px}.st-ai-test-result.success{background:#f0fbe6;color:#46a302;border:1px solid #58CC02}.st-ai-test-result.error{background:#fff0f0;color:#d93a3a;border:1px solid #FF4B4B;word-break:break-word}.st-ai-note{font-size:11px;font-weight:600;color:#9b97b0;line-height:1.4;margin-top:4px}.st-pin-gate{display:flex;flex-direction:column;gap:10px}.st-pin-row{display:flex;gap:8px}.st-pin-input{width:120px;padding:10px 14px;font-size:20px;font-weight:800;font-family:Nunito,sans-serif;background:#f8f5ff;color:#1c1833;border:2px solid #D0C4FF;border-radius:10px;outline:none;text-align:center;letter-spacing:8px}.st-pin-input:focus{border-color:#7c4dff}.st-pin-error{font-size:13px;font-weight:700;color:#d93a3a}.st-pin-change{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #E5DCFF}.st-reset-confirm{background:#fff0f0;border:2px solid #FF4B4B;border-radius:12px;padding:16px}.st-reset-warn{font-size:13px;font-weight:700;color:#d93a3a;margin-bottom:12px}.st-reset-btns{display:flex;gap:10px;flex-wrap:wrap}.st-reset-done{font-size:14px;font-weight:800;color:#58cc02;background:#f0fbe6;border:2px solid #58CC02;border-radius:12px;padding:14px;text-align:center}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1833d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:ob-fadeIn .3s ease}@keyframes ob-fadeIn{0%{opacity:0}to{opacity:1}}.ob-card{background:#fff;border-radius:28px;padding:40px 32px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px #d0c4ff,0 20px 60px #5c3adc4d;border:2px solid #E5DCFF;animation:ob-slideUp .4s ease}@keyframes ob-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ob-dots{display:flex;gap:8px}.ob-dot{width:10px;height:10px;border-radius:50%;background:#e5dcff;transition:all .3s}.ob-dot.active{background:#7c4dff;width:28px;border-radius:5px}.ob-dot.done{background:#58cc02}.ob-emoji{font-size:64px;animation:ob-bounce 1s ease-in-out infinite alternate}@keyframes ob-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.ob-title{font-size:22px;font-weight:900;color:#1c1833;line-height:1.3}.ob-text{font-size:15px;font-weight:600;color:#6e6a80;line-height:1.6}.ob-btns{display:flex;gap:12px;width:100%;margin-top:8px}.ob-skip{flex:1;padding:14px;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;background:#f4f0ff;color:#9b7fff;border:2px solid #E5DCFF;border-radius:14px;cursor:pointer;transition:background .15s}.ob-skip:hover{background:#e5dcff}.ob-next{flex:2;padding:14px;font-size:16px;font-weight:900;font-family:Nunito,sans-serif;background:#7c4dff;color:#fff;border:none;border-bottom:4px solid #5B35D5;border-radius:14px;cursor:pointer;transition:transform .1s,border-bottom-width .1s}.ob-next:hover{filter:brightness(1.06)}.ob-next:active{border-bottom-width:1px;transform:translateY(3px)}.ob-step-label{font-size:12px;font-weight:700;color:#b5aede}.bt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1833b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;padding:20px}.bt-overlay.show{animation:bt-fadeIn .3s ease}.bt-overlay.hide{animation:bt-fadeOut .3s ease forwards}@keyframes bt-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bt-fadeOut{0%{opacity:1}to{opacity:0}}.bt-toast{position:relative;background:#fff;border:3px solid #58CC02;border-radius:24px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:320px;width:100%;box-shadow:0 8px #46a302,0 20px 60px #58cc024d;animation:bt-pop .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@keyframes bt-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.bt-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(88,204,2,.12) 0%,transparent 60%);animation:bt-rotate 4s linear infinite;pointer-events:none}@keyframes bt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bt-label{font-size:12px;font-weight:800;color:#58cc02;text-transform:uppercase;letter-spacing:.1em}.bt-emoji{font-size:64px;animation:bt-bounce .8s ease-in-out infinite alternate}@keyframes bt-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-6px) scale(1.05)}}.bt-name{font-size:22px;font-weight:900;color:#1c1833}.bt-desc{font-size:14px;font-weight:600;color:#6e6a80}.bt-count{font-size:11px;font-weight:800;color:#9b7fff;background:#f4f0ff;padding:3px 10px;border-radius:8px;margin-top:4px}.bt-tap{font-size:11px;font-weight:700;color:#b5aede;margin-top:8px}.ec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1833bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px;animation:ec-fadeIn .2s ease}@keyframes ec-fadeIn{0%{opacity:0}to{opacity:1}}.ec-card{background:#fff;border:2px solid #E5DCFF;border-radius:24px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:360px;width:100%;box-shadow:0 8px #d0c4ff,0 20px 60px #5c3adc40;animation:ec-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes ec-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ec-emoji{font-size:48px}.ec-title{font-size:20px;font-weight:900;color:#1c1833}.ec-text{font-size:14px;font-weight:600;color:#6e6a80}.ec-btns{display:flex;gap:10px;width:100%;margin-top:8px}.ec-btn{flex:1;padding:14px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border-radius:14px;cursor:pointer;transition:transform .1s,border-bottom-width .1s}.ec-btn.stay{background:#58cc02;color:#fff;border:none;border-bottom:4px solid #46A302}.ec-btn.stay:hover{filter:brightness(1.06)}.ec-btn.stay:active{border-bottom-width:1px;transform:translateY(3px)}.ec-btn.leave{background:#f4f0ff;color:#7c4dff;border:2px solid #D0C4FF;border-bottom:4px solid #B8AAEE}.ec-btn.leave:hover{background:#e5dcff}.ec-btn.leave:active{border-bottom-width:1px;transform:translateY(3px)}[data-theme=dark] .ec-card{background:#1e2130;border-color:#2a2f45;box-shadow:0 8px #12141c,0 20px 60px #0006}[data-theme=dark] .ec-title{color:#e8e8e8}[data-theme=dark] .ec-text{color:#8a8fa0}[data-theme=dark] .ec-btn.leave{background:#2a2f45;color:#a78bfa;border-color:#3a3f55}.pp-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient, linear-gradient(160deg, #EDE8FF, #D8CCFF));padding:20px}.pp-card{background:var(--card-bg, #fff);border-radius:28px;padding:36px 28px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 0 var(--card-shadow-color, #D0C4FF),0 16px 40px #5c3adc2e;border:2px solid var(--card-border, #E5DCFF)}.pp-logo{font-size:56px;animation:float 3s ease-in-out infinite}.pp-title{font-size:24px;font-weight:900;color:var(--text, #1C1833)}.pp-sub{font-size:14px;color:var(--text-sub, #6E6A80);font-weight:600}.pp-profiles{width:100%;display:flex;flex-direction:column;gap:8px}.pp-profile{display:flex;gap:6px;align-items:center}.pp-profile-btn{flex:1;display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;text-align:left}.pp-profile-btn:hover{border-color:#7c4dff;transform:translateY(-1px)}.pp-p-avatar{font-size:36px}.pp-p-info{flex:1;display:flex;flex-direction:column}.pp-p-name{font-size:17px;font-weight:900;color:var(--text, #1C1833)}.pp-p-detail{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80)}.pp-p-arrow{font-size:14px;color:#7c4dff;opacity:.5}.pp-p-actions{display:flex;flex-direction:column;gap:4px}.pp-action-btn{width:32px;height:32px;background:var(--input-bg, #F4F0FF);border:1px solid var(--card-border, #E5DCFF);border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.pp-action-btn.danger{background:#fff0f0;border-color:#ff4b4b;font-size:11px;font-weight:800;color:#ff4b4b}.pp-add-btn{width:100%;padding:14px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:#58cc02;color:#fff;border:none;border-bottom:4px solid #46A302;border-radius:16px;cursor:pointer;transition:transform .1s}.pp-add-btn:hover{filter:brightness(1.06)}.pp-add-btn:active{border-bottom-width:1px;transform:translateY(3px)}.pp-avatar-pick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pp-avatar-btn{width:48px;height:48px;font-size:28px;background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pp-avatar-btn.active{border-color:#7c4dff;background:#f0ecff;box-shadow:0 0 0 3px #7c4dff26}.pp-input{width:100%;padding:12px 18px;font-size:18px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg, #F8F5FF);color:var(--text, #1C1833);border:2px solid var(--card-border, #C9BFFF);border-radius:14px;outline:none;text-align:center}.pp-input:focus{border-color:#7c4dff}.pp-btn-row{display:flex;gap:10px;width:100%}.pp-btn{flex:1;padding:12px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border-radius:14px;cursor:pointer;border:none;transition:all .1s}.pp-btn.primary{background:#7c4dff;color:#fff;border-bottom:3px solid #5B35D5}.pp-btn.primary:disabled{opacity:.4}.pp-btn.secondary{background:var(--input-bg, #F4F0FF);color:#7c4dff;border:2px solid var(--card-border, #D0C4FF)}.pp-back-btn{align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg, #F4F0FF);color:#7c4dff;border:2px solid var(--card-border, #D0C4FF);border-radius:10px;cursor:pointer}.pp-history-header{display:flex;flex-direction:column;align-items:center;gap:4px}.pp-h-avatar{font-size:48px}.pp-h-name{font-size:22px;font-weight:900;color:var(--text, #1C1833)}.pp-h-age{font-size:13px;color:var(--text-sub, #6E6A80);font-weight:700}.pp-stats-row{display:flex;gap:16px}.pp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.pp-stat-num{font-size:22px;font-weight:900;color:#7c4dff}.pp-stat-label{font-size:10px;font-weight:700;color:var(--text-sub, #6E6A80);text-transform:uppercase}.pp-last-active{font-size:12px;color:var(--text-muted, #9B97B0)}.pp-hw-history{width:100%}.pp-hw-title{font-size:14px;font-weight:900;color:var(--text, #1C1833);margin-bottom:8px}.pp-hw-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--card-border, #E5DCFF);font-size:13px}.pp-hw-date{flex:1;font-weight:700;color:var(--text-sub, #6E6A80)}.pp-hw-score{font-weight:800;color:var(--text, #1C1833)}.pp-hw-stars{font-size:12px}.about-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif;padding-bottom:40px}.about-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF);position:sticky;top:0;z-index:10;box-shadow:0 4px 0 var(--header-border, #E5DCFF)}.about-back{padding:7px 14px;font-size:14px;font-weight:700;background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #D0C4FF);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.about-title{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.about-content{max-width:700px;margin:0 auto;padding:0 20px}.about-hero{text-align:center;padding:32px 20px}.about-hero-emoji{font-size:64px;display:block;margin-bottom:12px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-hero-title{font-size:28px;font-weight:900;color:var(--text, #1C1833);margin-bottom:8px}.about-hero-sub{font-size:16px;color:var(--text-sub, #6E6A80);font-weight:600;line-height:1.5}.about-section{margin-bottom:28px}.about-section-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid var(--accent-light, #D0C4FF)}.about-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.about-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:20px;border-bottom:4px solid var(--card-shadow-color, #D0C4FF)}.about-card-icon{font-size:32px;display:block;margin-bottom:8px}.about-card h4{font-size:16px;font-weight:900;color:var(--text, #1C1833);margin-bottom:6px}.about-card p{font-size:13px;color:var(--text-sub, #6E6A80);font-weight:600;line-height:1.5}.about-list{display:flex;flex-direction:column;gap:20px}.about-list-group{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:20px}.about-list-heading{font-size:16px;font-weight:900;color:var(--text, #1C1833);margin-bottom:10px}.about-list-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.about-list-group li{font-size:13px;color:var(--text-sub, #6E6A80);font-weight:600;line-height:1.5;padding-left:20px;position:relative}.about-list-group li:before{content:"✓";position:absolute;left:0;color:#58cc02;font-weight:900}.about-list-group li strong{color:var(--text, #1C1833)}.fb-form{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.fb-group{display:flex;flex-direction:column;gap:8px}.fb-label{font-size:14px;font-weight:800;color:var(--text, #1C1833)}.fb-stars{display:flex;gap:6px}.fb-star{font-size:32px;background:none;border:none;color:#d0c4ff;cursor:pointer;transition:transform .1s;padding:0}.fb-star.active{color:#ffb800}.fb-star:hover{transform:scale(1.2)}.fb-rating-text{font-size:13px;font-weight:700;color:var(--text-sub, #6E6A80)}.fb-chips{display:flex;flex-wrap:wrap;gap:8px}.fb-chip{padding:8px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg, #F8F5FF);color:var(--text-sub, #6E6A80);border:2px solid var(--card-border, #E5DCFF);border-radius:20px;cursor:pointer;transition:all .15s}.fb-chip:hover{border-color:var(--accent, #7C4DFF)}.fb-chip.selected{background:#ff4b4b;color:#fff;border-color:#ff4b4b}.fb-chip.reason.selected{background:#f59e0b;color:#fff;border-color:#f59e0b}.fb-chip.like.selected{background:#58cc02;color:#fff;border-color:#58cc02}.fb-textarea{width:100%;padding:12px 16px;font-size:14px;font-weight:600;font-family:Nunito,sans-serif;background:var(--input-bg, #F8F5FF);color:var(--text, #1C1833);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;outline:none;resize:vertical;box-sizing:border-box}.fb-textarea:focus{border-color:var(--accent, #7C4DFF)}.fb-send-btn{padding:14px 28px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:#2563eb;color:#fff;border:none;border-bottom:4px solid #1D4ED8;border-radius:14px;cursor:pointer;transition:transform .1s;align-self:center}.fb-send-btn:hover{filter:brightness(1.06)}.fb-send-btn:active{border-bottom-width:1px;transform:translateY(3px)}.fb-send-btn:disabled{opacity:.4;cursor:default}.fb-hint{font-size:11px;color:var(--text-muted, #9B97B0);text-align:center}.fb-review-preview{display:flex;flex-direction:column;gap:10px}.fb-review-stars{display:flex;gap:4px}.fb-star-display{font-size:24px;color:#d0c4ff}.fb-star-display.active{color:#ffb800}.fb-review-text{width:100%;padding:16px;font-size:14px;font-weight:600;line-height:1.6;font-family:Nunito,sans-serif;background:var(--input-bg, #F8F5FF);color:var(--text, #1C1833);border:2px solid var(--accent, #7C4DFF);border-radius:14px;outline:none;resize:vertical;box-sizing:border-box}.fb-review-hint{font-size:12px;color:var(--text-muted, #9B97B0)}.fb-share-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.fb-share-btn{padding:12px 22px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.fb-share-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.fb-share-btn.copy{background:var(--accent, #7C4DFF);color:#fff}.fb-share-btn.email{background:#2563eb;color:#fff}.fb-share-btn.google{background:#ea4335;color:#fff}.fb-back-btn{padding:8px 20px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:transparent;color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #D0C4FF);border-radius:10px;cursor:pointer;align-self:center}.fb-sent{background:var(--card-bg, #fff);border:2px solid #58CC02;border-radius:16px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.fb-sent-emoji{font-size:48px}.fb-sent h4{font-size:18px;font-weight:900;color:var(--text, #1C1833)}.fb-sent p{font-size:14px;color:var(--text-sub, #6E6A80)}.fb-reset-btn{padding:8px 20px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #D0C4FF);border-radius:10px;cursor:pointer}.about-footer-section{text-align:center;padding:24px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px}.about-made{font-size:16px;font-weight:800;color:var(--text, #1C1833)}.about-version{font-size:12px;color:var(--text-muted, #9B97B0);margin-top:6px}.about-contact{font-size:12px;color:var(--text-muted, #9B97B0);margin-top:4px}:root,[data-theme=light],[data-color=purple]{--bg: #F0ECFF;--bg-gradient: linear-gradient(160deg, #EDE8FF 0%, #D8CCFF 100%);--card-bg: #FFFFFF;--card-border: #E5DCFF;--card-shadow-color: #D0C4FF;--text: #1C1833;--text-sub: #6E6A80;--text-muted: #9B97B0;--header-bg: #FFFFFF;--header-border: #E5DCFF;--input-bg: #F8F5FF;--input-border: #C9BFFF;--section-accent: #9B7FFF;--accent: #7C4DFF;--accent-light: #D0C4FF;--star-bg: #FFF8E0;--star-border: #FFD166;--streak-bg: #FFF0F0;--streak-border: #FF6B6B}[data-color=ocean]{--bg: #EBF5FF;--bg-gradient: linear-gradient(160deg, #E0F0FF 0%, #BAD9FF 100%);--card-bg: #FFFFFF;--card-border: #B8D8FF;--card-shadow-color: #90C2FF;--header-bg: #FFFFFF;--header-border: #B8D8FF;--input-bg: #F0F7FF;--input-border: #90C2FF;--section-accent: #2563EB;--accent: #2563EB;--accent-light: #93C5FD;--star-bg: #FFF8E0;--star-border: #FFD166;--streak-bg: #FFF0F0;--streak-border: #FF6B6B}[data-color=candy]{--bg: #FFF0F6;--bg-gradient: linear-gradient(160deg, #FFE4F0 0%, #FFBDD9 100%);--card-bg: #FFFFFF;--card-border: #FFB8D9;--card-shadow-color: #FF8EB8;--header-bg: #FFFFFF;--header-border: #FFB8D9;--input-bg: #FFF5F9;--input-border: #FF8EB8;--section-accent: #E91E8C;--accent: #E91E8C;--accent-light: #FFB8D9;--star-bg: #FFF8E0;--star-border: #FFD166;--streak-bg: #FFF0F0;--streak-border: #FF6B6B}[data-color=jungle]{--bg: #ECFDF5;--bg-gradient: linear-gradient(160deg, #D1FAE5 0%, #A7F3D0 100%);--card-bg: #FFFFFF;--card-border: #A7F3D0;--card-shadow-color: #6EE7B7;--header-bg: #FFFFFF;--header-border: #A7F3D0;--input-bg: #F0FDF4;--input-border: #6EE7B7;--section-accent: #059669;--accent: #059669;--accent-light: #A7F3D0;--star-bg: #FFF8E0;--star-border: #FFD166;--streak-bg: #FFF0F0;--streak-border: #FF6B6B}[data-theme=dark]{--bg: #0f1117;--bg-gradient: linear-gradient(160deg, #13151f 0%, #1a1d2e 100%);--card-bg: #1e2130;--card-border: #2a2f45;--card-shadow-color: #12141c;--text: #e8e8e8;--text-sub: #8a8fa0;--text-muted: #5a5f70;--header-bg: #13151f;--header-border: #1e2130;--input-bg: #1a1d2e;--input-border: #2a2f45;--section-accent: #a78bfa;--accent: #a78bfa;--accent-light: #312e81}.game-screen{animation:pageIn .25s ease-out}.hub{animation:pageIn .2s ease-out}.name-screen{animation:pageIn .3s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.name-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:20px}.name-card{background:var(--card-bg);border-radius:28px;padding:48px 36px;text-align:center;box-shadow:0 8px 0 var(--card-shadow-color),0 16px 40px #5c3adc2e;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;border:2px solid var(--card-border)}.name-logo{font-size:72px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(92,58,220,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.name-card h1{font-size:30px;font-weight:900;color:var(--text)}.name-card p{font-size:17px;color:var(--text-sub);font-weight:600}.name-input{width:100%;padding:14px 20px;font-size:20px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg);color:var(--text);border:3px solid var(--input-border);border-radius:16px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s}.name-input:focus{border-color:#7c4dff;box-shadow:0 0 0 4px #7c4dff26}.name-input::placeholder{color:#b5aede}.age-input{-moz-appearance:textfield}.age-input::-webkit-outer-spin-button,.age-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.name-btn{width:100%;padding:16px;font-size:20px;font-weight:900;font-family:Nunito,sans-serif;background:#58cc02;border:none;border-bottom:4px solid #46A302;border-radius:16px;color:#fff;transition:border-bottom-width .1s,transform .1s}.name-btn:hover{filter:brightness(1.06)}.name-btn:active{border-bottom-width:1px;transform:translateY(3px)}.game-screen{min-height:100vh;background:var(--bg);overflow-y:auto}.hub{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.hub-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--header-bg);border-bottom:3px solid var(--header-border);flex-wrap:wrap;gap:12px;position:sticky;top:0;z-index:10;box-shadow:0 4px 0 var(--header-border)}.hub-title{display:flex;align-items:center;gap:12px}.hub-logo{font-size:36px}.hub-title h1{font-size:20px;font-weight:900;color:var(--text)}.hub-sub{font-size:12px;color:var(--section-accent);font-weight:700}.hub-header-right{display:flex;align-items:center;gap:10px}.streak-badge{display:flex;align-items:center;gap:4px;background:#fff0f0;border-radius:20px;padding:8px 14px;border:2px solid #FF6B6B;box-shadow:0 3px #e04444}.streak-fire{font-size:16px}.streak-num{font-size:18px;font-weight:900;color:#e03131}.streak-label{font-size:11px;font-weight:700;color:#c02020}[data-theme=dark] .streak-badge{background:#2a1515;border-color:#5a2020;box-shadow:0 3px #3a1010}[data-theme=dark] .streak-num{color:#ff6b6b}[data-theme=dark] .streak-label{color:#ff8a8a}.star-total{display:flex;align-items:center;gap:6px;background:#fff8e0;border-radius:20px;padding:8px 16px;border:2px solid #FFD166;box-shadow:0 3px #e0b800}[data-theme=dark] .star-total{background:#2a2210;border-color:#5a4820;box-shadow:0 3px #3a3010}[data-theme=dark] .star-count{color:#ffd166}[data-theme=dark] .star-label{color:#c90}.star-icon{font-size:20px}.star-count{font-size:22px;font-weight:900;color:#c80}.star-label{font-size:12px;font-weight:700;color:#a70}.color-picker-row{display:flex;gap:10px;justify-content:center;padding:10px 24px 0}.color-dot{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #00000026}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:var(--text, #1C1833);transform:scale(1.2);box-shadow:0 0 0 3px var(--card-bg, #fff),0 0 0 5px currentColor}.hub-sections{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 24px}.hub-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:16px;border:2px solid transparent}.section-header.daily{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.section-header.reading{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#a5b4fc}.section-header.academics{background:linear-gradient(135deg,#eef5ff,#e0edff);border-color:#b8d4ff}.section-header.quizzes{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4}.section-header.games{background:linear-gradient(135deg,#f0ecff,#e5dcff);border-color:#d0c4ff}.section-icon{font-size:28px}.section-title{font-size:18px;font-weight:900;color:var(--text)}.section-sub{font-size:12px;font-weight:700;color:var(--text-sub)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.game-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:20px;border-bottom:5px solid var(--card-shadow, var(--card-shadow-color));padding:18px 16px;cursor:pointer;text-align:left;transition:transform .1s,border-bottom-width .1s,box-shadow .15s;box-shadow:0 2px 8px #5c3adc14;animation:cardIn .3s ease-out both}.game-card:nth-child(2){animation-delay:.05s}.game-card:nth-child(3){animation-delay:.1s}.game-card:nth-child(4){animation-delay:.15s}.game-card:nth-child(5){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{box-shadow:0 6px 20px #5c3adc24;transform:translateY(-2px)}.game-card:active{transform:translateY(3px);border-bottom-width:2px}.card-emoji-wrap{width:56px;height:56px;border-radius:16px;background:var(--card-tint, #F0ECFF);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-emoji{font-size:32px}.card-body{flex:1}.card-title{font-size:16px;font-weight:900;color:var(--card-color);margin-bottom:3px}.card-desc{font-size:12px;color:var(--text-sub);font-weight:600;margin-bottom:6px}.card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-diff{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--input-bg);padding:2px 8px;border-radius:8px}.card-wins{font-size:11px;font-weight:800;color:#46a302;background:#f0fbe6;padding:2px 8px;border-radius:8px}.card-arrow{font-size:16px;color:var(--card-color);opacity:.5}.game-card.locked{opacity:.55;cursor:not-allowed;position:relative;filter:grayscale(.4)}.game-card.locked:hover{transform:none;box-shadow:0 2px 8px #5c3adc14}.card-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffbf;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:2}[data-theme=dark] .card-lock-overlay{background:#0f1117cc}.card-lock-icon{font-size:28px}.card-lock-hint{font-size:10px;font-weight:700;color:#6e6a80;text-align:center;padding:0 12px;line-height:1.3}.hub-see-all{display:block;margin:8px auto 0;padding:8px 24px;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;background:var(--card-bg);color:var(--section-accent);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;transition:background .15s}.hub-see-all:hover{background:var(--input-bg)}.game-card[data-id=chinese]{background:linear-gradient(135deg,#fff8e8,#fff0cc);border:2px solid #FFD166;border-bottom:5px solid #D4A000}.game-card[data-id=chinese] .card-emoji-wrap{width:64px;height:64px;background:#ffe680;border-radius:18px}.game-card[data-id=chinese] .card-emoji{font-size:38px}.game-card[data-id=chinese] .card-title{font-size:20px;color:#b87000}.game-card[data-id=chinese] .card-desc{font-size:14px;color:#8a6000}.hub-footer{padding:12px 24px 24px;position:sticky;bottom:0;background:var(--bg);z-index:5}.hub-nav-bar{display:flex;gap:10px;justify-content:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:20px;padding:8px 12px;box-shadow:0 -4px 16px #5c3adc14,0 4px 0 var(--card-border)}.hub-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;background:transparent;border:2px solid transparent;border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.hub-nav-btn:hover{background:#f4f0ff;border-color:#e5dcff}.hub-nav-btn:active{transform:translateY(1px)}.hub-nav-icon{font-size:22px}.hub-nav-label{font-size:11px;font-weight:800;color:var(--accent, #7C4DFF)}