@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:var(--bg, #F0ECFF);color:var(--text, #1C1833);min-height:100vh;overflow-x:hidden}button{font-family:Nunito,sans-serif;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--card-border, #E5DCFF)}::-webkit-scrollbar-thumb{background:var(--accent, #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}.kc-opening-bar{padding:0 12px 8px}.kc-opening-toggle{width:100%;padding:10px 16px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;box-shadow:0 3px 8px #f59e0b4d}.kc-opening-toggle:hover{transform:translateY(-1px)}.kc-opening-active{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#1e293b;border:2px solid #F59E0B;border-radius:10px;padding:8px 12px}.kc-opening-label{font-size:14px;font-weight:700;color:#f59e0b;flex:1}.kc-opening-book-badge{font-size:11px;font-weight:700;background:#059669;color:#fff;padding:3px 8px;border-radius:6px;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.kc-opening-book-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #05966966}.kc-opening-book-badge.kc-free{background:#6b7280}.kc-opening-book-badge.kc-free:hover{box-shadow:0 2px 8px #6b728066}.kc-book-popup{background:#0f172a;border:2px solid #F59E0B;border-radius:12px;padding:14px;margin-top:8px;animation:fadeUp .2s ease}.kc-book-title{font-size:16px;font-weight:800;color:#f59e0b;margin-bottom:10px}.kc-book-moves{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.kc-book-move-row{display:flex;gap:8px;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:600;color:#94a3b8;font-family:monospace}.kc-book-move-row.played{color:#475569;text-decoration:line-through}.kc-book-move-row.current{color:#fde68a;background:#1e293b}.kc-book-num{color:#64748b;min-width:24px}.kc-book-white{min-width:60px;color:inherit}.kc-book-black{color:inherit}.kc-book-tip{font-size:12px;color:#fde68a;padding:8px;background:#1a2744;border-radius:8px}.kc-opening-change{font-size:12px;color:#94a3b8;background:none;border:1px solid #475569;border-radius:6px;padding:3px 8px;cursor:pointer;font-family:inherit}.kc-opening-clear{font-size:14px;color:#94a3b8;background:none;border:none;cursor:pointer;padding:2px 6px}.kc-opening-panel{margin:0 12px 12px;background:#1e293b;border:2px solid #334155;border-radius:12px;padding:12px;max-height:300px;overflow-y:auto}.kc-opening-group-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin:0 0 8px}.kc-opening-group{margin-bottom:12px}.kc-opening-group:last-child{margin-bottom:0}.kc-opening-card{display:flex;align-items:center;gap:10px;width:100%;padding:10px;margin-bottom:6px;background:#0f172a;border:2px solid #334155;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;color:#e2e8f0;transition:all .15s}.kc-opening-card:hover,.kc-opening-card.active{border-color:#f59e0b;background:#1a2744}.kc-opening-emoji{font-size:24px;flex-shrink:0}.kc-opening-info{flex:1;min-width:0}.kc-opening-name{display:block;font-size:14px;font-weight:700;color:#f8fafc}.kc-opening-desc{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.kc-draw-explain{background:#1e293b;border:1px solid #475569;border-radius:10px;padding:12px;margin:10px 0;text-align:left}.kc-draw-title{font-size:13px;font-weight:800;color:#f59e0b;margin:0 0 6px}.kc-draw-text{font-size:13px;color:#cbd5e1;margin:0;line-height:1.5}.kc-game-summary{font-size:12px;color:#94a3b8;margin:8px 0}.kc-mistakes{background:#1e293b;border:1px solid #475569;border-radius:10px;padding:12px;margin:10px 0;text-align:left}.kc-mistakes-title{font-size:13px;font-weight:800;color:#ef4444;margin:0 0 8px}.kc-mistake-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;margin-bottom:6px}.kc-mistake-row.blunder{background:#ef444426}.kc-mistake-row.mistake{background:#f59e0b26}.kc-mistake-row.inaccuracy{background:#3b82f626}.kc-mistake-icon{font-size:18px;flex-shrink:0}.kc-mistake-info{display:flex;flex-direction:column}.kc-mistake-move{font-size:13px;font-weight:700;color:#f8fafc}.kc-mistake-label{font-size:11px;color:#94a3b8}.kc-mistakes-tip{font-size:12px;color:#fde68a;margin:8px 0 0;line-height:1.4}.kc-no-mistakes{font-size:13px;color:#94a3b8;margin:0}.kc-opening-tip{margin:0 12px 8px;padding:10px 14px;font-size:13px;font-weight:600;background:#1a2744;border:1px solid #F59E0B44;border-radius:8px;color:#fde68a}.ca-wrap{max-width:920px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg, #FAFAF7);color:var(--text, #1C1917)}.ca-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ca-header .game-title{font-size:clamp(20px,4vw,28px);margin:0;text-align:center;flex:1}.ca-stars-count{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 14px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 3px 8px #f59e0b4d;white-space:nowrap}.ca-progress-card{background:var(--card, #FFFFFF);border:2px solid var(--border, #E8E4DC);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 4px 12px #0000000d}.ca-progress-row{display:flex;justify-content:space-around;gap:16px;margin-bottom:14px;flex-wrap:wrap}.ca-progress-stat{text-align:center}.ca-stat-num{font-size:22px;font-weight:800;color:var(--text, #1C1917)}.ca-stat-label{font-size:12px;color:var(--text-muted, #6B7280);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.ca-progress-bar{background:var(--border, #E8E4DC);border-radius:999px;height:12px;overflow:hidden;margin-bottom:14px}.ca-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:999px;transition:width .4s ease}.ca-resume-btn{width:100%;margin-top:4px}.ca-all-done{text-align:center;font-size:16px;font-weight:700;color:#10b981;margin:8px 0 0}.ca-trainer-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;margin-bottom:18px;background:linear-gradient(135deg,#f59e0b,#dc2626);border:none;border-radius:16px;cursor:pointer;color:#fff;text-align:left;box-shadow:0 6px 18px #f59e0b59;transition:transform .15s,box-shadow .15s;font-family:inherit}.ca-trainer-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f59e0b73}.ca-trainer-emoji{font-size:38px;flex-shrink:0}.ca-trainer-text{flex:1;display:flex;flex-direction:column;min-width:0}.ca-trainer-title{font-size:18px;font-weight:800}.ca-trainer-sub{font-size:13px;opacity:.92;margin-top:2px}.ca-trainer-arrow{font-size:22px;flex-shrink:0}.ca-themes{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}@media (min-width: 600px){.ca-themes{grid-template-columns:1fr 1fr}}.ca-theme-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card, #FFFFFF);border:3px solid var(--border, #E8E4DC);border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text, #1C1917);transition:transform .15s,box-shadow .15s,border-color .15s}.ca-theme-card:hover{transform:translateY(-2px);border-color:#f59e0b;box-shadow:0 6px 16px #00000014}.ca-theme-emoji{font-size:38px;flex-shrink:0}.ca-theme-info{flex:1;min-width:0}.ca-theme-name{font-size:17px;font-weight:800}.ca-theme-desc{font-size:13px;color:var(--text-muted, #6B7280);margin-top:2px}.ca-theme-count{font-size:18px;font-weight:800;color:var(--text-muted, #6B7280);background:var(--bg, #FAFAF7);border-radius:999px;padding:4px 12px;flex-shrink:0}.ca-levels{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}@media (min-width: 600px){.ca-levels{grid-template-columns:1fr 1fr}}.ca-level-card{display:flex;align-items:center;gap:14px;padding:16px;border:3px solid;border-radius:14px;background:var(--card, #FFFFFF);cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;font-family:inherit;color:var(--text, #1C1917)}.ca-level-card:hover:not(.locked){transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.ca-level-card.locked{opacity:.5;cursor:not-allowed}.ca-level-card.done{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important}.ca-level-emoji{font-size:36px;flex-shrink:0}.ca-level-info{flex:1;min-width:0}.ca-level-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ca-level-name{font-size:17px;font-weight:800;margin:2px 0}.ca-level-sub{font-size:13px;color:var(--text-muted, #6B7280)}.ca-level-progress{font-size:18px;font-weight:800;color:var(--text-muted, #6B7280);flex-shrink:0}.ca-level-subtitle{text-align:center;color:var(--text-muted, #6B7280);margin:0 0 18px;font-size:14px}.ca-lesson-list{display:flex;flex-direction:column;gap:10px}.ca-lesson-card{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid;border-radius:12px;background:var(--card, #FFFFFF);cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;font-family:inherit;color:var(--text, #1C1917)}.ca-lesson-card:hover:not(.locked){transform:translate(4px);box-shadow:0 4px 12px #00000014}.ca-lesson-card.locked{opacity:.5;cursor:not-allowed}.ca-lesson-card.mastered{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.ca-lesson-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.ca-lesson-info{flex:1;min-width:0}.ca-lesson-name{font-size:16px;font-weight:700}.ca-lesson-sub{font-size:13px;color:var(--text-muted, #6B7280);margin-top:2px}.ca-lesson-status{font-size:22px;flex-shrink:0}.ca-footer-note{background:var(--card, #FFFFFF);border:1px dashed var(--border, #E8E4DC);border-radius:12px;padding:14px;margin-bottom:24px}.ca-footer-note p{margin:0;font-size:13px;color:var(--text-muted, #6B7280);text-align:center}.ca-lesson{max-width:720px;margin:0 auto;padding:14px;min-height:100vh;background:var(--bg, #FAFAF7);color:var(--text, #1C1917)}.ca-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ca-lesson-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;flex:1;justify-content:center}.ca-lesson-emoji{font-size:22px}.ca-lesson-phase{font-size:14px;font-weight:700;color:var(--text-muted, #6B7280);background:var(--card, #FFFFFF);border:1px solid var(--border, #E8E4DC);padding:6px 10px;border-radius:999px;white-space:nowrap}.ca-story{text-align:center;padding:20px 12px}.ca-story-emoji{font-size:80px;margin-bottom:8px}.ca-story-title{font-size:28px;margin:0 0 6px;color:var(--text, #1C1917)}.ca-story-subtitle{font-size:16px;color:var(--text-muted, #6B7280);margin:0 0 18px}.ca-story-card{background:var(--card, #FFFFFF);border:2px solid var(--border, #E8E4DC);border-radius:16px;padding:20px;margin:0 auto 20px;max-width:560px;text-align:left;box-shadow:0 4px 12px #0000000d}.ca-story-card p{font-size:16px;line-height:1.55;margin:0 0 12px}.ca-speak-btn{background:#eff6ff;border:2px solid #3B82F6;color:#2563eb;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}.ca-watch,.ca-challenge{display:flex;flex-direction:column;align-items:center;gap:14px}.ca-board-area{display:flex;justify-content:center;width:100%}.ca-narration{background:var(--card, #FFFFFF);border:2px solid var(--border, #E8E4DC);border-radius:14px;padding:16px;width:100%;max-width:560px;text-align:center;box-shadow:0 3px 10px #0000000d}.ca-narration p{font-size:16px;line-height:1.5;margin:0 0 10px}.ca-narration-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.ca-hint{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:10px;color:#92400e;font-size:14px}.ca-msg{font-weight:700;font-size:15px;margin:8px 0;padding:8px;border-radius:8px}.ca-msg.ok{color:#065f46;background:#d1fae5}.ca-msg.bad{color:#991b1b;background:#fee2e2}.ca-quiz{text-align:center;padding:20px 12px;max-width:560px;margin:0 auto}.ca-quiz-q{font-size:22px;margin:0 0 12px;color:var(--text, #1C1917)}.ca-quiz-options{display:flex;flex-direction:column;gap:10px;margin:18px 0}.ca-quiz-btn{background:var(--card, #FFFFFF);border:3px solid var(--border, #E8E4DC);border-radius:14px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;color:var(--text, #1C1917)}.ca-quiz-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.ca-quiz-btn.ok{background:#d1fae5;border-color:#10b981;color:#065f46}.ca-quiz-btn.bad{background:#fee2e2;border-color:#ef4444;color:#991b1b;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ca-done{text-align:center;padding:30px 16px;max-width:560px;margin:0 auto}.ca-done-emoji{font-size:90px;margin-bottom:8px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ca-done h2{font-size:30px;margin:0 0 6px;color:#f59e0b}.ca-done-name{font-size:18px;font-weight:700;color:var(--text, #1C1917);margin:0 0 18px}.ca-stars{display:flex;justify-content:center;gap:12px;margin:14px 0 18px}.ca-stars .star{font-size:48px;transition:transform .3s}.ca-stars .star.on{filter:drop-shadow(0 4px 8px rgba(245,158,11,.5))}.ca-stars .star.off{opacity:.25;filter:grayscale(1)}.ca-done-msg{font-size:15px;color:var(--text-muted, #6B7280);margin:0 0 20px}.ca-primary-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:transform .15s;font-family:inherit}.ca-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ca-mini-btn{background:var(--card, #FFFFFF);color:var(--text, #1C1917);border:2px solid var(--border, #E8E4DC);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.ca-mini-btn:hover{border-color:#3b82f6}.speak-screen{min-height:100vh;background:var(--bg, #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:var(--card-bg, #FFFFFF);border-bottom:3px solid var(--header-border, #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:var(--text, #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:var(--card-bg, #FFFFFF);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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--text, #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:var(--text, #1C1833);margin:0}.heard-row{background:#f8f5ff;border:2px solid var(--card-border, #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:var(--text, #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:var(--bg, #F0ECFF);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif}.speak-done-card{background:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--text, #1C1833);margin:0}.done-words,.done-praise{font-size:15px;color:#6e6a80;font-weight:700;margin:0}.done-stars-row{font-size:18px;color:var(--text, #1C1833);font-weight:800;margin:0}.dp-today-card{margin:0 24px 4px;background:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--bg, #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:var(--card-bg, #FFFFFF);border-bottom:3px solid var(--header-border, #E5DCFF);box-shadow:0 4px #e5dcff;position:sticky;top:0;z-index:10}.dp-hist-title{font-size:18px;font-weight:900;color:var(--text, #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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #E5DCFF);border-bottom:4px solid var(--card-shadow-color, #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:var(--text, #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:var(--card-bg, #fff);border-bottom:3px solid var(--header-border, #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:var(--text, #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:var(--bg, #F0ECFF);font-family:Nunito,sans-serif}.hw-sheet{max-width:800px;margin:20px auto;background:var(--card-bg, #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:var(--text, #1C1833);margin-bottom:4px}.hw-theme{font-size:16px;color:#7c4dff;font-weight:700;margin-bottom:12px}.hw-name-line{font-size:14px;color:var(--text, #333);margin-top:12px}.hw-section{margin-bottom:28px;page-break-inside:avoid}.hw-section-title{font-size:16px;font-weight:900;color:var(--text, #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:var(--text, #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:var(--text, #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:var(--text, #1C1833)}.hw-fill-meaning{font-size:13px;color:#6e6a80}.hw-fill-blank{font-size:14px;color:var(--text, #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:var(--text, #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:var(--text, #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:var(--text, #1C1833);margin-bottom:8px}.hw-parent-box p{font-size:13px;color:#6e6a80;margin-bottom:12px}.hw-sign-line{font-size:14px;color:var(--text, #333);margin-bottom:10px}.hw-rating{font-size:14px;color:var(--text, #333)}@media print{.no-print{display:none!important}.hw-root{background:var(--card-bg, #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:var(--card-bg, #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}}.ws-wrap{max-width:920px;margin:0 auto;padding:16px;min-height:100vh;background:var(--bg, #FAFAF7);color:var(--text, #1C1917);transition:background .4s}.ws-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ws-header .game-title{font-size:clamp(20px,4vw,28px);margin:0;text-align:center;flex:1}.ws-stars{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 14px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 3px 8px #f59e0b4d;white-space:nowrap}.ws-progress-card{background:var(--card, #FFFFFF);border:2px solid var(--border, #E8E4DC);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 4px 12px #0000000d}.ws-progress-row{display:flex;justify-content:space-around;gap:16px;margin-bottom:14px}.ws-progress-stat{text-align:center}.ws-stat-num{font-size:24px;font-weight:800;color:var(--text, #1C1917)}.ws-stat-label{font-size:12px;color:var(--text-muted, #6B7280);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.ws-progress-bar{background:var(--border, #E8E4DC);border-radius:999px;height:12px;overflow:hidden;margin-bottom:14px}.ws-progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f59e0b,#10b981);border-radius:999px;transition:width .4s ease}.ws-resume-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:transform .15s;font-family:inherit}.ws-resume-btn:hover{transform:translateY(-2px)}.ws-all-done{text-align:center;font-weight:700;color:#10b981;margin:8px 0 0}.ws-levels{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}@media (min-width: 600px){.ws-levels{grid-template-columns:1fr 1fr}}.ws-level-card{display:flex;align-items:center;gap:14px;padding:16px;border:3px solid;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;font-family:inherit;color:var(--text, #1C1917)}.ws-level-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001a}.ws-level-card.done:after{content:"🏆";font-size:22px;position:absolute}.ws-level-emoji{font-size:40px;flex-shrink:0}.ws-level-info{flex:1;min-width:0}.ws-level-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ws-level-name{font-size:18px;font-weight:800;margin:2px 0}.ws-level-sub{font-size:13px;color:var(--text-muted, #6B7280)}.ws-level-progress{font-size:18px;font-weight:800;flex-shrink:0}.ws-level-subtitle{text-align:center;color:var(--text-muted, #6B7280);margin:0 0 18px;font-size:14px}.ws-footer-note{background:var(--card, #FFFFFF);border:1px dashed var(--border, #E8E4DC);border-radius:12px;padding:14px;margin-bottom:24px}.ws-footer-note p{margin:0;font-size:13px;color:var(--text-muted, #6B7280);text-align:center}.ws-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.ws-char-card{position:relative;background:var(--card, #FFFFFF);border:3px solid;border-radius:14px;padding:16px 12px;cursor:pointer;text-align:center;font-family:inherit;color:var(--text, #1C1917);transition:transform .15s,box-shadow .15s}.ws-char-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 18px #0000001f}.ws-char-card.mastered{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.ws-card-char{font-size:50px;font-weight:700;line-height:1;margin-bottom:6px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.ws-card-pinyin{font-size:16px;font-weight:700;color:#6b7280}.ws-card-meaning{font-size:13px;color:#6b7280;margin-top:2px}.ws-card-trophy{position:absolute;top:6px;right:6px;font-size:22px}.ws-lesson{max-width:720px;margin:0 auto;padding:14px;min-height:100vh;color:var(--text, #1C1917)}.ws-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ws-lesson-title{font-size:17px;font-weight:800;flex:1;text-align:center}.ws-lesson-emoji{font-size:28px}.ws-lesson-card{background:var(--card, #FFFFFF);border:3px solid;border-radius:18px;padding:24px;box-shadow:0 6px 20px #00000014;animation:wsCardIn .4s ease}@keyframes wsCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ws-stroke-info-card{border:2px solid;border-radius:14px;padding:16px;margin-bottom:18px;text-align:center;animation:wsCardIn .4s ease}.ws-stroke-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.ws-stroke-name{font-size:56px;font-weight:800;line-height:1;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.ws-stroke-pin{font-size:24px;font-weight:700;color:var(--text-muted, #6B7280)}.ws-stroke-emoji{font-size:38px}.ws-stroke-desc{font-size:16px;font-weight:600;color:var(--text, #1C1917);margin-bottom:8px}.ws-stroke-example{font-size:14px;color:var(--text-muted, #6B7280)}.ws-stroke-example-char{font-size:26px;font-weight:800;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;vertical-align:middle;margin-left:4px}.ws-char-display{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:18px}.ws-char-big{font-size:100px;font-weight:700;line-height:1;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;text-shadow:0 4px 12px rgba(0,0,0,.1);animation:charBounce .6s ease}@keyframes charBounce{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.ws-char-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.ws-pinyin{font-size:28px;font-weight:800}.ws-meaning{font-size:18px;color:var(--text, #1C1917)}.ws-listen-btn{margin-top:8px;color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 3px 8px #00000026}.ws-listen-btn:hover{transform:translateY(-1px)}.ws-stroke-box{display:flex;flex-direction:column;align-items:center;gap:14px;margin:18px 0}.ws-canvas-wrap{position:relative;background:#fafaf7;border:4px solid;border-radius:16px;overflow:hidden;width:240px;height:240px;box-shadow:0 4px 12px #00000014}.ws-canvas{width:240px;height:240px}.ws-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#6b7280}.ws-canvas-overlay.error{background:#ef4444eb;color:#fff}.ws-canvas-overlay.success{background:#10b981eb;color:#fff;font-size:22px;animation:wsCardIn .3s ease}.ws-canvas-banner{position:absolute;bottom:0;left:0;right:0;background:#6366f1e6;color:#fff;padding:8px;text-align:center;font-size:13px;font-weight:700}.ws-stroke-btns{display:flex;gap:12px}.ws-stroke-btn{border:none;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;color:#fff;box-shadow:0 4px 10px #00000026;transition:transform .15s,opacity .15s}.ws-stroke-btn.practice{background:#22c55e}.ws-stroke-btn:hover:not(:disabled){transform:translateY(-2px)}.ws-stroke-btn:disabled{opacity:.5;cursor:not-allowed}.ws-encouragement{margin-top:16px;padding:16px;border:2px solid;border-radius:14px;text-align:center;animation:wsCardIn .4s ease}.ws-enc-emoji{font-size:44px;margin-bottom:4px}.ws-enc-text{font-size:17px;font-weight:700;margin-bottom:8px}.ws-enc-stars{display:flex;justify-content:center;gap:8px}.ws-enc-stars .star{font-size:30px}.ws-enc-stars .star.off{opacity:.3;filter:grayscale(1)}.ws-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.ws-nav-btn{flex:1;background:var(--card, #FFFFFF);color:var(--text, #1C1917);border:2px solid var(--border, #E8E4DC);border-radius:999px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.ws-nav-btn.primary{color:#fff;border-color:transparent;box-shadow:0 4px 10px #00000026}.ws-nav-btn:disabled{opacity:.4;cursor:not-allowed}.cl-back{padding:8px 16px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;background:var(--card-bg, #FFFFFF);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:var(--bg, #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:var(--card-bg, #FFFFFF);border-bottom:3px solid var(--header-border, #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:var(--text, #1C1833)}.cl-subtitle{font-size:11px;color:#9b7fff;font-weight:700;margin-top:1px}.cl-total-stars{background:#fff8e0;border:2px solid var(--card-border, #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 var(--card-border, #FFD166)}.voice-banner.warn strong{color:#a50}.voice-banner.warn em{color:#c70}.voice-test-btn{margin-left:8px;background:var(--card-bg, #FFFFFF);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:var(--card-bg, #FFFFFF);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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--card-bg, #FFFFFF);border-radius:20px;padding:20px;border:2px solid var(--card-border, #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:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.learn-header{width:100%;padding:12px 20px;background:var(--card-bg, #FFFFFF);border-bottom:3px solid var(--header-border, #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 var(--card-border, #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:var(--card-bg, #FFFFFF);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:var(--text, #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 var(--card-border, #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 var(--card-border, #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:var(--text, #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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #E5DCFF);border-bottom:4px solid var(--card-shadow-color, #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:var(--text, #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:var(--text, #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;width:200px;height:200px}.hanzi-canvas{width:200px;height:200px;display:block}.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:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.quiz-header{width:100%;padding:12px 20px;background:var(--card-bg, #FFFFFF);border-bottom:3px solid var(--header-border, #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:var(--text, #1C1833)}.quiz-score{font-size:15px;font-weight:800;color:#c80;background:#fff8e0;padding:4px 12px;border-radius:12px;border:2px solid var(--card-border, #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:var(--text, #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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #E5DCFF);border-bottom:4px solid var(--card-shadow-color, #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:var(--text, #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:var(--bg, #F0ECFF);display:flex;align-items:center;justify-content:center;padding:20px}.quiz-done-card{background:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--text, #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}.lb-wrap{max-width:720px;margin:0 auto;padding:16px;min-height:100vh;color:var(--text, #1C1917);transition:background .4s}.lb-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.lb-header .game-title{font-size:clamp(20px,4vw,26px);margin:0;text-align:center;flex:1}.lb-flag{font-size:17px;font-weight:800}.lb-progress{background:#00000014;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px}.lb-intro{background:var(--card, #FFFFFF);border:2px solid;border-radius:14px;padding:16px 18px;margin-bottom:18px;text-align:center;box-shadow:0 4px 12px #0000000d}.lb-intro p{margin:0 0 6px;font-size:16px}.lb-intro-sub{font-size:13px;color:var(--text-muted, #6B7280)}.lb-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}@media (min-width: 560px){.lb-cat-grid{grid-template-columns:1fr 1fr 1fr}}.lb-cat-card{background:var(--card, #FFFFFF);border:3px solid;border-radius:14px;padding:18px 12px;cursor:pointer;text-align:center;font-family:inherit;color:var(--text, #1C1917);transition:transform .15s,box-shadow .15s}.lb-cat-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 18px #0000001f}.lb-cat-emoji{font-size:44px;margin-bottom:6px}.lb-cat-name{font-size:16px;font-weight:800}.lb-cat-count{font-size:12px;color:var(--text-muted, #6B7280);margin-top:2px}.lb-footer-note{background:#fff9;border:1px dashed rgba(0,0,0,.15);border-radius:12px;padding:12px;margin-bottom:24px}.lb-footer-note p{margin:0;font-size:12px;color:var(--text-muted, #6B7280);text-align:center}.lb-card{background:var(--card, #FFFFFF);border:4px solid;border-radius:22px;padding:32px 24px;text-align:center;margin-bottom:18px;box-shadow:0 8px 24px #0000001a;animation:lbCardIn .4s ease}@keyframes lbCardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-emoji{font-size:96px;line-height:1;margin-bottom:14px}.lb-word{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:10px;word-wrap:break-word}.lb-phonetic{font-size:22px;color:var(--text-muted, #6B7280);font-style:italic;margin-bottom:8px}.lb-english{font-size:22px;color:var(--text, #1C1917);font-weight:700;margin-bottom:18px}.lb-listen-btn{color:#fff;border:none;border-radius:999px;padding:12px 26px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 10px #00000026;transition:transform .15s}.lb-listen-btn:hover{transform:translateY(-2px)}.lb-nav{display:flex;gap:12px;margin-top:18px}.lb-nav-btn{flex:1;background:var(--card, #FFFFFF);color:var(--text, #1C1917);border:2px solid var(--border, #E8E4DC);border-radius:999px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.lb-nav-btn.primary{color:#fff;border-color:transparent;box-shadow:0 4px 12px #00000026}.lb-nav-btn:disabled{opacity:.4;cursor:not-allowed}.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.div{background:linear-gradient(135deg,#ec4899,#db2777)}.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-retry-btns{display:flex;gap:12px;justify-content:center;margin-top:12px}.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}.wp-screen{background:linear-gradient(160deg,#fde68a,#fbcfe8,#c7d2fe 70%,#a5f3fc);color:#1f2937}.wp-screen .math-menu-header h1{color:#1e293b;text-shadow:0 2px 0 rgba(255,255,255,.6)}.wp-screen .math-menu-header p{color:#334155;opacity:1}.wp-screen .math-back-btn{background:#ffffffb3;color:#1e293b;font-weight:700;box-shadow:0 2px 6px #0000001a}.wp-screen .math-back-btn:hover{background:#fffffff2}.wp-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.wp-card{border-radius:22px;padding:14px 12px;color:#fff;box-shadow:0 8px 22px #0000002e;display:flex;flex-direction:column;gap:10px}.wp-card.add{background:linear-gradient(135deg,#34d399,#059669)}.wp-card.sub{background:linear-gradient(135deg,#fb923c,#ea580c)}.wp-card.mul{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.wp-card.div{background:linear-gradient(135deg,#f472b6,#db2777)}.wp-card-head{display:flex;align-items:center;gap:10px;padding:4px 4px 6px;border-bottom:2px dashed rgba(255,255,255,.45)}.wp-card-emoji{font-size:2rem;line-height:1}.wp-card-titles{display:flex;flex-direction:column}.wp-card-title{font-size:1.15rem;font-weight:800}.wp-card-tagline{font-size:.78rem;opacity:.92}.wp-levels{display:flex;flex-direction:column;gap:6px}.wp-level-btn{background:#ffffffeb;color:#1f2937;border:none;border-radius:14px;padding:8px 10px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .1s,box-shadow .15s;box-shadow:0 2px #0000001f}.wp-level-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000002e}.wp-level-btn:active{transform:translateY(1px);box-shadow:0 1px #0000001f}.wp-level-btn.easy{background:#dcfce7;color:#14532d}.wp-level-btn.medium{background:#fef9c3;color:#713f12}.wp-level-btn.challenging{background:#fee2e2;color:#7f1d1d}.wp-level-emoji{font-size:1.05rem}@media (max-width: 480px){.wp-grid{grid-template-columns:1fr}}@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;flex-direction:column;gap:10px;width:100%;align-items:center;max-width:320px;margin:0 auto}.spell-input{width:100%;padding:14px 20px;box-sizing:border-box;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;width:100%;font-family:Nunito,sans-serif}.spell-check-btn:hover{opacity:.85}.spell-check-btn:disabled{opacity:.4;cursor:default}.spell-undo-btn{padding:10px 24px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:#f59e0b33;color:#fbbf24;border:2px solid rgba(245,158,11,.4);border-radius:12px;cursor:pointer;transition:all .15s;margin-top:8px}.spell-undo-btn:hover{background:#f59e0b4d}.spell-check-filled-btn{padding:14px 32px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:#22c55e;color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .15s;margin-top:8px;width:100%;max-width:280px}.spell-check-filled-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.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))}}.ct-container{min-height:100vh;background:linear-gradient(135deg,#1e3a5f,#0f2540);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,system-ui,sans-serif;overflow-y:auto}.ct-back{align-self:flex-start;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 18px;border-radius:20px;font-size:.95rem;cursor:pointer;transition:background .2s;margin-bottom:8px}.ct-back:hover{background:#ffffff38}.ct-heading{font-size:2rem;margin:8px 0 4px;text-align:center}.ct-subtitle{font-size:1.1rem;opacity:.75;margin:0 0 16px;text-align:center}.ct-title{font-size:1.5rem;margin:8px 0 12px;text-align:center}.ct-menu-clock{margin:8px 0 20px}.ct-cards{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:500px;width:100%;margin-bottom:20px}.ct-card{flex:1 1 140px;max-width:180px;min-height:130px;border:none;border-radius:16px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff;text-align:center}.ct-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.ct-card:active{transform:scale(.97)}.ct-card-icon{font-size:2rem}.ct-card-label{font-size:1.15rem;font-weight:700}.ct-card-desc{font-size:.82rem;opacity:.85}.ct-card-blue{background:linear-gradient(135deg,#2980b9,#3498db)}.ct-card-purple{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.ct-card-orange{background:linear-gradient(135deg,#d35400,#e67e22)}.ct-card-green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.ct-card-yellow{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#1a1a2e}.ct-card-red{background:linear-gradient(135deg,#c0392b,#e74c3c)}.ct-clock-wrap{margin:12px 0 16px;display:flex;justify-content:center}.ct-clock-svg{filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.ct-digital{font-size:2.8rem;font-weight:700;font-family:Courier New,monospace;background:#00000059;padding:8px 32px;border-radius:12px;border:2px solid rgba(91,192,235,.4);text-align:center;margin-bottom:16px;letter-spacing:4px}.ct-btn{background:#ffffff24;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 22px;border-radius:12px;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s;font-weight:600}.ct-btn:hover{background:#ffffff3d}.ct-btn:active{transform:scale(.96)}.ct-btn:disabled{opacity:.5;cursor:default}.ct-small{padding:6px 14px;font-size:1.2rem;border-radius:8px;min-width:38px}.ct-primary{background:linear-gradient(135deg,#2980b9,#3498db);border:none;padding:12px 28px;font-size:1.1rem}.ct-primary:hover{background:linear-gradient(135deg,#3498db,#5dade2)}.ct-check{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;padding:12px 36px;font-size:1.15rem;margin-top:8px}.ct-check:hover{background:linear-gradient(135deg,#2ecc71,#58d68d)}.ct-learn{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.ct-hint{opacity:.7;font-size:.95rem;margin:0 0 8px;text-align:center}.ct-learn-controls{margin:8px 0}.ct-hour-btns{display:flex;align-items:center;gap:12px}.ct-hour-display{font-size:1.4rem;font-weight:700;min-width:30px;text-align:center}.ct-label{font-size:.95rem;font-weight:600;opacity:.85}.ct-presets{margin:16px 0;text-align:center}.ct-preset-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.ct-preset{padding:8px 16px;font-size:1rem;background:#5bc0eb33;border-color:#5bc0eb80}.ct-preset:hover{background:#5bc0eb59}.ct-legend{display:flex;gap:20px;margin-top:12px;font-size:.9rem;opacity:.8}.ct-legend-item{display:flex;align-items:center;gap:6px}.ct-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.ct-red{background:#ff6b6b}.ct-blue{background:#5bc0eb}.ct-quiz{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px}.ct-quiz-header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ct-progress{font-size:.95rem;opacity:.8}.ct-score-pill{background:#ffd73d33;border:1px solid rgba(255,215,61,.5);padding:4px 14px;border-radius:20px;font-weight:600;font-size:.9rem;color:#ffd93d}.ct-choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0 12px}.ct-choice{min-width:100px;padding:14px 24px;font-size:1.3rem;font-family:Courier New,monospace;font-weight:700;border-radius:14px;letter-spacing:2px}.ct-correct{background:#2ecc7159!important;border-color:#2ecc71!important;box-shadow:0 0 12px #2ecc7166}.ct-wrong-pick{background:#e74c3c59!important;border-color:#e74c3c!important;box-shadow:0 0 12px #e74c3c66}.ct-target-time{font-size:2.6rem;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(135deg,#ffd73d33,#ff6b6b33);padding:10px 36px;border-radius:14px;border:2px solid rgba(255,215,61,.5);margin-bottom:10px;letter-spacing:4px;text-align:center}.ct-set-controls{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-end;margin:8px 0}.ct-control-group{display:flex;align-items:center;gap:8px;background:#ffffff0f;padding:10px 14px;border-radius:12px}.ct-val{font-size:1.4rem;font-weight:700;font-family:Courier New,monospace;min-width:36px;text-align:center}.ct-explanation{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-left:4px solid #f39c12;padding:12px 18px;border-radius:10px;margin:8px 0;max-width:380px;text-align:center}.ct-explanation p{margin:4px 0;font-size:.95rem;line-height:1.5}.ct-feedback{display:flex;align-items:center;gap:16px;margin:12px 0}.ct-fb-correct{font-size:1.2rem;font-weight:700;color:#2ecc71}.ct-fb-wrong{font-size:1.2rem;font-weight:700;color:#e74c3c}.ct-results{display:flex;flex-direction:column;align-items:center;padding-top:40px}.ct-score-big{font-size:3.5rem;font-weight:800;margin:12px 0;background:linear-gradient(135deg,#ffd93d,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ct-stars-row{display:flex;gap:8px;margin:8px 0 16px}.ct-star{font-size:2.5rem;color:#ffffff26;transition:color .3s,transform .3s}.ct-star-on{color:#ffd93d;text-shadow:0 0 12px rgba(255,217,61,.6);transform:scale(1.1)}.ct-msg{font-size:1.15rem;opacity:.85;text-align:center;margin:0 0 20px}.ct-btn-row{display:flex;gap:12px}@media (max-width: 480px){.ct-container{padding:14px}.ct-heading{font-size:1.6rem}.ct-digital,.ct-target-time{font-size:2rem;padding:8px 20px}.ct-choice{min-width:80px;padding:12px 18px;font-size:1.1rem}.ct-card{flex:1 1 120px;min-height:110px;padding:14px 10px}.ct-score-big{font-size:2.8rem}}.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:var(--bg-gradient, linear-gradient(135deg, #fef3c7 0%, #fde68a 100%));color:var(--text, #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:var(--card-bg, rgba(255, 255, 255, .7));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:var(--card-bg, #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:var(--card-bg, #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:var(--card-bg, #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:var(--card-bg, #fff);color:var(--text, #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:var(--card-bg, #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-read-instructions{text-align:center}.sb-parent-note{font-size:14px;font-weight:700;color:#92400e;background:#fef3c7;border:2px solid #FDE68A;border-radius:12px;padding:10px 16px;margin:0 0 12px}.sb-reading-hint{font-size:13px;font-weight:600;color:#78716c;margin:0 0 8px}.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:var(--card-bg, #fff);border:2px solid #d97706;color:var(--text, #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:var(--card-bg, #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:var(--card-bg, #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:var(--card-bg, #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}}.src-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#0009;animation:srcFadeIn .2s ease;padding:20px}@keyframes srcFadeIn{0%{opacity:0}to{opacity:1}}.src-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:340px;width:100%}.src-card{width:100%;border-radius:20px;overflow:hidden;background:var(--card-bg, #fff);box-shadow:0 10px 40px #0003;animation:srcPop .3s ease}@keyframes srcPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.src-card-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#7c4dff,#a78bfa)}.src-logo{font-size:20px}.src-brand{font-size:18px;font-weight:900;color:#fff;letter-spacing:1px}.src-card-body{display:flex;flex-direction:column;align-items:center;padding:20px;gap:6px}.src-avatar{font-size:40px}.src-name{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.src-level{font-size:12px;font-weight:700;color:#7c4dff;background:#f4f0ff;padding:3px 12px;border-radius:10px}.src-game{font-size:14px;font-weight:700;color:#6e6a80}.src-score-ring{position:relative;width:100px;height:100px;margin:8px 0}.src-ring-svg{width:100%;height:100%}.src-score-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.src-score-num{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.src-score-pct{font-size:12px;font-weight:700;color:#7c4dff}.src-stars{font-size:24px;letter-spacing:4px}.src-date{font-size:12px;color:#9b97b0;font-weight:600}.src-card-footer{text-align:center;padding:10px;background:#f8f5ff;font-size:11px;font-weight:700;color:#9b97b0}.src-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.src-btn{padding:12px 20px;font-size:14px;font-weight:800;border:none;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .1s}.src-btn:active{transform:scale(.95)}.src-share{background:#7c4dff;color:#fff}.src-copy{background:var(--card-bg, #fff);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.src-close{background:#fff3;color:#fff}.sm-root{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column}.sm-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF)}.sm-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}.sm-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.sm-level-tag{font-size:13px;font-weight:800;color:#d97706;background:#fffbeb;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:var(--text, #1C1833)}.sm-landing-sub{font-size:15px;color:var(--text-sub, #6E6A80)}.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:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-bottom:4px solid var(--card-border, #D0C4FF);border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.sm-level-card:hover{border-color:var(--accent, #7C4DFF);transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.sm-lc-icon{font-size:32px}.sm-lc-label{font-size:16px;font-weight:900;color:var(--text, #1C1833)}.sm-lc-desc{font-size:11px;color:var(--text-sub, #6E6A80)}.sm-lc-time{font-size:12px;color:#d97706;font-weight:800}.sm-lc-best{font-size:11px;color:#15803d;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:var(--input-bg, #F4F0FF);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;color:var(--text, #1C1833)}.sm-score-text{font-size:1rem;font-weight:700;color:var(--text-sub, #6E6A80)}.sm-streak{font-size:1rem;font-weight:900;color:#d97706;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:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:20px;min-width:120px;max-width:90vw;box-sizing:border-box;box-shadow:0 4px 16px #0000000f}.sm-mv-row{display:flex;align-items:center;gap:8px}.sm-mv-op{font-size:clamp(1.4rem,5vw,2rem);font-weight:900;color:var(--accent, #7C4DFF);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:var(--text, #1C1833);width:.65em;text-align:center}.sm-mv-line{height:3px;background:var(--text, #1C1833);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:var(--input-bg, #F4F0FF);color:var(--text, #1C1833);border:2px solid var(--card-border, #E5DCFF);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:var(--accent, #7C4DFF)}.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,var(--accent, #7C4DFF),#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:var(--text-sub, #6E6A80)}.sm-quit{margin:12px auto 24px;padding:8px 24px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:transparent;color:var(--text-sub, #6E6A80);border:1px solid var(--card-border, #E5DCFF);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:var(--text, #1C1833)}.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:var(--accent, #7C4DFF)}.sm-rs-label{font-size:11px;font-weight:700;color:var(--text-sub, #6E6A80);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-visual-math{text-align:center}.hw-visual-question{font-size:2rem;letter-spacing:4px;margin-bottom:8px}.hw-visual-hint{font-size:1.2rem;color:#ffffff80;letter-spacing:2px}.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-adaptive-badge{font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:12px;animation:hw-fadeIn .3s ease}.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}}.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)}.hw-share-btn{padding:14px 32px;font-size:1.1rem;font-weight:800;border:2px solid #fbbf24;border-radius:40px;background:linear-gradient(135deg,#92400e,#b45309);color:#fff;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s;box-shadow:0 4px 16px #fbbf244d}.hw-share-btn:hover{transform:scale(1.05)}.hw-share-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}}.tt-root{min-height:100vh;background:linear-gradient(180deg,#1a0533,#0d0222);color:#e8e8e8;font-family:Nunito,sans-serif;display:flex;flex-direction:column}.tt-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:#1a0533e6;border-bottom:1px solid #2d1b4e}.tt-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}.tt-title{font-size:20px;font-weight:900;color:#fff;flex:1}.tt-score-badge{font-size:14px;font-weight:800;color:#22c55e;background:#22c55e26;padding:4px 12px;border-radius:10px}.tt-select{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:20px}.tt-select-title{font-size:24px;font-weight:900;color:#fff}.tt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:400px}.tt-table-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;background:#2d106099;border:2px solid #4c1d95;border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.tt-table-btn:hover{border-color:#a78bfa;transform:translateY(-2px)}.tt-table-btn.all{grid-column:span 2;background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f7}.tt-btn-num{font-size:24px;font-weight:900;color:#fff}.tt-btn-label{font-size:11px;color:#c4b5fd;font-weight:600}.tt-quiz{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.tt-progress{font-size:13px;font-weight:700;color:#818cf8}.tt-question{display:flex;align-items:center;gap:12px;padding:24px 32px;background:#2d106080;border:2px solid #4c1d95;border-radius:20px}.tt-q-num{font-size:42px;font-weight:900;color:#fff}.tt-q-op{font-size:32px;font-weight:900;color:#fbbf24}.tt-q-eq{font-size:32px;font-weight:900;color:#818cf8}.tt-q-ans{font-size:42px;font-weight:900;color:#60a5fa}.tt-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:320px}.tt-choice{padding:18px;font-size:24px;font-weight:900;font-family:Nunito,sans-serif;background:#2d106080;border:2px solid #4c1d95;border-radius:14px;color:#fff;cursor:pointer;transition:all .12s}.tt-choice:hover:not(:disabled){border-color:#a78bfa;transform:translateY(-2px)}.tt-choice.correct{border-color:#22c55e;background:#052e16b3}.tt-choice.wrong{border-color:#ef4444;background:#2a0f0fb3}.tt-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}.tt-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.tt-btn.secondary{background:#2d1b4e;color:#c4b5fd;border:2px solid #4c1d95}.tt-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.tt-result-emoji{font-size:64px}.tt-result-score{font-size:32px;font-weight:900;color:#a78bfa}.tt-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media (max-width:400px){.tt-grid{grid-template-columns:repeat(3,1fr)}.tt-q-num{font-size:32px}}.dw-root{min-height:100vh;background:var(--bg, #f5f5f5);font-family:Nunito,sans-serif;display:flex;flex-direction:column}.dw-header{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--header-bg, #fff);border-bottom:2px solid var(--header-border, #e0e0e0);z-index:5;flex-shrink:0}.dw-back{padding:6px 12px;font-size:14px;font-weight:700;background:var(--input-bg, #f0f0f0);color:var(--text, #333);border:2px solid var(--card-border, #ddd);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;flex-shrink:0}.dw-title{font-size:18px;font-weight:900;color:var(--text, #333);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-header-btns{display:flex;gap:6px;flex-shrink:0}.dw-tool-btn{width:36px;height:36px;background:var(--input-bg, #f0f0f0);border:2px solid var(--card-border, #ddd);border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dw-tool-btn:hover{background:var(--card-border, #e0e0e0)}.dw-canvas-wrap{flex:1;position:relative;overflow:hidden;touch-action:none}.dw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.dw-toolbar{display:flex;flex-direction:column;gap:8px;padding:10px 16px 16px;background:var(--header-bg, #fff);border-top:2px solid var(--header-border, #e0e0e0);flex-shrink:0}.dw-tool-row{display:flex;gap:8px}.dw-tool{flex:1;padding:8px;font-size:14px;font-weight:800;font-family:Nunito,sans-serif;background:var(--input-bg, #f5f5f5);border:2px solid var(--card-border, #ddd);border-radius:10px;cursor:pointer;text-align:center;color:var(--text, #333)}.dw-tool.active{border-color:#7c4dff;background:#f0ecff;color:#7c4dff}.dw-colors{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.dw-color{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .1s;box-shadow:0 2px 4px #0003}.dw-color:hover{transform:scale(1.15)}.dw-color.active{transform:scale(1.2);box-shadow:0 0 0 3px #7c4dff}.dw-sizes{display:flex;gap:10px;justify-content:center;align-items:center}.dw-size{width:40px;height:40px;background:var(--input-bg, #f5f5f5);border:2px solid var(--card-border, #ddd);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.dw-size.active{border-color:#7c4dff;background:#f0ecff}.dw-size-dot{background:var(--text, #333);border-radius:50%}.fe-root{min-height:100vh;background:linear-gradient(180deg,#0a1628,#122040);color:#e8e8e8;font-family:Nunito,sans-serif;display:flex;flex-direction:column;position:relative}.fe-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#0a1224e6;border-bottom:1px solid #1e2e50;position:sticky;top:0;z-index:10}.fe-back{padding:7px 14px;font-size:14px;font-weight:700;background:#1a2a4a;color:#63b3ed;border:2px solid #2a3a5c;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.fe-title{font-size:18px;font-weight:900;color:#fff;flex:1}.fe-score-badge{font-size:14px;font-weight:800;color:#22c55e}.fe-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:16px}.fe-landing-emoji{font-size:64px}.fe-landing h2{font-size:24px;font-weight:900;color:#fff}.fe-landing-sub{font-size:14px;color:#5a7aa0}.fe-landing-btns{display:flex;gap:12px;flex-wrap:wrap}.fe-mode-btn{padding:16px 28px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:14px;cursor:pointer;color:#fff;transition:all .15s}.fe-mode-btn.explore{background:linear-gradient(135deg,#2563eb,#38bdf8)}.fe-mode-btn.quiz{background:linear-gradient(135deg,#7c3aed,#a855f7)}.fe-mode-btn:hover{transform:translateY(-2px)}.fe-controls{padding:12px 20px;display:flex;flex-direction:column;gap:10px}.fe-search{width:100%;padding:10px 16px;font-size:15px;font-weight:600;font-family:Nunito,sans-serif;background:#1e2e5080;color:#fff;border:2px solid #2a3a5c;border-radius:12px;outline:none;box-sizing:border-box}.fe-search:focus{border-color:#63b3ed}.fe-search::placeholder{color:#5a7aa0}.fe-regions{display:flex;gap:6px;flex-wrap:wrap}.fe-region-btn{padding:6px 14px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;background:#1e2e5066;color:#8aa0c0;border:1px solid #2a3a5c;border-radius:20px;cursor:pointer;transition:all .12s}.fe-region-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.fe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px 20px 80px}.fe-flag-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#1e2e5066;border:1px solid #2a3a5c;border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.fe-flag-card:hover{border-color:#63b3ed;transform:translateY(-2px)}.fe-flag-emoji{font-size:40px}.fe-flag-name{font-size:11px;font-weight:700;color:#8aa0c0;text-align:center;line-height:1.2}.fe-detail{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.fe-detail-card{background:#13203a;border:2px solid #2a3a5c;border-radius:24px;padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px;width:100%}.fe-detail-flag{font-size:80px}.fe-detail-name{font-size:24px;font-weight:900;color:#fff}.fe-detail-region{font-size:14px;font-weight:700;color:#63b3ed}.fe-quiz{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.fe-progress{font-size:13px;font-weight:700;color:#5a7aa0}.fe-quiz-flag{font-size:80px}.fe-quiz-prompt{font-size:16px;font-weight:700;color:#8aa0c0}.fe-quiz-options{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px}.fe-quiz-opt{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;background:#1e2e5080;border:2px solid #2a3a5c;border-radius:14px;color:#fff;cursor:pointer;text-align:left;transition:all .12s}.fe-quiz-opt:hover:not(:disabled){border-color:#63b3ed}.fe-quiz-opt.correct{border-color:#22c55e;background:#052e16b3}.fe-quiz-opt.wrong{border-color:#ef4444;background:#2a0f0fb3}.fe-btn{padding:14px 28px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:14px;cursor:pointer}.fe-btn.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.fe-btn.secondary{background:#1a2a4a;color:#63b3ed;border:2px solid #2a3a5c}.fe-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.fe-result-emoji{font-size:64px}.fe-result-score{font-size:36px;font-weight:900;color:#63b3ed}.fe-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.fe-float-quiz{position:fixed;bottom:24px;right:24px;padding:14px 24px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:20px;cursor:pointer;box-shadow:0 4px 20px #7c3aed66;z-index:5;transition:all .15s}.fe-float-quiz:hover{transform:translateY(-2px)}@media (max-width:400px){.fe-grid{grid-template-columns:repeat(3,1fr)}.fe-quiz-flag{font-size:60px}}.fe-map-hint{text-align:center;font-size:14px;color:#94a3b8;padding:8px 16px 0;font-weight:700}.fe-map-container{padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.fe-map-svg{width:100%;min-width:500px;max-width:800px;margin:0 auto;display:block;border-radius:16px;overflow:hidden}.fe-continent-shape{cursor:pointer;transition:fill .2s,opacity .2s}.fe-continent-shape:hover{opacity:.85}.fe-continent-label{pointer-events:none;-webkit-user-select:none;user-select:none}.fe-country-dot-group{cursor:pointer}.fe-country-dot{transition:r .15s,fill .15s}.fe-country-dot-group:hover .fe-country-dot,.fe-country-dot-group:active .fe-country-dot{r:9}.fe-dot-pulse{animation:dotPulse 1.2s ease-in-out infinite}@keyframes dotPulse{0%{r:10;opacity:1}50%{r:18;opacity:.3}to{r:10;opacity:1}}.fe-dot-tooltip{pointer-events:none;animation:tooltipFade .2s ease-out}@keyframes tooltipFade{0%{opacity:0}to{opacity:1}}.fe-continent-detail{margin:0 16px 16px;padding:16px;background:#1a2a4a;border-radius:16px;border:2px solid #2a3a5c;animation:fadeUp .25s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fe-continent-title{font-size:18px;font-weight:900;color:#fff;margin:0 0 12px;display:flex;align-items:center;gap:8px}.fe-continent-count{font-size:12px;font-weight:700;color:#94a3b8;margin-left:auto}.fe-continent-countries{display:flex;flex-wrap:wrap;gap:8px}.fe-country-chip{padding:8px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:#0f2744;color:#e8e8e8;border:1.5px solid #2a3a5c;border-radius:12px;cursor:pointer;transition:all .15s}.fe-country-chip:hover{background:#1e3a5c;border-color:#63b3ed}.fe-country-chip:active{transform:scale(.95)}.fe-continent-empty{font-size:14px;color:#94a3b8;text-align:center;padding:12px}.fe-chip-active{background:#fbbf24!important;color:#1a0533!important;border-color:#f59e0b!important}.fe-tapped-banner{margin:0 16px 8px;padding:14px 16px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:14px;border:2px solid #fbbf24;animation:fadeUp .25s ease-out}.fe-tapped-header{display:flex;align-items:center;gap:12px}.fe-tapped-flag{font-size:36px}.fe-tapped-info{flex:1}.fe-tapped-name{font-size:18px;font-weight:900;color:#fff;display:block}.fe-tapped-capital{font-size:12px;font-weight:700;color:#94a3b8;display:block;margin-top:2px}.fe-tapped-region{font-size:11px;font-weight:700;color:#94a3b8;background:#0f2744;padding:4px 10px;border-radius:8px;white-space:nowrap}.fe-tapped-facts{font-size:13px;color:#cbd5e1;line-height:1.5;margin:10px 0 0;padding-top:10px;border-top:1px solid #334155}.fe-detail-facts{font-size:13px;color:#cbd5e1;line-height:1.5;margin:10px 0;padding:10px 12px;background:#0f2744;border-radius:10px;text-align:left}@media (max-width: 500px){.fe-map-svg{min-width:450px}}.pz-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif;display:flex;flex-direction:column}.pz-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF);position:sticky;top:0;z-index:10}.pz-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}.pz-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.pz-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:24px}.pz-landing-title{font-size:24px;font-weight:900;color:var(--text, #1C1833)}.pz-mode-grid,.pz-diff-grid{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.pz-mode-card,.pz-diff-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 28px;min-width:140px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:20px;border-bottom:4px solid var(--card-shadow-color, #D0C4FF);cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.pz-mode-card:hover,.pz-diff-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5c3adc1f}.pz-mode-emoji{font-size:48px}.pz-mode-label{font-size:18px;font-weight:900;color:var(--text, #1C1833)}.pz-mode-desc{font-size:12px;color:var(--text-sub, #6E6A80);text-align:center}.pz-diff-icon{font-size:36px}.pz-diff-label{font-size:16px;font-weight:800;color:var(--text, #1C1833)}.pz-game{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.pz-maze-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.pz-maze-info{display:flex;gap:20px;font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.pz-maze-grid{display:grid;background:var(--card-bg, #fff);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}.pz-maze-cell{display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,22px);background:var(--input-bg, #F8F5FF);box-sizing:border-box}.pz-maze-cell.player{background:var(--accent-light, #D0C4FF)}.pz-maze-cell.goal{background:#fff8e0}.pz-dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.pz-dpad-mid{display:flex;gap:40px}.pz-dpad-btn{width:48px;height:48px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;color:var(--accent, #7C4DFF)}.pz-dpad-btn:hover{background:var(--input-bg, #F4F0FF)}.pz-dpad-btn:active{transform:scale(.9)}.pz-maze-win,.pz-jigsaw-win{font-size:18px;font-weight:900;color:#22c55e;background:#f0fdf4;padding:12px 24px;border-radius:14px;border:2px solid #22c55e}.pz-wood{background:linear-gradient(135deg,#deb887,tan,#c8a878)!important}.pz-header-wood{background:#c8a060!important;border-bottom-color:#a0804a!important}.pz-header-wood .pz-title{color:#3e2723!important}.pz-header-wood .pz-back{background:#b8904a;color:#fff;border-color:#a0804a}.pz-image-picker{flex:1;padding:16px 20px;overflow-y:auto}.pz-upload-btn-wrap{text-align:center;margin-bottom:12px}.pz-upload-label{display:inline-block;cursor:pointer}.pz-or{text-align:center;font-size:13px;color:#8b6914;font-weight:700;margin:8px 0}.pz-animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pz-animal-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 8px;border-radius:16px;border:3px solid rgba(139,105,20,.3);border-bottom:5px solid rgba(139,105,20,.4);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;box-shadow:0 3px 10px #0000001a}.pz-animal-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px #00000026}.pz-animal-card:active{transform:scale(.96)}.pz-animal-emoji{font-size:42px}.pz-animal-label{font-size:13px;font-weight:800;color:#3e2723}.pz-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pz-image-thumb{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--card-border);cursor:pointer;transition:all .15s;aspect-ratio:1;background:#eee;padding:0;font-family:Nunito,sans-serif}.pz-image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pz-image-thumb:hover{border-color:var(--accent);transform:scale(1.03)}.pz-thumb-label{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#0009;color:#fff;font-size:9px;font-weight:700;text-align:center}.pz-jigsaw-ref{text-align:center;margin-bottom:10px;position:relative}.pz-jigsaw-ref:before{content:"🎯 Match this picture!";display:block;font-size:14px;font-weight:800;color:#a0804a;margin-bottom:6px}.pz-jigsaw-ref-img{width:130px;height:130px;object-fit:cover;border-radius:16px;border:4px dashed #FFD700;box-shadow:0 4px 16px #0000002e;animation:pz-ref-glow 2s ease-in-out infinite}@keyframes pz-ref-glow{0%,to{box-shadow:0 4px 16px #0000002e;border-color:gold}50%{box-shadow:0 4px 20px #ffd70066;border-color:#ffa000}}.pz-jigsaw-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.pz-jigsaw-info{display:flex;gap:20px;font-size:14px;font-weight:700;color:#5d4037}.pz-jigsaw-board{position:relative;border-radius:14px;box-shadow:0 6px 24px #0003,0 0 0 4px #a0804a,0 0 0 8px #8b6914;background:#c8a060;overflow:visible}.pz-jig-piece{position:absolute;cursor:pointer;transition:filter .15s,transform .15s;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.25));z-index:1}.pz-jig-piece:hover{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.35)) brightness(1.05);z-index:5}.pz-jig-piece.pz-jig-selected{filter:drop-shadow(0 0 8px rgba(255,215,0,.9)) brightness(1.1);z-index:10;transform:scale(1.06)}.pz-jig-piece.pz-jig-done{cursor:default;filter:none}.pz-jigsaw-hint{font-size:12px;color:#8b6914;font-weight:600;text-align:center}.pz-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.pz-result-emoji{font-size:64px}.pz-result h2{font-size:24px;font-weight:900;color:var(--text, #1C1833)}.pz-result-moves{font-size:16px;color:var(--text-sub, #6E6A80)}.pz-completed-image{margin-bottom:16px}.pz-completed-img{width:200px;height:200px;object-fit:cover;border-radius:20px;border:4px solid #22c55e;box-shadow:0 8px 32px #22c55e33;animation:pzImgPop .5s ease}@keyframes pzImgPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pz-result-msg{font-size:14px;font-weight:600;color:var(--text-sub, #78716C);max-width:300px;text-align:center;line-height:1.5;margin:4px 0}.pz-result-stars{font-size:28px;letter-spacing:4px;margin:8px 0}.pz-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pz-btn{padding:14px 24px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;border:none;border-radius:14px;cursor:pointer}.pz-btn.primary{background:var(--accent, #7C4DFF);color:#fff}.pz-btn.secondary{background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #D0C4FF)}.pz-slide-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.pz-slide-info{display:flex;gap:20px;font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.pz-slide-grid{display:grid;border-radius:14px;overflow:hidden;background:var(--card-bg, #fff);padding:8px;box-shadow:0 6px 24px #0000001a;border:3px solid var(--card-border, #E5DCFF)}.pz-slide-tile{display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;box-shadow:0 3px 8px #00000026}.pz-slide-tile:hover:not(:disabled):not(.pz-slide-empty){transform:scale(1.06);box-shadow:0 4px 14px #00000040}.pz-slide-tile:active:not(:disabled){transform:scale(.95)}.pz-slide-empty{background:transparent!important;box-shadow:none!important;cursor:default}.pz-slide-done{animation:pz-slide-pop .3s ease}@keyframes pz-slide-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pz-slide-num{font-size:clamp(18px,5vw,28px);font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.pz-slide-hint{font-size:13px;color:var(--text-sub, #6E6A80);font-weight:600;text-align:center}.pz-slide-goal{font-size:16px;font-weight:800;color:var(--accent, #7C4DFF);text-align:center;margin:4px 0 0;background:var(--input-bg, #F4F0FF);padding:8px 20px;border-radius:12px;border:2px solid var(--card-border, #E5DCFF)}.pz-color-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.pz-color-info{display:flex;gap:20px;font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.pz-color-grid{display:grid;border-radius:16px;overflow:hidden;background:var(--card-bg, #fff);padding:8px;box-shadow:0 6px 24px #0000001a;border:3px solid var(--card-border, #E5DCFF)}.pz-color-tile{display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;border:none;transition:all .15s;font-family:Nunito,sans-serif;box-shadow:0 3px 8px #00000026}.pz-color-tile:hover{transform:scale(1.06);box-shadow:0 4px 14px #00000040}.pz-color-tile:active{transform:scale(.95)}.pz-color-selected{box-shadow:0 0 0 4px gold,0 4px 16px #ffd70080!important;transform:scale(1.08);z-index:2}.pz-color-done{animation:pz-slide-pop .3s ease}.pz-color-num{font-size:clamp(18px,5vw,28px);font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pz-goal-box{text-align:center;margin-top:12px;background:var(--input-bg, #F4F0FF);padding:12px 20px 14px;border-radius:16px;border:3px dashed var(--accent, #7C4DFF);box-shadow:0 3px 12px #7c4dff1f;animation:pz-goal-pulse 2s ease-in-out infinite}@keyframes pz-goal-pulse{0%,to{border-color:var(--accent, #7C4DFF)}50%{border-color:gold}}.pz-goal-label{font-size:15px;font-weight:800;color:var(--accent, #7C4DFF);display:block;margin-bottom:8px}.pz-goal-mini{display:grid;gap:3px;justify-content:center;max-width:200px;margin:0 auto}.pz-goal-cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:800;background:var(--card-border, #E5DCFF);color:var(--text, #2D2640);box-shadow:0 1px 3px #0000001a}.fc-root{min-height:100vh;background:var(--bg-gradient, linear-gradient(180deg,#FFF7ED,#FEF3C7));font-family:Nunito,sans-serif;display:flex;flex-direction:column}.fc-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #FDE68A);position:sticky;top:0;z-index:10}.fc-back{padding:7px 14px;font-size:14px;font-weight:700;background:var(--input-bg, #FEF9C3);color:var(--text, #92400E);border:2px solid var(--card-border, #FDE68A);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.fc-title{font-size:20px;font-weight:900;color:var(--text, #92400E);flex:1}.fc-counter{font-size:14px;font-weight:800;color:var(--text-sub, #D97706)}.fc-pick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:24px}.fc-pick-title{font-size:28px;font-weight:900;color:var(--text, #92400E)}.fc-cat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;max-width:480px}.fc-cat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #FDE68A);border-radius:16px;border-bottom:4px solid var(--card-shadow-color, #F59E0B);cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.fc-cat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b33}.fc-cat-emoji{font-size:32px}.fc-cat-label{font-size:14px;font-weight:900;color:var(--text, #92400E)}.fc-cat-desc{font-size:10px;color:var(--text-sub, #B45309)}.fc-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}.fc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;min-height:340px;background:var(--card-bg, #fff);border:4px solid var(--card-border, #FDE68A);border-radius:32px;padding:32px 24px;box-shadow:0 8px 32px #f59e0b26;cursor:pointer;transition:transform .2s;position:relative}.fc-card:hover{transform:scale(1.02)}.fc-card:active{transform:scale(.98)}.fc-big-letter{font-size:100px;font-weight:900;color:#d97706;line-height:1;text-shadow:0 4px 8px rgba(217,119,6,.2)}.fc-big-number{font-size:90px;font-weight:900;color:#2563eb;line-height:1;text-shadow:0 4px 8px rgba(37,99,235,.2)}.fc-card-emoji{font-size:64px}.fc-card-word{font-size:24px;font-weight:900;color:var(--text, #1F2937)}.fc-dots{font-size:20px;color:#d97706;letter-spacing:4px}.fc-color-fill{width:100%;flex:1;border-radius:20px;display:flex;align-items:center;justify-content:center;min-height:200px}.fc-color-name{font-size:48px;font-weight:900;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.3);letter-spacing:2px}.fc-shape-svg{width:180px;height:180px}.fc-card-sub{font-size:14px;font-weight:700;color:#d97706}.fc-tap-hint{font-size:11px;color:#d97706;position:absolute;bottom:12px}.fc-nav{display:flex;gap:10px}.fc-nav-btn{padding:14px 24px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:var(--input-bg, #FEF3C7);color:var(--text, #92400E);border:2px solid var(--card-border, #FDE68A);border-radius:14px;cursor:pointer;transition:all .15s}.fc-nav-btn:hover{background:var(--card-border, #FDE68A)}.fc-listen-btn{padding:14px 24px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;background:#f59e0b;color:#fff;border:none;border-radius:14px;cursor:pointer}.fc-dots-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:300px}.fc-dot{width:10px;height:10px;border-radius:50%;background:#fde68a;cursor:pointer;transition:all .2s}.fc-dot.active{background:#f59e0b;transform:scale(1.3)}@media (max-width:400px){.fc-big-letter{font-size:72px}.fc-big-number{font-size:64px}.fc-card{min-height:280px;padding:24px 16px}}.rhy-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif}.rhy-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF);position:sticky;top:0;z-index:10}.rhy-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}.rhy-title{font-size:18px;font-weight:900;color:var(--text, #1C1833)}.rhy-subtitle{text-align:center;font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80);padding:12px 20px 4px}.rhy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 20px 32px;max-width:500px;margin:0 auto}.rhy-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;border-radius:18px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-bottom:5px solid var(--rhy-color, #7C4DFF);border-left:4px solid var(--rhy-color, #7C4DFF);cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.rhy-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.rhy-card:active{transform:scale(.97)}.rhy-card-emoji{font-size:36px}.rhy-card-title{font-size:13px;font-weight:800;color:var(--text, #1C1833);text-align:center;line-height:1.2}.rhy-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px 0}.rhy-nav-btn{padding:6px 14px;font-size:13px;font-weight:700;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;color:var(--accent, #7C4DFF)}.rhy-nav-btn:disabled{opacity:.3;cursor:default}.rhy-nav-count{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80)}.rhy-video-wrap{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000026;background:#000;aspect-ratio:16/9;max-width:600px;margin:12px auto}.rhy-video{width:100%;height:100%;border:none}.rhy-lyrics-card{padding:24px 20px;background:var(--card-bg, #FFFDF7);border:2px solid var(--card-border, #F0E6D0);border-top:5px solid #7C4DFF;border-radius:20px;box-shadow:0 4px 16px #0000000f;max-width:600px;margin:12px auto 32px}.rhy-lyrics-title{font-size:14px;font-weight:800;color:var(--accent, #7C4DFF);text-align:center;margin-bottom:12px}.rhy-lyrics{text-align:center}.rhy-line{font-size:1.1rem;font-weight:600;color:var(--text, #2D2A3E);line-height:1.9;margin:0}@media (max-width: 480px){.rhy-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 12px}.rhy-card{padding:14px 8px}.rhy-card-title{font-size:11px}.rhy-line{font-size:1rem}.rhy-video-wrap{margin:8px 12px}.rhy-lyrics-card{margin:8px 12px 24px;padding:16px 14px}}.usw-screen{min-height:100vh;background:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #1C1833);font-family:Nunito,sans-serif;position:relative}.usw-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usw-back-btn{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--text, #1C1833);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.usw-back-btn:hover{background:var(--card-border, #E5DCFF)}.usw-progress{font-size:15px;font-weight:700;color:var(--text, #1C1833);opacity:.9}.usw-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:12px;padding:24px 16px}.usw-menu-icon{font-size:64px;margin-bottom:8px;animation:usw-bounce 1.5s ease-in-out infinite}@keyframes usw-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.usw-menu h1{font-size:clamp(24px,6vw,32px);color:var(--accent, #7C4DFF);margin:0}.usw-menu-sub{font-size:16px;color:var(--text-sub, #6E6A80);margin:0}.usw-menu-preview{display:flex;align-items:center;gap:6px;margin:16px 0;flex-wrap:wrap;justify-content:center}.usw-preview-letter{width:36px;height:36px;background:var(--card-bg, #fff);border:2px solid var(--accent, #7C4DFF);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--accent, #7C4DFF)}.usw-preview-letter.scrambled{border-color:var(--card-border, #E5DCFF);color:var(--text-sub, #6E6A80)}.usw-preview-arrow{font-size:24px;color:var(--accent, #7C4DFF);margin:0 8px}.usw-preview-word{font-size:18px;font-weight:800;color:var(--accent, #7C4DFF)}.usw-game-area{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;padding:8px 0}.usw-hint-emoji{font-size:clamp(56px,14vw,80px);animation:usw-bounce 2s ease-in-out infinite}.usw-hint-text{font-size:18px;font-weight:700;color:var(--text-sub, #6E6A80);margin:0}.usw-answer-slots{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap;justify-content:center}.usw-slot{width:clamp(40px,10vw,52px);height:clamp(44px,11vw,56px);background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5vw,28px);font-weight:800;color:var(--accent, #7C4DFF);transition:all .2s ease}.usw-slot.filled{border-color:var(--accent, #7C4DFF);background:#7c4dff14;transform:scale(1.05)}.usw-slot.correct{border-color:#4caf50;background:#4caf501f;color:#2e7d32}.usw-slot.shake{animation:usw-shake .4s ease;border-color:#f44336;background:#f4433614;color:#d32f2f}@keyframes usw-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.usw-scrambled-letters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:8px 0}.usw-letter-btn{width:clamp(44px,11vw,56px);height:clamp(44px,11vw,56px);background:var(--accent, #7C4DFF);color:#fff;border:none;border-radius:14px;font-size:clamp(20px,5vw,26px);font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #7c4dff59}.usw-letter-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #7c4dff73}.usw-letter-btn:active:not(:disabled){transform:translateY(0)}.usw-letter-btn.used{opacity:.25;transform:scale(.85);box-shadow:none;cursor:default}.usw-action-btns{display:flex;gap:12px;margin-top:8px}.usw-feedback{padding:12px 20px;border-radius:14px;font-size:16px;font-weight:700;text-align:center;animation:usw-fade-in .3s ease}.usw-feedback.correct{background:#4caf501f;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.usw-feedback.wrong{background:#f4433614;color:#d32f2f;border:2px solid rgba(244,67,54,.2)}@keyframes usw-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.usw-btn{padding:10px 24px;border-radius:24px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:all .2s ease}.usw-btn.primary{background:var(--accent, #7C4DFF);color:#fff;box-shadow:0 4px 14px #7c4dff4d}.usw-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c4dff66}.usw-btn.secondary{background:var(--card-bg, #fff);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.usw-btn.secondary:hover{background:var(--card-border, #E5DCFF)}.usw-btn.secondary:disabled{opacity:.4;cursor:default}.usw-btn.big{padding:14px 40px;font-size:18px}.usw-result-screen{justify-content:center}.usw-result-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:24px;padding:32px 24px;text-align:center;max-width:400px;width:100%;animation:usw-fade-in .4s ease}.usw-result-card h2{font-size:24px;color:var(--accent, #7C4DFF);margin:8px 0}.usw-result-emoji{font-size:56px}.usw-result-score{font-size:20px;font-weight:800;color:var(--text, #1C1833);margin:8px 0}.usw-result-stars{display:flex;justify-content:center;gap:8px;margin:16px 0;font-size:32px}.usw-result-stars .star.dim{opacity:.25;filter:grayscale(1)}.usw-result-stars .star.lit{animation:usw-star-pop .4s ease}@keyframes usw-star-pop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.usw-result-btns{display:flex;gap:12px;justify-content:center;margin-top:16px}.ws-screen{min-height:100vh;background:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #1C1833);font-family:Nunito,sans-serif;position:relative}.ws-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ws-back-btn{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--text, #1C1833);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.ws-back-btn:hover{background:var(--card-border, #E5DCFF)}.ws-progress{font-size:15px;font-weight:700;color:var(--text, #1C1833);opacity:.9}.ws-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:16px;padding:24px 16px}.ws-menu-icon{font-size:64px;margin-bottom:8px;animation:ws-bounce 1.5s ease-in-out infinite}@keyframes ws-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ws-menu h1{font-size:clamp(24px,6vw,32px);color:var(--accent, #7C4DFF);margin:0}.ws-menu-sub{font-size:16px;color:var(--text-sub, #6E6A80);margin:0}.ws-theme-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.ws-theme-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:18px;padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .2s ease;min-width:120px}.ws-theme-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #7c4dff33;border-color:var(--accent, #7C4DFF)}.ws-theme-emoji{font-size:40px}.ws-theme-name{font-size:16px;font-weight:800;color:var(--text, #1C1833)}.ws-theme-count{font-size:13px;color:var(--text-sub, #6E6A80);font-weight:600}.ws-title{font-size:clamp(18px,4.5vw,24px);color:var(--accent, #7C4DFF);margin:0 0 4px}.ws-select-hint{font-size:14px;color:var(--text-sub, #6E6A80);margin:0 0 8px;display:flex;align-items:center;gap:8px}.ws-cancel-btn{background:none;border:1px solid var(--card-border, #E5DCFF);color:var(--text-sub, #6E6A80);font-family:Nunito,sans-serif;font-size:12px;font-weight:600;padding:2px 10px;border-radius:12px;cursor:pointer}.ws-cancel-btn:hover{background:var(--card-border, #E5DCFF)}.ws-grid{display:grid;gap:3px;width:100%;max-width:min(400px,90vw);aspect-ratio:1;margin:4px 0}.ws-cell{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:6px;font-family:Nunito,sans-serif;font-size:clamp(13px,3.5vw,18px);font-weight:800;color:var(--text, #1C1833);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease;aspect-ratio:1}.ws-cell:hover:not(.found){background:#7c4dff14;border-color:var(--accent, #7C4DFF)}.ws-cell.selected{background:var(--accent, #7C4DFF);color:#fff;border-color:var(--accent, #7C4DFF);transform:scale(1.1);z-index:2;box-shadow:0 2px 8px #7c4dff66}.ws-cell.found{border-color:transparent;font-weight:900;border-radius:6px;transform:scale(1.02)}.ws-word-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px;max-width:500px}.ws-word-tag{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700;color:var(--text, #1C1833);transition:all .3s ease}.ws-word-tag.found{background:#4caf501f;border-color:#4caf504d;color:#2e7d32;text-decoration:line-through}.ws-btn{padding:10px 24px;border-radius:24px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:all .2s ease}.ws-btn.primary{background:var(--accent, #7C4DFF);color:#fff;box-shadow:0 4px 14px #7c4dff4d}.ws-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c4dff66}.ws-btn.secondary{background:var(--card-bg, #fff);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.ws-btn.secondary:hover{background:var(--card-border, #E5DCFF)}.ws-result-screen{justify-content:center}.ws-result-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:24px;padding:32px 24px;text-align:center;max-width:400px;width:100%;animation:ws-fade-in .4s ease}.ws-result-card h2{font-size:24px;color:var(--accent, #7C4DFF);margin:8px 0}.ws-result-emoji{font-size:56px}.ws-result-score{font-size:20px;font-weight:800;color:var(--text, #1C1833);margin:8px 0}.ws-result-detail{font-size:15px;color:var(--text-sub, #6E6A80);margin:4px 0}.ws-result-stars{display:flex;justify-content:center;gap:8px;margin:16px 0;font-size:32px}.ws-result-stars .star.dim{opacity:.25;filter:grayscale(1)}.ws-result-stars .star.lit{animation:ws-star-pop .4s ease}@keyframes ws-star-pop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.ws-result-btns{display:flex;gap:12px;justify-content:center;margin-top:16px}@keyframes ws-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ma-screen{min-height:100vh;background:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #1C1833);font-family:Nunito,sans-serif;position:relative}.ma-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ma-back-btn{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--accent, #7C4DFF);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:700;transition:background .2s,transform .1s}.ma-back-btn:hover{background:var(--card-border, #E5DCFF);transform:scale(1.03)}.ma-progress{font-size:15px;font-weight:700;color:var(--accent, #7C4DFF)}.ma-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:400px}.ma-menu-icon{font-size:4.5rem;margin-bottom:4px}.ma-title{font-size:1.8rem;font-weight:800;color:var(--text, #1C1833);margin:0}.ma-sub{font-size:1rem;color:var(--text-sub, #6E6A80);margin:0 0 8px}.ma-start-btn{background:var(--accent, #7C4DFF);color:#fff;border:none;padding:14px 40px;border-radius:28px;font-size:1.15rem;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #7c4dff59}.ma-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #7c4dff73}.ma-set-label{font-size:1.2rem;font-weight:700;color:var(--accent, #7C4DFF);margin:0 0 10px}.ma-game-area{display:flex;gap:16px;width:100%;max-width:500px;justify-content:center}.ma-emoji-col,.ma-name-col{display:flex;flex-direction:column;gap:10px;flex:1;max-width:200px}.ma-emoji-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:16px;padding:10px 8px;cursor:pointer;transition:border-color .2s,transform .15s,background .2s;position:relative;min-height:64px}.ma-emoji-btn:hover:not(.matched){border-color:var(--accent, #7C4DFF);transform:scale(1.04)}.ma-emoji-btn.selected{border-color:var(--accent, #7C4DFF);background:#f3eeff;transform:scale(1.06);box-shadow:0 0 12px #7c4dff4d}.ma-emoji-btn.matched{border-color:#4caf50;background:#e8f5e9;cursor:default}.ma-emoji-face{font-size:2.8rem;line-height:1}.ma-name-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:16px;padding:10px 12px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Nunito,sans-serif;color:var(--text, #1C1833);transition:border-color .2s,transform .15s,background .2s;min-height:64px}.ma-name-btn:hover:not(.matched){border-color:var(--accent, #7C4DFF);transform:scale(1.04);background:#f3eeff}.ma-name-btn.matched{border-color:#4caf50;background:#e8f5e9;color:#2e7d32;cursor:default}.ma-check{color:#4caf50;font-size:1.3rem;font-weight:800}.shake{animation:maShake .5s ease;border-color:#ef5350!important;background:#ffebee!important}@keyframes maShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.ma-hint{margin-top:14px;font-size:1rem;font-weight:700;color:var(--accent, #7C4DFF);animation:maPulse 1.2s ease infinite}@keyframes maPulse{0%,to{opacity:1}50%{opacity:.5}}.ma-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;text-align:center;max-width:400px}.ma-result-emoji{font-size:4rem}.ma-result-title{font-size:1.8rem;font-weight:800;color:var(--text, #1C1833);margin:0}.ma-result-msg{font-size:1rem;color:var(--text-sub, #6E6A80);margin:0;max-width:320px;line-height:1.5}.ma-stars-row{display:flex;gap:8px;margin:8px 0}.ma-star{font-size:2.2rem;opacity:.25;transition:opacity .3s,transform .3s}.ma-star.earned{opacity:1;transform:scale(1.15)}.ma-result-detail{font-size:.95rem;color:var(--text-sub, #6E6A80);margin:0}.ma-result-btns{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 420px){.ma-game-area{gap:8px}.ma-emoji-face{font-size:2.2rem}.ma-name-btn{font-size:.95rem;padding:8px}.ma-emoji-btn,.ma-name-btn{min-height:52px}}.mn-screen{min-height:100vh;background:var(--bg, #F0ECFF);display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #1C1833);font-family:Nunito,sans-serif;position:relative}.mn-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mn-back-btn{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--accent, #7C4DFF);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:700;transition:background .2s,transform .1s}.mn-back-btn:hover{background:var(--card-border, #E5DCFF);transform:scale(1.03)}.mn-progress{font-size:15px;font-weight:700;color:var(--accent, #7C4DFF)}.mn-score{font-size:15px;font-weight:700;color:var(--text, #1C1833)}.mn-diff-badge{display:inline-block;padding:4px 14px;border-radius:12px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.mn-diff-badge.easy{background:#e8f5e9;color:#2e7d32}.mn-diff-badge.medium{background:#fff3e0;color:#e65100}.mn-diff-badge.hard{background:#fce4ec;color:#c62828}.mn-sequence-row{display:flex;gap:10px;margin:12px 0 20px;flex-wrap:wrap;justify-content:center;align-items:center}.mn-circle{width:64px;height:64px;border-radius:50%;background:var(--accent, #7C4DFF);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;font-family:Nunito,sans-serif;box-shadow:0 3px 10px #7c4dff40;transition:transform .3s,background .3s}.mn-circle.missing{background:var(--card-bg, #fff);border:3px dashed var(--accent, #7C4DFF);color:var(--accent, #7C4DFF);box-shadow:none;animation:mnPulse 1.5s ease infinite}.mn-circle.missing.correct{background:#4caf50;border:3px solid #4CAF50;color:#fff;animation:none;transform:scale(1.15)}.mn-circle.missing.wrong{background:#ef5350;border:3px solid #EF5350;color:#fff;animation:none}@keyframes mnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mn-question{font-size:1.8rem;font-weight:800}.mn-revealed{font-size:1.5rem;font-weight:800}.mn-prompt{font-size:1.1rem;font-weight:700;color:var(--text-sub, #6E6A80);margin:0 0 14px}.mn-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:320px}.mn-option-btn{background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px 8px;font-size:1.4rem;font-weight:800;font-family:Nunito,sans-serif;color:var(--text, #1C1833);cursor:pointer;transition:border-color .2s,transform .15s,background .2s}.mn-option-btn:hover:not(:disabled){border-color:var(--accent, #7C4DFF);transform:scale(1.05);background:#f3eeff}.mn-option-btn.correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32;transform:scale(1.08)}.mn-option-btn.wrong{border-color:#ef5350;background:#ffebee;color:#c62828;animation:mnShake .5s ease}.mn-option-btn.faded{opacity:.4}@keyframes mnShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mn-feedback{margin-top:14px;font-size:1.1rem;font-weight:800;animation:mnFadeIn .3s ease}.mn-feedback.correct{color:#4caf50}.mn-feedback.wrong{color:#ef5350}@keyframes mnFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mn-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:400px}.mn-menu-icon{font-size:4.5rem;margin-bottom:4px}.mn-title{font-size:1.8rem;font-weight:800;color:var(--text, #1C1833);margin:0}.mn-sub{font-size:1rem;color:var(--text-sub, #6E6A80);margin:0 0 8px}.mn-start-btn{background:var(--accent, #7C4DFF);color:#fff;border:none;padding:14px 40px;border-radius:28px;font-size:1.15rem;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #7c4dff59}.mn-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #7c4dff73}.mn-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;text-align:center;max-width:400px}.mn-result-emoji{font-size:4rem}.mn-result-title{font-size:1.8rem;font-weight:800;color:var(--text, #1C1833);margin:0}.mn-result-msg{font-size:1rem;color:var(--text-sub, #6E6A80);margin:0;max-width:320px;line-height:1.5}.mn-stars-row{display:flex;gap:8px;margin:8px 0}.mn-star{font-size:2.2rem;opacity:.25;transition:opacity .3s,transform .3s}.mn-star.earned{opacity:1;transform:scale(1.15)}.mn-result-detail{font-size:.95rem;color:var(--text-sub, #6E6A80);margin:0}.mn-result-btns{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 420px){.mn-circle{width:52px;height:52px;font-size:1.2rem}.mn-question{font-size:1.4rem}.mn-sequence-row{gap:6px}.mn-option-btn{font-size:1.2rem;padding:12px 6px}}.cn-container{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column;align-items:center;padding:16px;position:relative}.cn-back{position:absolute;top:16px;left:16px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;padding:8px 16px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;color:var(--accent, #7C4DFF);cursor:pointer}.cn-back:hover{background:var(--card-border, #E5DCFF)}.cn-title{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;color:var(--accent, #7C4DFF);margin:48px 0 4px}.cn-subtitle{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:8px}.cn-alligator-intro{background:#e8f5e9;border:2px solid #A5D6A7;border-radius:14px;padding:12px 20px;font-size:1.1rem;font-weight:700;margin-bottom:24px;text-align:center}.cn-levels{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.cn-level-btn{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px 20px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,box-shadow .15s}.cn-level-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff26}.cn-level-icon{font-size:1.6rem}.cn-level-label{font-weight:800;font-size:1.1rem;color:var(--accent, #7C4DFF)}.cn-level-desc{color:var(--text-sub, #6E6A80);font-size:.9rem;margin-left:auto}.cn-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-top:4px}.cn-progress{font-weight:700;font-size:1rem;color:var(--text-sub, #6E6A80)}.cn-score-badge{background:var(--accent, #7C4DFF);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.95rem}.cn-hint{background:#e8f5e9;border-radius:12px;padding:8px 16px;font-size:.95rem;font-weight:600;margin-bottom:16px;text-align:center}.cn-comparison{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,32px);margin:20px 0 16px}.cn-number-circle{width:clamp(90px,22vw,130px);height:clamp(90px,22vw,130px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001a;transition:transform .3s}.cn-circle-blue{background:linear-gradient(135deg,#42a5f5,#1e88e5)}.cn-circle-red{background:linear-gradient(135deg,#ef5350,#e53935)}.cn-number{font-size:clamp(2rem,7vw,3.2rem);font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.cn-symbol-slot{width:clamp(60px,14vw,80px);height:clamp(60px,14vw,80px);border-radius:16px;background:var(--card-bg, #fff);border:3px dashed var(--card-border, #E5DCFF);display:flex;align-items:center;justify-content:center}.cn-question-mark{font-size:2.4rem;font-weight:900;color:var(--card-border, #E5DCFF)}.cn-symbol-big{font-size:clamp(2rem,6vw,3rem);font-weight:900;animation:cn-pop .4s ease}.cn-symbol-correct{color:#43a047}.cn-symbol-wrong{color:#e53935}.cn-symbol-reveal{border-style:solid}@keyframes cn-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.cn-alligator-popup{background:#c8e6c9;border:2px solid #66BB6A;border-radius:14px;padding:10px 20px;font-size:1.05rem;font-weight:700;animation:cn-slide-up .3s ease;text-align:center;margin-bottom:8px}.cn-feedback-wrong{background:#ffcdd2;border:2px solid #EF5350;border-radius:14px;padding:10px 20px;font-size:1rem;font-weight:600;animation:cn-slide-up .3s ease;text-align:center;margin-bottom:8px}@keyframes cn-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.cn-buttons{display:flex;gap:12px;margin-top:16px;width:100%;max-width:420px;justify-content:center}.cn-choice-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:18px;padding:18px 8px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .12s,border-color .12s,background .12s}.cn-choice-btn:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent, #7C4DFF)}.cn-choice-btn:disabled{cursor:default;opacity:.85}.cn-choice-symbol{font-size:clamp(2rem,6vw,2.8rem);font-weight:900;color:var(--accent, #7C4DFF)}.cn-choice-label{font-size:.8rem;font-weight:700;color:var(--text-sub, #6E6A80)}.cn-btn-correct{background:#c8e6c9!important;border-color:#43a047!important}.cn-btn-wrong{background:#ffcdd2!important;border-color:#e53935!important;animation:cn-shake .4s}.cn-btn-answer{border-color:#43a047!important;box-shadow:0 0 0 3px #43a0474d}@keyframes cn-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cn-result-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:24px;padding:32px 24px;text-align:center;margin-top:60px;max-width:380px;width:100%;box-shadow:0 8px 32px #7c4dff1a}.cn-result-emoji{font-size:3rem;margin-bottom:8px}.cn-result-title{font-size:1.6rem;font-weight:800;color:var(--accent, #7C4DFF);margin-bottom:4px}.cn-result-msg{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:16px;line-height:1.4}.cn-result-score{font-size:2.4rem;font-weight:900;color:var(--accent, #7C4DFF);margin-bottom:8px}.cn-result-stars{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.cn-star{font-size:2rem;opacity:.25;transition:opacity .3s}.cn-star-earned{opacity:1}.cn-result-btns{display:flex;flex-direction:column;gap:8px}.cn-btn{padding:12px 20px;border-radius:14px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .12s}.cn-btn:hover{transform:translateY(-2px)}.cn-btn-primary{background:var(--accent, #7C4DFF);color:#fff}.cn-btn-secondary{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--accent, #7C4DFF)}.sg-container{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column;align-items:center;padding:16px;position:relative}.sg-back{position:absolute;top:16px;left:16px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;padding:8px 16px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;color:var(--accent, #7C4DFF);cursor:pointer}.sg-back:hover{background:var(--card-border, #E5DCFF)}.sg-title{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;color:var(--accent, #7C4DFF);margin:48px 0 4px}.sg-subtitle{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:24px}.sg-levels{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.sg-level-btn{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px 20px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,box-shadow .15s}.sg-level-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff26}.sg-level-icon{font-size:1.6rem}.sg-level-label{font-weight:800;font-size:1.1rem;color:var(--accent, #7C4DFF)}.sg-level-desc{color:var(--text-sub, #6E6A80);font-size:.9rem;margin-left:auto}.sg-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-top:4px}.sg-progress{font-weight:700;font-size:1rem;color:var(--text-sub, #6E6A80)}.sg-score-badge{background:var(--accent, #7C4DFF);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.95rem}.sg-direction{background:var(--card-bg, #fff);border:2px solid var(--accent, #7C4DFF);border-radius:14px;padding:10px 20px;font-size:1.1rem;font-weight:800;color:var(--accent, #7C4DFF);margin-bottom:16px;text-align:center}.sg-sorted-row{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.sg-sorted-slot{width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);border-radius:14px;background:var(--card-bg, #fff);border:2px dashed var(--card-border, #E5DCFF);display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;color:var(--text-sub, #6E6A80);transition:all .3s}.sg-sorted-filled{background:#c8e6c9;border:2px solid #66BB6A;color:#2e7d32;animation:sg-slide-in .3s ease}@keyframes sg-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sg-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:420px}.sg-card{width:clamp(64px,16vw,90px);height:clamp(64px,16vw,90px);border-radius:18px;border:3px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,opacity .3s;position:relative;box-shadow:0 4px 12px #0000001f}.sg-card:hover:not(:disabled){transform:translateY(-3px) scale(1.05)}.sg-card:disabled{cursor:default}.sg-card-num{font-size:clamp(1.4rem,5vw,2rem);font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sg-card-check{position:absolute;top:4px;right:6px;font-size:1rem;color:#2e7d32;font-weight:900}.sg-card-picked{opacity:.5;transform:scale(.9);border-color:#66bb6a!important}.sg-card-wrong{animation:sg-shake .4s;background:#ffcdd2!important;border-color:#e53935!important}.sg-card-hint{border-color:#22c55e!important;box-shadow:0 0 16px #22c55e80!important;animation:sg-pulse .6s ease infinite}@keyframes sg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sg-card-hint-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:#22c55e;white-space:nowrap}@keyframes sg-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.sg-result-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:24px;padding:32px 24px;text-align:center;margin-top:60px;max-width:380px;width:100%;box-shadow:0 8px 32px #7c4dff1a}.sg-result-emoji{font-size:3rem;margin-bottom:8px}.sg-result-title{font-size:1.6rem;font-weight:800;color:var(--accent, #7C4DFF);margin-bottom:4px}.sg-result-msg{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:16px;line-height:1.4}.sg-result-score{font-size:2.4rem;font-weight:900;color:var(--accent, #7C4DFF);margin-bottom:8px}.sg-result-stars{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.sg-star{font-size:2rem;opacity:.25;transition:opacity .3s}.sg-star-earned{opacity:1}.sg-result-btns{display:flex;flex-direction:column;gap:8px}.sg-btn{padding:12px 20px;border-radius:14px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .12s}.sg-btn:hover{transform:translateY(-2px)}.sg-btn-primary{background:var(--accent, #7C4DFF);color:#fff}.sg-btn-secondary{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--accent, #7C4DFF)}.mn-container{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column;align-items:center;padding:16px;position:relative}.mn-back{position:absolute;top:16px;left:16px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;padding:8px 16px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;color:var(--accent, #7C4DFF);cursor:pointer}.mn-back:hover{background:var(--card-border, #E5DCFF)}.mn-title{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;color:var(--accent, #7C4DFF);margin:48px 0 4px}.mn-subtitle{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:16px}.mn-example{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px 24px;margin-bottom:24px}.mn-example-num{font-size:2rem;font-weight:900;color:var(--accent, #7C4DFF);background:#ede7f6;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.mn-example-arrow{font-size:1.6rem;color:var(--text-sub, #6E6A80)}.mn-example-rep{font-size:1.4rem;font-weight:700;letter-spacing:2px}.mn-levels{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.mn-level-btn{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px 20px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,box-shadow .15s}.mn-level-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff26}.mn-level-icon{font-size:1.6rem}.mn-level-label{font-weight:800;font-size:1.1rem;color:var(--accent, #7C4DFF)}.mn-level-desc{color:var(--text-sub, #6E6A80);font-size:.9rem;margin-left:auto}.mn-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-top:4px}.mn-progress{font-weight:700;font-size:1rem;color:var(--text-sub, #6E6A80)}.mn-matched-count{background:var(--accent, #7C4DFF);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.95rem}.mn-instruction{background:#fff3e0;border:2px solid #FFB74D;border-radius:12px;padding:8px 16px;font-size:1rem;font-weight:700;margin-bottom:16px;text-align:center;color:#e65100}.mn-match-area{display:flex;gap:clamp(12px,3vw,24px);width:100%;max-width:500px;justify-content:center}.mn-column{display:flex;flex-direction:column;gap:8px;flex:1;max-width:220px}.mn-col-label{text-align:center;font-weight:800;font-size:.9rem;color:var(--accent, #7C4DFF);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.mn-item{background:var(--card-bg, #fff);border:3px solid var(--card-border, #E5DCFF);border-radius:16px;padding:12px 8px;min-height:54px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .12s,border-color .12s,background .12s;position:relative;display:flex;align-items:center;justify-content:center}.mn-item:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent, #7C4DFF)}.mn-item:disabled{cursor:default}.mn-num-item .mn-item-text{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:900;color:var(--accent, #7C4DFF)}.mn-rep-item .mn-item-text{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;color:var(--text, #1C1833);word-break:break-all;text-align:center;line-height:1.3}.mn-rep-text{white-space:pre-line}.mn-item-selected{border-color:var(--accent, #7C4DFF)!important;background:#ede7f6!important;box-shadow:0 0 0 3px #7c4dff40;transform:scale(1.03)}.mn-item-matched{background:#c8e6c9!important;border-color:#66bb6a!important;opacity:.7}.mn-item-wrong{background:#ffcdd2!important;border-color:#e53935!important;animation:mn-shake .4s}.mn-checkmark{position:absolute;top:4px;right:8px;font-size:1rem;color:#2e7d32;font-weight:900}@keyframes mn-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mn-result-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:24px;padding:32px 24px;text-align:center;margin-top:60px;max-width:380px;width:100%;box-shadow:0 8px 32px #7c4dff1a}.mn-result-emoji{font-size:3rem;margin-bottom:8px}.mn-result-title{font-size:1.6rem;font-weight:800;color:var(--accent, #7C4DFF);margin-bottom:4px}.mn-result-msg{color:var(--text-sub, #6E6A80);font-size:1rem;margin-bottom:12px;line-height:1.4}.mn-result-score{font-size:2.4rem;font-weight:900;color:var(--accent, #7C4DFF);margin-bottom:4px}.mn-result-detail{font-size:.95rem;color:var(--text-sub, #6E6A80);font-weight:600;margin-bottom:12px}.mn-result-stars{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.mn-star{font-size:2rem;opacity:.25;transition:opacity .3s}.mn-star-earned{opacity:1}.mn-result-btns{display:flex;flex-direction:column;gap:8px}.mn-btn{padding:12px 20px;border-radius:14px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .12s}.mn-btn:hover{transform:translateY(-2px)}.mn-btn-primary{background:var(--accent, #7C4DFF);color:#fff}.mn-btn-secondary{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);color:var(--accent, #7C4DFF)}.bp-screen{min-height:100vh;background:var(--bg, #FAFAF7);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;color:var(--text, #1C1917);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.bp-back-btn{background:var(--card-bg, #FFFFFF);border:1.5px solid var(--card-border, #E8E4DC);color:var(--text, #1C1917);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;font-family:Nunito,sans-serif;transition:background .2s}.bp-back-btn:hover{background:#f5f3ef}.bp-quit-btn{background:var(--card-bg, #FFFFFF);border:1.5px solid var(--card-border, #E8E4DC);color:var(--text-sub, #78716C);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.bp-quit-btn:hover{background:#f5f3ef}.bp-menu-screen{padding:16px;justify-content:flex-start}.bp-menu-header{width:100%;max-width:480px;margin-bottom:8px}.bp-menu-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;width:100%;padding:0 16px}.bp-menu-icon{font-size:4rem;animation:menuBounce 2s ease-in-out infinite}@keyframes menuBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.bp-menu-title{font-size:2rem;font-weight:800;color:var(--text, #1C1917);margin:0;text-align:center}.bp-menu-desc{font-size:15px;color:var(--text-sub, #78716C);text-align:center;line-height:1.5;margin:0}.bp-menu-preview{display:flex;gap:14px;justify-content:center;margin:8px 0}.bp-preview-balloon{width:56px;height:67px;background:var(--balloon-color);border-radius:50%/40% 40% 60% 60%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;position:relative;box-shadow:inset -4px -4px 12px #00000026,0 4px 12px #0000001a;animation:previewFloat 3s ease-in-out infinite}.bp-preview-balloon:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--balloon-color)}.bp-preview-balloon:nth-child(1){animation-delay:0s}.bp-preview-balloon:nth-child(2){animation-delay:.3s}.bp-preview-balloon:nth-child(3){animation-delay:.6s}@keyframes previewFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bp-menu-features{display:flex;flex-direction:column;gap:8px;width:100%;background:var(--card-bg, #FFFFFF);border:1.5px solid var(--card-border, #E8E4DC);border-radius:16px;padding:16px 20px}.bp-feature{font-size:14px;font-weight:600;color:var(--text, #1C1917);padding:4px 0}.bp-btn{padding:14px 32px;border-radius:16px;border:none;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:48px}.bp-btn:hover{transform:translateY(-2px)}.bp-btn:active{transform:translateY(0)}.bp-btn-start{background:var(--accent, #7C4DFF);color:#fff;font-size:18px;padding:16px 48px;box-shadow:0 4px 16px #7c4dff4d;width:100%;max-width:280px}.bp-btn-start:hover{box-shadow:0 6px 24px #7c4dff66}.bp-btn-primary{background:var(--accent, #7C4DFF);color:#fff;box-shadow:0 4px 12px #7c4dff40}.bp-btn-secondary{background:var(--card-bg, #FFFFFF);color:var(--text, #1C1917);border:1.5px solid var(--card-border, #E8E4DC)}.bp-game-screen{padding:0;position:relative}.bp-game-header{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg, #FFFFFF);border-bottom:1.5px solid var(--card-border, #E8E4DC);z-index:10}.bp-game-progress{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:14px}.bp-word-count{font-size:14px;font-weight:700;color:var(--text-sub, #78716C)}.bp-timer{font-size:16px;font-weight:800;color:var(--accent, #7C4DFF);background:#7c4dff14;padding:4px 12px;border-radius:10px}.bp-score-badge{font-size:14px;font-weight:700;color:var(--text, #1C1917)}.bp-hint-area{display:flex;align-items:center;gap:10px;padding:14px 24px;margin:12px 16px 0;background:var(--card-bg, #FFFFFF);border:1.5px solid var(--card-border, #E8E4DC);border-radius:16px;z-index:10;max-width:440px;width:calc(100% - 32px)}.bp-hint-emoji{font-size:2rem;flex-shrink:0}.bp-hint-text{font-size:16px;font-weight:600;color:var(--text, #1C1917);line-height:1.3}.bp-letter-slots{display:flex;gap:8px;justify-content:center;padding:12px 16px;z-index:10;flex-wrap:wrap}.bp-slot{width:48px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;text-transform:uppercase;transition:all .3s ease;border:2.5px dashed var(--card-border, #E8E4DC);background:var(--card-bg, #FFFFFF);color:var(--text-sub, #78716C)}.bp-slot.filled{border:2.5px solid var(--accent, #7C4DFF);background:#7c4dff14;color:var(--accent, #7C4DFF);animation:slotFill .3s ease}.bp-slot.current{border-color:var(--accent, #7C4DFF);border-style:dashed;box-shadow:0 0 0 3px #7c4dff26;animation:slotPulse 1.2s ease-in-out infinite}.bp-slot.complete{border-color:#22c55e;background:#22c55e1a;color:#16a34a}@keyframes slotFill{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slotPulse{0%,to{box-shadow:0 0 0 3px #7c4dff1a}50%{box-shadow:0 0 0 6px #7c4dff33}}.bp-word-done{font-size:1.3rem;font-weight:800;color:#16a34a;background:#22c55e1a;border:1.5px solid rgba(34,197,94,.3);padding:10px 24px;border-radius:14px;margin:0 16px;text-align:center;z-index:10;animation:wordDoneBounce .5s ease}@keyframes wordDoneBounce{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.bp-balloon-area{flex:1;width:100%;position:relative;min-height:300px;overflow:hidden}.bp-balloon{position:absolute;border-radius:50%/40% 40% 60% 60%;background:var(--balloon-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:inset -4px -4px 12px #00000026,inset 8px 8px 16px #ffffff40,0 4px 12px #0000001a;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bp-balloon.floating{animation:balloonFloat var(--float-duration, 7s) linear forwards}.bp-balloon.popping{animation:balloonPop .4s ease-out forwards}.bp-balloon.shaking{animation:balloonFloat var(--float-duration, 7s) linear forwards,balloonShake .5s ease-in-out;filter:brightness(.7) saturate(.5)}.bp-balloon-letter{font-size:1.3rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25);pointer-events:none;line-height:1}.bp-balloon-tail{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid var(--balloon-color);pointer-events:none}@keyframes balloonFloat{0%{bottom:-80px;opacity:0}5%{opacity:1}90%{opacity:1}to{bottom:calc(100% + 40px);opacity:0}}@keyframes balloonPop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.4);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes balloonShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.bp-result-screen{justify-content:center;padding:24px 16px}.bp-result-card{background:var(--card-bg, #FFFFFF);border:1.5px solid var(--card-border, #E8E4DC);border-radius:24px;padding:32px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000000f;display:flex;flex-direction:column;align-items:center;gap:8px}.bp-result-emoji{font-size:3.5rem;margin-bottom:4px}.bp-result-title{font-size:1.6rem;font-weight:800;margin:0}.bp-result-message{font-size:14px;color:var(--text-sub, #78716C);line-height:1.5;margin:0;max-width:300px}.bp-result-stats{display:flex;gap:24px;margin:8px 0}.bp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.bp-stat-num{font-size:2rem;font-weight:800;color:var(--accent, #7C4DFF)}.bp-stat-label{font-size:12px;font-weight:600;color:var(--text-sub, #78716C);text-transform:uppercase;letter-spacing:.5px}.bp-result-stars{font-size:2rem;display:flex;gap:4px;margin:4px 0}.bp-star.dim{opacity:.2;filter:grayscale(1)}.bp-star.lit{animation:starPop .4s ease}@keyframes starPop{0%{transform:scale(.5)}60%{transform:scale(1.3)}to{transform:scale(1)}}.bp-result-btns{display:flex;gap:12px;margin-top:8px;width:100%;justify-content:center}.bp-result-btns .bp-btn{flex:1;max-width:160px}.bp-difficulty-picker{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;margin-top:16px}.bp-diff-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;border:2px solid var(--card-border, #E8E4DC);background:var(--card-bg, #FFFFFF);cursor:pointer;transition:transform .15s,box-shadow .15s}.bp-diff-btn:active{transform:scale(.97)}.bp-diff-easy{border-color:#22c55e}.bp-diff-easy:hover{background:#f0fdf4}.bp-diff-medium{border-color:#f59e0b}.bp-diff-medium:hover{background:#fffbeb}.bp-diff-hard{border-color:#ef4444}.bp-diff-hard:hover{background:#fef2f2}.bp-diff-icon{font-size:1.8rem}.bp-diff-label{font-size:1.1rem;font-weight:800;color:var(--text, #1C1917)}.bp-diff-desc{font-size:.8rem;color:var(--text-sub, #78716C);margin-left:auto}.bp-hint-btn{margin-left:auto;padding:6px 14px;border-radius:20px;border:1.5px solid #F59E0B;background:#fffbeb;color:#b45309;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0}.bp-hint-btn:active{transform:scale(.95)}.bp-hint-reveal{margin-left:auto;font-size:14px;color:#15803d;font-weight:700;background:#f0fdf4;padding:4px 12px;border-radius:12px;flex-shrink:0}@media (max-width: 400px){.bp-slot{width:40px;height:48px;font-size:1.3rem}.bp-hint-area{padding:10px 16px}.bp-hint-text{font-size:14px}.bp-menu-title{font-size:1.6rem}.bp-balloon-letter{font-size:1.1rem}}@media (min-height: 700px){.bp-balloon-area{min-height:400px}}.cs-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#0f172a,#1e293b 40%,#334155);color:#fff;position:relative;overflow:hidden}.cs-playing{justify-content:flex-start;padding-top:0}.cs-title{font-size:clamp(24px,6vw,36px);font-weight:900;text-align:center;margin:0 0 8px;text-shadow:0 2px 8px rgba(255,215,0,.5)}.cs-sub{font-size:16px;color:#94a3b8;margin:0 0 20px;text-align:center}.cs-preview{display:flex;gap:16px;margin:20px 0}.cs-preview-star{font-size:36px;animation:cs-bob 2s ease-in-out infinite}@keyframes cs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.cs-rules{background:#ffffff14;border-radius:16px;padding:16px 24px;margin:16px 0;text-align:left}.cs-rules p{margin:6px 0;font-size:15px;font-weight:600}.cs-start-btn{background:linear-gradient(135deg,gold,#f59e0b);color:#1e293b;border:none;border-radius:16px;padding:16px 48px;font-size:20px;font-weight:900;cursor:pointer;font-family:Nunito,sans-serif;margin:12px 0;box-shadow:0 4px 20px #ffd70066;transition:transform .15s}.cs-start-btn:active{transform:scale(.95)}.cs-back-btn{background:#ffffff1a;color:#94a3b8;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.cs-hud{display:flex;gap:16px;justify-content:center;padding:12px 0 8px;width:100%;background:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cs-hud-item{font-size:16px;font-weight:800;background:#ffffff1a;padding:6px 14px;border-radius:20px}.cs-back-btn-small{background:#ffffff1a;color:#94a3b8;border:none;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif}.cs-question-bar{background:linear-gradient(135deg,#7c3aed,#a855f7);padding:14px 32px;border-radius:20px;margin:12px 0 8px;box-shadow:0 4px 20px #7c3aed66;animation:cs-pulse 1.5s ease-in-out infinite}@keyframes cs-pulse{0%,to{box-shadow:0 4px 20px #7c3aed66}50%{box-shadow:0 4px 30px #7c3aedb3}}.cs-question-text{font-size:clamp(22px,6vw,32px);font-weight:900}.cs-sky{flex:1;width:100%;position:relative;overflow:hidden;min-height:300px}.cs-star{position:absolute;top:-80px;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;animation:cs-fall linear forwards;z-index:2;transition:transform .1s}.cs-star:active{transform:scale(1.3)}@keyframes cs-fall{0%{top:-80px;opacity:0}5%{opacity:1}85%{opacity:1}to{top:calc(100% + 20px);opacity:0}}.cs-star-glow{font-size:48px;filter:drop-shadow(0 0 12px var(--star-color));animation:cs-twinkle .8s ease-in-out infinite alternate}@keyframes cs-twinkle{0%{transform:scale(1) rotate(0)}to{transform:scale(1.15) rotate(15deg)}}.cs-star-num{font-size:20px;font-weight:900;color:#1e293b;background:var(--star-color);padding:4px 12px;border-radius:12px;margin-top:-8px;min-width:40px;text-align:center;box-shadow:0 2px 8px #0000004d;font-family:Nunito,sans-serif}.cs-caught{animation:cs-pop .4s ease forwards!important}@keyframes cs-pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.8}to{transform:scale(0);opacity:0}}.cs-miss{animation:cs-shake .3s ease!important}@keyframes cs-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.cs-ground{display:flex;justify-content:space-around;width:100%;padding:8px 0;font-size:32px;background:linear-gradient(0deg,#166534,#15803d);border-radius:20px 20px 0 0}.cs-result-card{background:#ffffff14;border-radius:24px;padding:28px 36px;text-align:center;margin:20px 0;border:2px solid rgba(255,215,0,.3)}.cs-result-big{font-size:48px;font-weight:900;color:gold;text-shadow:0 2px 12px rgba(255,215,0,.5)}.cs-result-stars{display:flex;gap:8px;justify-content:center;margin:12px 0}.cs-result-star{font-size:28px;opacity:.3;transition:all .3s}.cs-result-star.earned{opacity:1;transform:scale(1.2)}.cs-result-msg{font-size:18px;font-weight:700;margin:12px 0 4px}.cs-result-detail{font-size:14px;color:#94a3b8}.bs-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#86efac,#4ade80 40%,#166534);color:#1e293b;position:relative;overflow:hidden}.bs-playing{justify-content:flex-start;padding-top:0}.bs-title{font-size:clamp(24px,6vw,36px);font-weight:900;text-align:center;margin:0 0 8px}.bs-sub{font-size:16px;color:#166534;margin:0 0 20px;text-align:center;font-weight:700}.bs-preview{display:flex;gap:16px;margin:20px 0}.bs-preview-item{font-size:40px;animation:bs-wiggle 1.5s ease-in-out infinite}@keyframes bs-wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.bs-rules{background:#ffffff80;border-radius:16px;padding:16px 24px;margin:16px 0;text-align:left}.bs-rules p{margin:6px 0;font-size:15px;font-weight:600}.bs-start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:20px;font-weight:900;cursor:pointer;font-family:Nunito,sans-serif;margin:12px 0;box-shadow:0 4px 20px #22c55e66;transition:transform .15s}.bs-start-btn:active{transform:scale(.95)}.bs-back-btn{background:#0000001a;color:#166534;border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.bs-hud{display:flex;gap:16px;justify-content:center;padding:12px 0 8px;width:100%;background:#ffffff4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bs-hud-item{font-size:16px;font-weight:800;background:#ffffff80;padding:6px 14px;border-radius:20px}.bs-back-btn-small{background:#00000026;color:#166534;border:none;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif}.bs-question-bar{background:#ffffffd9;padding:12px 24px;border-radius:20px;margin:12px 16px 8px;text-align:center;box-shadow:0 4px 16px #0000001a}.bs-question-text{font-size:clamp(18px,5vw,24px);font-weight:900;display:block}.bs-question-hint{font-size:13px;color:#166534;font-weight:700}.bs-garden{flex:1;width:100%;position:relative;overflow:hidden;min-height:350px;background:linear-gradient(180deg,transparent 0%,rgba(22,101,52,.2) 100%);border-radius:20px;margin:8px 0}.bs-bug{position:absolute;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;z-index:2;animation:bs-crawl ease-in-out infinite alternate;transition:transform .1s}.bs-bug:active{transform:scale(.7)!important}@keyframes bs-crawl{0%{transform:translate(0) rotate(-5deg)}to{transform:translate(var(--move-x),var(--move-y)) rotate(5deg)}}.bs-bug-emoji{font-size:42px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bs-is-bug .bs-bug-emoji{animation:bs-bug-move .6s ease-in-out infinite alternate}@keyframes bs-bug-move{0%{transform:scaleX(1)}to{transform:scaleX(-1)}}.bs-bug-label{font-size:14px;font-weight:900;padding:3px 10px;border-radius:10px;margin-top:-4px;font-family:Nunito,sans-serif;min-width:36px;text-align:center}.bs-is-bug .bs-bug-label{background:#ef4444;color:#fff}.bs-is-flower .bs-bug-label{background:#22c55e;color:#fff}.bs-squashed{animation:bs-splat .5s ease forwards!important}@keyframes bs-splat{0%{transform:scale(1);opacity:1}30%{transform:scale(1.5) rotate(20deg);opacity:.8}to{transform:scale(0) rotate(60deg);opacity:0}}.bs-protected{animation:bs-shield .5s ease!important}@keyframes bs-shield{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.3);filter:brightness(1.5) drop-shadow(0 0 12px #22C55E)}}.bs-grass{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;font-size:28px;padding:8px 0;pointer-events:none}.bs-result-card{background:#ffffffd9;border-radius:24px;padding:28px 36px;text-align:center;margin:20px 0;border:3px solid #22C55E}.bs-result-big{font-size:24px;font-weight:900;color:#166534}.bs-result-stars{display:flex;gap:8px;justify-content:center;margin:12px 0}.bs-result-star{font-size:28px;opacity:.3;transition:all .3s}.bs-result-star.earned{opacity:1;transform:scale(1.2)}.bs-result-msg{font-size:18px;font-weight:700;margin:12px 0 4px;color:#166534}.bs-result-detail{font-size:14px;color:#64748b}.rl-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#0f172a,#1e1b4b,#312e81);color:#fff;position:relative;overflow:hidden}.rl-playing{justify-content:flex-start;padding-top:0}.rl-launch-bg{justify-content:center}.rl-title{font-size:clamp(24px,6vw,36px);font-weight:900;text-align:center;margin:0 0 8px}.rl-sub{font-size:16px;color:#a5b4fc;margin:0 0 20px;text-align:center}.rl-rocket-preview{margin:20px 0;text-align:center}.rl-rocket-big{font-size:80px;display:inline-block;animation:rl-hover 2s ease-in-out infinite}@keyframes rl-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.rl-rules{background:#ffffff14;border-radius:16px;padding:16px 24px;margin:16px 0;text-align:left}.rl-rules p{margin:6px 0;font-size:15px;font-weight:600}.rl-start-btn{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:20px;font-weight:900;cursor:pointer;font-family:Nunito,sans-serif;margin:12px 0;box-shadow:0 4px 20px #f9731666;transition:transform .15s}.rl-start-btn:active{transform:scale(.95)}.rl-back-btn{background:#ffffff1a;color:#a5b4fc;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.rl-hud{display:flex;gap:16px;justify-content:center;padding:12px 0 8px;width:100%;background:#0000004d}.rl-hud-item{font-size:16px;font-weight:800;background:#ffffff1a;padding:6px 14px;border-radius:20px}.rl-back-btn-small{background:#ffffff1a;color:#a5b4fc;border:none;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif}.rl-streak{background:#f973164d;color:#fdba74;animation:rl-pulse .5s ease infinite}@keyframes rl-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rl-fuel-wrap{width:90%;max-width:400px;margin:16px 0 8px}.rl-fuel-label{font-size:15px;font-weight:800;margin-bottom:6px;text-align:center}.rl-fuel-bar{height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.rl-fuel-fill{height:100%;border-radius:12px;transition:width .5s ease,background .3s;box-shadow:0 0 12px currentColor}.rl-rocket-side{position:absolute;right:16px;bottom:80px;top:140px;width:40px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.rl-rocket-icon{font-size:36px;position:relative;transition:bottom .5s ease;filter:drop-shadow(0 0 8px rgba(249,115,22,.6))}.rl-question-card{background:#ffffff14;border-radius:24px;padding:24px;margin:16px 0;width:90%;max-width:400px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:border-color .3s}.rl-flash-green{border-color:#22c55e;box-shadow:0 0 20px #22c55e66}.rl-flash-red{border-color:#ef4444;box-shadow:0 0 20px #ef444466}.rl-question-text{font-size:clamp(20px,5vw,28px);font-weight:900;margin-bottom:20px}.rl-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rl-option-btn{background:linear-gradient(135deg,#ffffff26,#ffffff0d);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 8px;font-size:18px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.rl-option-btn:active{transform:scale(.95);background:#ffffff40}.rl-launchpad{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center}.rl-rocket-ship{transition:transform 3s ease-in}.rl-rocket-ship .rl-rocket-icon{font-size:80px}.rl-liftoff{transform:translateY(-500px) scale(.3)}.rl-flames{font-size:40px;text-align:center;animation:rl-flicker .15s infinite}@keyframes rl-flicker{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.rl-countdown{font-size:120px;font-weight:900;color:#f97316;text-shadow:0 0 40px rgba(249,115,22,.6);animation:rl-count 1s ease infinite}@keyframes rl-count{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1);opacity:1}to{opacity:.5}}.rl-launch-text{font-size:36px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:rl-shake .2s infinite}@keyframes rl-shake{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.rl-fuel-final{font-size:20px;font-weight:800;color:#a5b4fc;margin-top:20px}.rl-result-card{background:#ffffff14;border-radius:24px;padding:28px 36px;text-align:center;margin:20px 0;border:2px solid rgba(249,115,22,.4)}.rl-result-big{font-size:42px;font-weight:900;color:#f97316}.rl-result-altitude{font-size:20px;font-weight:800;color:#a5b4fc;margin:8px 0}.rl-result-stars{display:flex;gap:8px;justify-content:center;margin:12px 0}.rl-result-star{font-size:28px;opacity:.3;transition:all .3s}.rl-result-star.earned{opacity:1;transform:scale(1.2)}.rl-result-msg{font-size:18px;font-weight:700;margin:12px 0 4px}.rl-result-detail{font-size:14px;color:#94a3b8}.mm-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#581c87,#7e22ce 40%,#a855f7);color:#fff;position:relative;overflow:hidden}.mm-playing{justify-content:flex-start;padding-top:0}.mm-title{font-size:clamp(24px,6vw,36px);font-weight:900;text-align:center;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.mm-sub{font-size:16px;color:#e9d5ff;margin:0 0 16px;text-align:center;font-weight:700}.mm-pick-label{font-size:16px;font-weight:800;color:#e9d5ff;margin:8px 0}.mm-monster-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px;max-width:320px;width:100%}.mm-monster-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff1a;border:3px solid transparent;border-radius:16px;padding:12px 8px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .2s}.mm-monster-btn:active{transform:scale(.95)}.mm-selected{border-color:gold!important;background:#ffd70026!important}.mm-monster-emoji{font-size:36px}.mm-monster-name{font-size:12px;font-weight:800;color:#e9d5ff}.mm-rules{background:#ffffff1a;border-radius:16px;padding:14px 20px;margin:12px 0;text-align:left}.mm-rules p{margin:5px 0;font-size:14px;font-weight:600}.mm-start-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:20px;font-weight:900;cursor:pointer;font-family:Nunito,sans-serif;margin:12px 0;box-shadow:0 4px 20px #a855f766;transition:transform .15s}.mm-start-btn:active{transform:scale(.95)}.mm-back-btn{background:#ffffff1a;color:#e9d5ff;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.mm-hud{display:flex;gap:16px;justify-content:center;padding:12px 0 8px;width:100%;background:#0003}.mm-hud-item{font-size:16px;font-weight:800;background:#ffffff1a;padding:6px 14px;border-radius:20px}.mm-back-btn-small{background:#ffffff1a;color:#e9d5ff;border:none;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif}.mm-monster-area{display:flex;flex-direction:column;align-items:center;margin:16px 0 8px;position:relative}.mm-monster-display{position:relative;transition:transform .3s}.mm-monster-big{font-size:80px;display:block}.mm-mood-happy .mm-monster-big{animation:mm-bounce 1.5s ease-in-out infinite}@keyframes mm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mm-mood-eating .mm-monster-big{animation:mm-chomp .3s ease infinite}@keyframes mm-chomp{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mm-mood-yuck .mm-monster-big{animation:mm-shake .2s ease infinite}@keyframes mm-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.mm-mood-love .mm-monster-big{animation:mm-love-bounce .4s ease}@keyframes mm-love-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mm-monster-action{position:absolute;top:-10px;right:-20px;font-size:20px;font-weight:900;background:#22c55e;color:#fff;padding:4px 12px;border-radius:12px;animation:mm-pop-up .4s ease}.mm-yuck{background:#ef4444!important}.mm-love{background:none!important;font-size:28px;animation:mm-hearts .6s ease forwards}@keyframes mm-pop-up{0%{transform:scale(0) translateY(10px)}to{transform:scale(1) translateY(0)}}@keyframes mm-hearts{0%{transform:scale(0);opacity:1}to{transform:scale(2) translateY(-30px);opacity:0}}.mm-flying-food{position:absolute;font-size:24px;animation:mm-fly-to-mouth .5s ease forwards}@keyframes mm-fly-to-mouth{0%{transform:translateY(60px) scale(1);opacity:1}to{transform:translateY(0) scale(0);opacity:0}}.mm-tummy{width:200px;margin-top:8px}.mm-tummy-label{font-size:13px;font-weight:800;text-align:center;color:#e9d5ff;margin-bottom:4px}.mm-tummy-bar{height:16px;background:#ffffff26;border-radius:8px;overflow:hidden}.mm-tummy-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:8px;transition:width .5s ease}.mm-question-card{background:#ffffff1a;border-radius:24px;padding:20px;margin:12px 0;width:90%;max-width:400px;text-align:center;border:2px solid rgba(255,255,255,.15)}.mm-question-text{font-size:clamp(18px,5vw,24px);font-weight:900;margin-bottom:16px}.mm-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-option-btn{background:linear-gradient(135deg,#fff3,#ffffff14);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 8px;font-size:16px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.mm-option-btn:active{transform:scale(.95);background:#ffffff4d}.mm-result-monster{text-align:center;margin:16px 0}.mm-result-monster-emoji{font-size:72px;display:block;animation:mm-bounce 1.5s ease-in-out infinite}.mm-result-fullness{font-size:20px;font-weight:800}.mm-result-card{background:#ffffff1a;border-radius:24px;padding:24px 32px;text-align:center;margin:16px 0;border:2px solid rgba(255,215,0,.3)}.mm-result-big{font-size:28px;font-weight:900;color:gold}.mm-result-stars{display:flex;gap:8px;justify-content:center;margin:12px 0}.mm-result-star{font-size:28px;opacity:.3;transition:all .3s}.mm-result-star.earned{opacity:1;transform:scale(1.2)}.mm-result-msg{font-size:18px;font-weight:700;margin:12px 0 4px}.mm-result-detail{font-size:14px;color:#e9d5ff}.pp-root{min-height:100vh;background:var(--bg, #0f172a);color:var(--text, #e8e8e8);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;padding:0 1rem 2rem}.pp-header{width:100%;max-width:600px;display:flex;align-items:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap}.pp-back{background:none;border:none;color:var(--accent, #818cf8);font-size:1rem;cursor:pointer;font-weight:700;padding:.4rem .6rem;border-radius:8px;transition:background .2s}.pp-back:hover{background:#818cf826}.pp-title{font-size:1.35rem;margin:0;flex:1}.pp-progress{font-size:.95rem;color:var(--text-sub, #94a3b8);font-weight:600}.pp-score-badge{background:#facc1526;color:#facc15;padding:.25rem .65rem;border-radius:999px;font-weight:700;font-size:.95rem}.pp-subtitle{color:var(--text-sub, #94a3b8);font-size:1.15rem;margin:.5rem 0 1.5rem;text-align:center}.pp-menu{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.pp-diff-btn{display:flex;align-items:center;gap:1rem;background:var(--card-bg, #1e293b);border:2px solid var(--card-border, #334155);border-radius:16px;padding:1.25rem 1.5rem;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;text-align:left;color:var(--text, #e8e8e8)}.pp-diff-btn:hover{transform:translateY(-2px)}.pp-diff-btn:active{transform:scale(.97)}.pp-diff-easy{border-color:#22c55e}.pp-diff-easy:hover{background:#22c55e1a}.pp-diff-medium{border-color:#f59e0b}.pp-diff-medium:hover{background:#f59e0b1a}.pp-diff-hard{border-color:#ef4444}.pp-diff-hard:hover{background:#ef44441a}.pp-diff-emoji{font-size:2rem}.pp-diff-label{font-size:1.2rem;font-weight:700}.pp-diff-desc{font-size:.85rem;color:var(--text-sub, #94a3b8);margin-left:auto}.pp-question-card{background:var(--card-bg, #1e293b);border:2px solid var(--card-border, #334155);border-radius:20px;padding:2rem 1.5rem;margin-top:1rem;width:100%;max-width:560px;text-align:center}.pp-prompt{font-size:1.3rem;font-weight:700;margin:0 0 1.25rem;color:var(--accent, #818cf8)}.pp-sequence{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.pp-seq-item{font-size:2rem;background:#818cf814;border:2px solid rgba(129,140,248,.2);border-radius:12px;min-width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;animation:fadeSlideIn .3s ease-out both}.pp-seq-item:nth-child(1){animation-delay:.05s}.pp-seq-item:nth-child(2){animation-delay:.1s}.pp-seq-item:nth-child(3){animation-delay:.15s}.pp-seq-item:nth-child(4){animation-delay:.2s}.pp-seq-item:nth-child(5){animation-delay:.25s}.pp-seq-item:nth-child(6){animation-delay:.3s}.pp-seq-item:nth-child(7){animation-delay:.35s}.pp-seq-item:nth-child(8){animation-delay:.4s}.pp-seq-blank{background:#facc151f;border-color:#facc15;color:#facc15;font-weight:800;animation:pulse 1.2s ease-in-out infinite}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pp-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pp-option{font-size:1.5rem;padding:1rem;border-radius:14px;border:2px solid var(--card-border, #334155);background:var(--bg, #0f172a);color:var(--text, #e8e8e8);cursor:pointer;font-weight:700;transition:transform .12s,border-color .2s,background .2s}.pp-option:hover:not(:disabled){transform:scale(1.04);border-color:var(--accent, #818cf8)}.pp-option:disabled{cursor:default}.pp-option.pp-correct{background:#22c55e33;border-color:#22c55e;animation:popIn .3s ease-out}.pp-option.pp-wrong{background:#ef444433;border-color:#ef4444;animation:shake .4s ease-out}@keyframes popIn{0%{transform:scale(.95)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pp-progress-bar{width:100%;max-width:560px;height:6px;background:var(--card-border, #334155);border-radius:999px;margin-top:1.5rem;overflow:hidden}.pp-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#a78bfa);border-radius:999px;transition:width .4s ease}.pp-result-card{background:var(--card-bg, #1e293b);border:2px solid var(--card-border, #334155);border-radius:20px;padding:2.5rem 2rem;margin-top:2rem;text-align:center;width:100%;max-width:420px;animation:fadeSlideIn .4s ease-out}.pp-result-card h2{margin:0 0 .75rem;font-size:1.5rem}.pp-big-score{font-size:3rem;font-weight:800;color:var(--accent, #818cf8);margin:.5rem 0}.pp-stars-line{font-size:2rem;margin:.5rem 0}.pp-result-msg{color:var(--text-sub, #94a3b8);font-size:1.1rem;margin-bottom:1.5rem}.pp-result-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.pp-btn{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:transform .15s}.pp-btn:hover{transform:translateY(-2px)}.pp-btn-primary{background:var(--accent, #818cf8);color:#fff}.pp-btn-secondary{background:var(--card-border, #334155);color:var(--text, #e8e8e8)}.ms-root{min-height:100vh;background:var(--bg, #0f172a);color:var(--text, #e8e8e8);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;padding:0 1rem 2rem}.ms-header{width:100%;max-width:600px;display:flex;align-items:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap}.ms-back{background:none;border:none;color:var(--accent, #818cf8);font-size:1rem;cursor:pointer;font-weight:700;padding:.4rem .6rem;border-radius:8px;transition:background .2s}.ms-back:hover{background:#818cf826}.ms-title{font-size:1.35rem;margin:0;flex:1}.ms-level-badge{background:#818cf826;color:var(--accent, #818cf8);padding:.25rem .75rem;border-radius:999px;font-weight:700;font-size:.95rem}.ms-high-badge{color:var(--text-sub, #94a3b8);font-size:.9rem;font-weight:600}.ms-status{margin:1rem 0 1.5rem;text-align:center}.ms-status-text{font-size:1.3rem;font-weight:700;margin:0}.ms-status-text.watching{color:#facc15;animation:pulseText 1s ease-in-out infinite}.ms-status-text.tapping{color:var(--accent, #818cf8)}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.5}}.ms-circles{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.ms-circle{width:5rem;height:5rem;border-radius:50%;border:3px solid var(--card-border, #334155);background:var(--card-bg, #1e293b);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.ms-circle:hover:not(:disabled){transform:scale(1.06);border-color:var(--hue)}.ms-circle:disabled{cursor:default;opacity:.7}.ms-circle:active:not(:disabled){transform:scale(.95)}.ms-circle-emoji{font-size:2.2rem;transition:transform .2s}.ms-circle.ms-lit{transform:scale(1.2);border-color:var(--hue);box-shadow:0 0 20px var(--hue),0 0 40px var(--hue),inset 0 0 15px #ffffff1a;animation:litPop .3s ease-out}.ms-circle.ms-lit .ms-circle-emoji{transform:scale(1.15)}@keyframes litPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.2)}}.ms-circle.ms-ok{border-color:#22c55e;box-shadow:0 0 12px #22c55e4d}.ms-circle.ms-wrong{border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important;background:#ef444433!important;animation:msShake .5s ease}@keyframes msShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ms-check{position:absolute;bottom:-4px;right:-4px;background:#22c55e;color:#fff;width:1.4rem;height:1.4rem;border-radius:50%;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.ms-seq-dots{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;max-width:400px}.ms-dot{width:10px;height:10px;border-radius:50%;background:var(--card-border, #334155);transition:background .3s,transform .2s}.ms-dot-done{background:#22c55e;transform:scale(1.1)}.ms-dot-current{background:var(--accent, #818cf8);transform:scale(1.3);animation:dotPulse .8s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1.3)}50%{transform:scale(1.5)}}.ms-menu-card{background:var(--card-bg, #1e293b);border:2px solid var(--card-border, #334155);border-radius:20px;padding:2.5rem 2rem;margin-top:2rem;text-align:center;width:100%;max-width:440px;animation:fadeUp .4s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ms-menu-circles{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.5rem}.ms-preview-circle{font-size:2.2rem;animation:gentleBounce 2s ease-in-out infinite}.ms-preview-circle:nth-child(1){animation-delay:0s}.ms-preview-circle:nth-child(2){animation-delay:.15s}.ms-preview-circle:nth-child(3){animation-delay:.3s}.ms-preview-circle:nth-child(4){animation-delay:.45s}.ms-preview-circle:nth-child(5){animation-delay:.6s}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ms-menu-desc{color:var(--text-sub, #94a3b8);font-size:1.05rem;line-height:1.6;margin:0 0 1rem}.ms-high{color:#facc15;font-weight:700;font-size:1.1rem;margin:0 0 1.5rem}.ms-start-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;border:none;padding:1rem 2.5rem;border-radius:14px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .2s}.ms-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #818cf859}.ms-diff-picker{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}.ms-diff-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:2px solid var(--card-border, #334155);background:var(--card-bg, #1e293b);cursor:pointer;transition:transform .15s;color:var(--text, #e8e8e8);text-align:left}.ms-diff-btn:active{transform:scale(.97)}.ms-diff-easy{border-color:#22c55e}.ms-diff-easy:hover{background:#22c55e1a}.ms-diff-medium{border-color:#f59e0b}.ms-diff-medium:hover{background:#f59e0b1a}.ms-diff-hard{border-color:#ef4444}.ms-diff-hard:hover{background:#ef44441a}.ms-diff-emoji{font-size:1.6rem}.ms-diff-label{font-size:1.1rem;font-weight:800}.ms-diff-desc{font-size:.8rem;opacity:.7;margin-left:auto}.ms-result-card{background:var(--card-bg, #1e293b);border:2px solid var(--card-border, #334155);border-radius:20px;padding:2.5rem 2rem;margin-top:2rem;text-align:center;width:100%;max-width:420px;animation:fadeUp .4s ease-out}.ms-result-card h2{margin:0 0 .75rem;font-size:1.5rem}.ms-big-score{font-size:3.5rem;font-weight:800;color:var(--accent, #818cf8);margin:.25rem 0 0;line-height:1}.ms-score-label{color:var(--text-sub, #94a3b8);font-size:1rem;margin:.25rem 0 .75rem}.ms-stars-line{font-size:2rem;margin:.5rem 0}.ms-result-msg{color:var(--text-sub, #94a3b8);font-size:1.1rem;margin-bottom:1.5rem}.ms-result-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.ms-btn{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:transform .15s}.ms-btn:hover{transform:translateY(-2px)}.ms-btn-primary{background:var(--accent, #818cf8);color:#fff}.ms-btn-secondary{background:var(--card-border, #334155);color:var(--text, #e8e8e8)}.ooo-screen{min-height:100vh;background:var(--bg, linear-gradient(135deg, #1a1a2e 0%, #16213e 100%));display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #fff);font-family:Nunito,sans-serif;position:relative}.ooo-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ooo-back-btn{background:#ffffff1f;border:none;color:var(--text, #fff);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.ooo-back-btn:hover{background:#ffffff38}.ooo-progress{font-size:15px;font-weight:700;opacity:.9}.ooo-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:400px}.ooo-menu-icon{font-size:4rem;margin-bottom:4px}.ooo-menu h1{font-size:2.2rem;margin:0;color:var(--text, #fff)}.ooo-menu-sub{font-size:1.1rem;opacity:.7;margin:0 0 12px;color:var(--text-sub, rgba(255,255,255,.7))}.ooo-menu-preview{display:flex;gap:12px;margin-bottom:20px}.ooo-preview-item{font-size:2.4rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--card-bg, rgba(255,255,255,.08));border:2px solid var(--card-border, rgba(255,255,255,.15));transition:all .3s}.ooo-preview-item.highlight{border-color:#ef4444;background:#ef444433;animation:ooo-pulse 1.5s infinite}@keyframes ooo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ooo-question-area{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;justify-content:center;max-width:400px;width:100%}.ooo-prompt{font-size:1.5rem;font-weight:800;margin:0;text-align:center;color:var(--text, #fff)}.ooo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:320px}.ooo-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:24px;border:3px solid var(--card-border, rgba(255,255,255,.2));background:var(--card-bg, rgba(255,255,255,.08));cursor:pointer;transition:all .2s;padding:0}.ooo-card:hover:not(:disabled){transform:scale(1.06);border-color:var(--accent, #a78bfa);background:#a78bfa26}.ooo-card:active:not(:disabled){transform:scale(.96)}.ooo-card .ooo-emoji{font-size:3.5rem;line-height:1}.ooo-card.correct{border-color:#22c55e;background:#22c55e40;animation:ooo-pop .3s ease}.ooo-card.wrong{border-color:#ef4444;background:#ef444440;animation:ooo-shake .4s ease}.ooo-card.dimmed{opacity:.4}@keyframes ooo-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ooo-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ooo-explanation{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:18px;font-size:1.05rem;font-weight:600;animation:ooo-slideUp .3s ease;max-width:340px;text-align:center}.ooo-explanation.correct{background:#22c55e33;border:2px solid rgba(34,197,94,.4);color:#86efac}.ooo-explanation.wrong{background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#fca5a5}.ooo-explain-icon{font-size:1.4rem;flex-shrink:0}.ooo-explain-text{font-size:.95rem}@keyframes ooo-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ooo-result-screen{justify-content:center}.ooo-result-card{background:var(--card-bg, rgba(255,255,255,.1));border:2px solid var(--card-border, rgba(255,255,255,.15));border-radius:28px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000004d}.ooo-result-emoji{font-size:4rem;margin-bottom:8px}.ooo-result-card h2{font-size:1.8rem;margin:0 0 6px;color:var(--text, #fff)}.ooo-result-score{font-size:1.5rem;font-weight:700;margin:0 0 12px;opacity:.9}.ooo-result-stars{font-size:2rem;margin-bottom:20px}.ooo-result-stars .star.dim{opacity:.3;filter:grayscale(1)}.ooo-result-btns{display:flex;gap:12px;justify-content:center}.ooo-btn{padding:12px 28px;border-radius:20px;border:none;font-size:15px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .2s}.ooo-btn.primary{background:var(--accent, #8b5cf6);color:#fff}.ooo-btn.secondary{background:#ffffff26;color:var(--text, #fff)}.ooo-btn:hover{opacity:.85;transform:translateY(-1px)}.ooo-btn.big{padding:16px 48px;font-size:1.2rem;border-radius:24px}.ooo-diff-picker{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px}.oo-diff-easy{border:3px solid #22c55e!important;background:#22c55e26!important;color:#16a34a!important}.oo-diff-easy:hover{background:#22c55e4d!important}.oo-diff-medium{border:3px solid #eab308!important;background:#eab30826!important;color:#ca8a04!important}.oo-diff-medium:hover{background:#eab3084d!important}.oo-diff-hard{border:3px solid #ef4444!important;background:#ef444426!important;color:#dc2626!important}.oo-diff-hard:hover{background:#ef44444d!important}@media (max-width: 400px){.ooo-grid{gap:12px;max-width:280px}.ooo-card .ooo-emoji{font-size:2.8rem}.ooo-prompt{font-size:1.25rem}}.wa-screen{min-height:100vh;background:var(--bg, linear-gradient(135deg, #1a1a2e 0%, #16213e 100%));display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #fff);font-family:Nunito,sans-serif;position:relative}.wa-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wa-back-btn{background:#ffffff1f;border:none;color:var(--text, #fff);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.wa-back-btn:hover{background:#ffffff38}.wa-progress{font-size:15px;font-weight:700;opacity:.9}.wa-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:420px}.wa-menu-icon{font-size:4rem;margin-bottom:4px}.wa-menu h1{font-size:2.2rem;margin:0;color:var(--text, #fff)}.wa-menu-sub{font-size:1.1rem;opacity:.7;margin:0 0 16px;color:var(--text-sub, rgba(255,255,255,.7))}.wa-menu-example{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;border-radius:20px;background:var(--card-bg, rgba(255,255,255,.08));border:2px solid var(--card-border, rgba(255,255,255,.15));margin-bottom:20px;font-size:1.15rem;font-weight:700}.wa-ex-divider{font-size:.85rem;font-weight:600;opacity:.5;text-transform:uppercase;letter-spacing:1px}.wa-ex-blank{display:inline-block;padding:2px 14px;background:#fbbf2433;border:2px dashed rgba(251,191,36,.5);border-radius:10px;color:#fbbf24;animation:wa-blink 1.2s infinite}@keyframes wa-blink{0%,to{opacity:1}50%{opacity:.5}}.wa-question-area{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;justify-content:center;max-width:440px;width:100%}.wa-prompt{font-size:1.4rem;font-weight:800;margin:0;text-align:center;color:var(--text, #fff)}.wa-analogy-display{width:100%;background:var(--card-bg, rgba(255,255,255,.06));border:2px solid var(--card-border, rgba(255,255,255,.15));border-radius:24px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.wa-pair{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700}.wa-pair-emoji{font-size:1.8rem}.wa-pair-word{padding:6px 16px;border-radius:12px;background:#ffffff1a}.wa-pair-word.answer-word{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#86efac}.wa-pair-word.blank-word{background:#fbbf2426;border:2px dashed rgba(251,191,36,.5);color:#fbbf24;min-width:70px;text-align:center;transition:all .3s}.wa-arrow{font-size:1.3rem;opacity:.6}.wa-divider{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;opacity:.4}.wa-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px}.wa-option{padding:16px 12px;border-radius:18px;border:3px solid var(--card-border, rgba(255,255,255,.2));background:var(--card-bg, rgba(255,255,255,.08));color:var(--text, #fff);font-size:1.1rem;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .2s;text-align:center}.wa-option:hover:not(:disabled){transform:scale(1.04);border-color:var(--accent, #a78bfa);background:#a78bfa26}.wa-option:active:not(:disabled){transform:scale(.96)}.wa-option.correct{border-color:#22c55e;background:#22c55e40;animation:wa-pop .3s ease}.wa-option.wrong{border-color:#ef4444;background:#ef444440;animation:wa-shake .4s ease}.wa-option.dimmed{opacity:.4}@keyframes wa-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wa-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.wa-feedback{padding:14px 22px;border-radius:18px;font-size:.95rem;font-weight:600;animation:wa-slideUp .3s ease;text-align:center;max-width:380px;line-height:1.5}.wa-feedback.correct{background:#22c55e33;border:2px solid rgba(34,197,94,.4);color:#86efac}.wa-feedback.wrong{background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#fca5a5}@keyframes wa-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wa-result-screen{justify-content:center}.wa-result-card{background:var(--card-bg, rgba(255,255,255,.1));border:2px solid var(--card-border, rgba(255,255,255,.15));border-radius:28px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000004d}.wa-result-emoji{font-size:4rem;margin-bottom:8px}.wa-result-card h2{font-size:1.8rem;margin:0 0 6px;color:var(--text, #fff)}.wa-result-score{font-size:1.5rem;font-weight:700;margin:0 0 12px;opacity:.9}.wa-result-stars{font-size:2rem;margin-bottom:20px}.wa-result-stars .star.dim{opacity:.3;filter:grayscale(1)}.wa-result-btns{display:flex;gap:12px;justify-content:center}.wa-btn{padding:12px 28px;border-radius:20px;border:none;font-size:15px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .2s}.wa-btn.primary{background:var(--accent, #8b5cf6);color:#fff}.wa-btn.secondary{background:#ffffff26;color:var(--text, #fff)}.wa-btn:hover{opacity:.85;transform:translateY(-1px)}.wa-btn.big{padding:16px 48px;font-size:1.2rem;border-radius:24px}.wa-difficulty-picker{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.wa-difficulty-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin:0}.wa-difficulty-btns{display:flex;gap:12px;width:100%;justify-content:center}.wa-diff-btn{flex:1;max-width:130px;padding:14px 12px;font-size:1rem;border-radius:16px;border:3px solid transparent;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.wa-diff-easy{background:#22c55e40;border-color:#22c55e80;color:#86efac}.wa-diff-easy:hover{background:#22c55e66;opacity:1}.wa-diff-medium{background:#fbbf2440;border-color:#fbbf2480;color:#fde68a}.wa-diff-medium:hover{background:#fbbf2466;opacity:1}.wa-diff-hard{background:#ef444440;border-color:#ef444480;color:#fca5a5}.wa-diff-hard:hover{background:#ef444466;opacity:1}@media (max-width: 400px){.wa-pair{font-size:1rem;gap:6px}.wa-pair-emoji{font-size:1.4rem}.wa-option{padding:12px 8px;font-size:1rem}.wa-analogy-display{padding:18px 14px}}.bc-root{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column}.bc-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF)}.bc-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}.bc-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.bc-level-tag{font-size:13px;font-weight:800;color:#d97706;background:#fffbeb;padding:4px 12px;border-radius:8px;text-transform:capitalize}.bc-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px}.bc-landing-emoji{font-size:64px;animation:bc-bounce 1.2s ease-in-out infinite alternate}@keyframes bc-bounce{0%{transform:scale(1) translateY(0)}to{transform:scale(1.1) translateY(-8px)}}.bc-landing-title{font-size:28px;font-weight:900;color:var(--text, #1C1833)}.bc-landing-sub{font-size:15px;color:var(--text-sub, #6E6A80)}.bc-level-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}.bc-level-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 24px;min-width:140px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-bottom:4px solid var(--card-border, #D0C4FF);border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;color:var(--text, #1C1833)}.bc-level-card:hover{border-color:var(--accent, #7C4DFF);transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.bc-lc-icon{font-size:32px}.bc-lc-label{font-size:16px;font-weight:900;color:var(--text, #1C1833)}.bc-lc-desc{font-size:11px;color:var(--text-sub, #6E6A80)}.bc-progress-bar{width:100%;height:6px;background:var(--input-bg, #F4F0FF);overflow:hidden}.bc-progress-fill{height:100%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--accent, #7C4DFF),#a78bfa);transition:width .3s ease}.bc-game{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px;gap:16px}.bc-top-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:center}.bc-round{font-size:14px;font-weight:800;color:var(--accent, #7C4DFF)}.bc-score-text{font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.bc-question{font-size:22px;font-weight:900;color:var(--text, #1C1833);margin:4px 0 8px;z-index:2;position:relative}.bc-scene-wrap{display:flex;align-items:flex-end;justify-content:center;padding:60px 30px 30px;min-height:250px;background:var(--card-bg, #fff);border-radius:20px;border:2px solid var(--card-border, #E5DCFF);box-shadow:0 4px 16px #0000000f;width:100%;max-width:340px;overflow:hidden;position:relative}.bc-scene{position:relative;transform-style:preserve-3d;margin:0 auto;transform:scale(.85)}.bc-block{position:absolute;transform-style:preserve-3d}.bc-block-top{position:absolute;width:40px;height:24px;left:0;top:-12px;transform:skew(-30deg);border:1px solid rgba(255,255,255,.3);border-radius:2px}.bc-block-left{position:absolute;width:23px;height:40px;left:-6px;top:7px;transform:skewY(30deg);border:1px solid rgba(0,0,0,.1);border-radius:2px}.bc-block-right{position:absolute;width:23px;height:40px;left:17px;top:7px;transform:skewY(-30deg);border:1px solid rgba(0,0,0,.15);border-radius:2px}.bc-choices{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.bc-choice{width:64px;height:64px;font-size:24px;font-weight:900;font-family:Nunito,sans-serif;background:var(--card-bg, #fff);color:var(--text, #1C1833);border:3px solid var(--card-border, #E5DCFF);border-radius:16px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.bc-choice:hover:not(:disabled){border-color:var(--accent, #7C4DFF);transform:scale(1.08);box-shadow:0 4px 12px #7c4dff26}.bc-choice.correct{background:#e8f5e9;border-color:#22c55e;color:#15803d;animation:bc-pop .3s ease}.bc-choice.wrong{background:#fef2f2;border-color:#ef4444;color:#dc2626;animation:bc-shake .3s ease}.bc-choice.dimmed{opacity:.3}@keyframes bc-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bc-feedback{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;animation:bc-fade-in .25s ease}@keyframes bc-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bc-fb-correct{font-size:18px;font-weight:900;color:#22c55e}.bc-fb-wrong{font-size:18px;font-weight:900;color:#ef4444}.bc-fb-hint{font-size:13px;color:var(--text-sub, #6E6A80);font-style:italic}.bc-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}.bc-btn.primary{background:linear-gradient(135deg,var(--accent, #7C4DFF),#a78bfa);color:#fff}.bc-btn.primary:hover{filter:brightness(1.1)}.bc-btn.secondary{background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.bc-btn.secondary:hover{border-color:var(--accent, #7C4DFF)}.bc-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:16px;text-align:center}.bc-result-emoji{font-size:56px}.bc-result-title{font-size:24px;font-weight:900;color:var(--text, #1C1833)}.bc-result-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.bc-rs{display:flex;flex-direction:column;align-items:center;gap:2px}.bc-rs-num{font-size:28px;font-weight:900;color:var(--accent, #7C4DFF)}.bc-rs-label{font-size:11px;font-weight:700;color:var(--text-sub, #6E6A80);text-transform:uppercase}.bc-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}@media (max-width: 500px){.bc-question{font-size:18px}.bc-choice{width:56px;height:56px;font-size:20px}.bc-scene-wrap{padding:20px 10px 40px}}.lp-root{min-height:100vh;background:var(--bg, #F0ECFF);color:var(--text, #1C1833);font-family:Nunito,sans-serif;display:flex;flex-direction:column}.lp-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF)}.lp-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}.lp-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.lp-cat-badge{font-size:12px;font-weight:800;color:#fff;padding:4px 12px;border-radius:8px;white-space:nowrap}.lp-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px}.lp-landing-emoji{font-size:64px;animation:lp-wobble 1.5s ease-in-out infinite alternate}@keyframes lp-wobble{0%{transform:rotate(-5deg) scale(1)}to{transform:rotate(5deg) scale(1.1)}}.lp-landing-title{font-size:28px;font-weight:900;color:var(--text, #1C1833)}.lp-landing-sub{font-size:15px;color:var(--text-sub, #6E6A80)}.lp-category-preview{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 16px}.lp-cat-tag{font-size:12px;font-weight:800;color:#fff;padding:6px 14px;border-radius:20px}.lp-progress-bar{width:100%;height:6px;background:var(--input-bg, #F4F0FF);overflow:hidden}.lp-progress-fill{height:100%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--accent, #7C4DFF),#a78bfa);transition:width .3s ease}.lp-game{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px;gap:16px}.lp-top-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:center}.lp-round{font-size:14px;font-weight:800;color:var(--accent, #7C4DFF)}.lp-score-text{font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.lp-question-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:20px;padding:24px 28px;max-width:520px;width:100%;text-align:center;box-shadow:0 4px 16px #0000000f}.lp-question{font-size:18px;font-weight:700;color:var(--text, #1C1833);line-height:1.6;margin:0}.lp-options{display:flex;flex-direction:column;gap:10px;max-width:420px;width:100%}.lp-option{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;text-align:left;color:var(--text, #1C1833)}.lp-option:hover:not(:disabled){border-color:var(--accent, #7C4DFF);transform:translate(4px)}.lp-opt-letter{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);font-size:14px;font-weight:900;border-radius:8px}.lp-opt-text{font-size:15px;font-weight:700}.lp-option.correct{background:#e8f5e9;border-color:#22c55e;animation:lp-pop .3s ease}.lp-option.correct .lp-opt-letter{background:#dcfce7;color:#15803d}.lp-option.wrong{background:#fef2f2;border-color:#ef4444;animation:lp-shake .3s ease}.lp-option.wrong .lp-opt-letter{background:#fee2e2;color:#dc2626}.lp-option.dimmed{opacity:.3}@keyframes lp-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes lp-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.lp-feedback{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;max-width:420px;width:100%;animation:lp-fade-in .25s ease}@keyframes lp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lp-fb-correct{font-size:18px;font-weight:900;color:#22c55e;margin:0}.lp-fb-wrong{font-size:18px;font-weight:900;color:#ef4444;margin:0}.lp-explanation{display:flex;align-items:flex-start;gap:10px;background:var(--input-bg, #FFFBEB);border:1px solid var(--card-border, #FDE68A);border-radius:12px;padding:14px 18px;width:100%}.lp-explain-icon{font-size:20px;flex-shrink:0;margin-top:1px}.lp-explain-text{font-size:14px;font-weight:600;color:var(--text, #1C1833);line-height:1.5;margin:0}.lp-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}.lp-btn.primary{background:linear-gradient(135deg,var(--accent, #7C4DFF),#a78bfa);color:#fff}.lp-btn.primary:hover{filter:brightness(1.1)}.lp-btn.secondary{background:var(--input-bg, #F4F0FF);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.lp-btn.secondary:hover{border-color:var(--accent, #7C4DFF)}.lp-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:16px;text-align:center}.lp-result-emoji{font-size:56px}.lp-result-title{font-size:24px;font-weight:900;color:var(--text, #1C1833)}.lp-result-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.lp-rs{display:flex;flex-direction:column;align-items:center;gap:2px}.lp-rs-num{font-size:28px;font-weight:900;color:var(--accent, #7C4DFF)}.lp-rs-label{font-size:11px;font-weight:700;color:var(--text-sub, #6E6A80);text-transform:uppercase}.lp-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}.lp-menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:16px;text-align:center}.lp-menu-icon{font-size:64px}.lp-menu h2{font-size:24px;font-weight:900;color:var(--text, #1C1833);margin:0}.lp-menu-desc{font-size:15px;color:var(--text-sub, #6E6A80);margin:0}.lp-cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lp-cat-chip{font-size:12px;font-weight:800;color:#fff;padding:6px 14px;border-radius:20px}.lp-start-btn{padding:16px 48px;font-size:18px;font-weight:800;background:linear-gradient(135deg,var(--accent, #7C4DFF),#a78bfa);color:#fff;border:none;border-radius:30px;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.lp-start-btn:hover{filter:brightness(1.1)}.lp-quiz-top{display:flex;align-items:center;gap:12px;justify-content:center;padding:14px 20px;flex-wrap:wrap}.lp-progress{font-size:14px;font-weight:800;color:var(--accent, #7C4DFF)}.lp-score-badge{font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.lp-next-btn{padding:12px 36px;font-size:16px;font-weight:800;background:linear-gradient(135deg,var(--accent, #7C4DFF),#a78bfa);color:#fff;border:none;border-radius:30px;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px}.lp-next-btn:hover{filter:brightness(1.1)}.lp-result-stars{font-size:28px;letter-spacing:4px}.lp-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.lp-difficulty-picker{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.lp-diff-btn{padding:14px 28px;font-size:16px;font-weight:800;border:none;border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;color:#fff;transition:all .15s;min-width:120px}.lp-diff-btn.easy{background:linear-gradient(135deg,#34d399,#6ee7b7)}.lp-diff-btn.easy:hover{filter:brightness(1.1);transform:scale(1.04)}.lp-diff-btn.medium{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.lp-diff-btn.medium:hover{filter:brightness(1.1);transform:scale(1.04)}.lp-diff-btn.hard{background:linear-gradient(135deg,#f472b6,#ec4899)}.lp-diff-btn.hard:hover{filter:brightness(1.1);transform:scale(1.04)}@media (max-width: 500px){.lp-question{font-size:16px}.lp-question-card{padding:18px 20px}.lp-option{padding:12px 16px}.lp-opt-text{font-size:14px}}.mp-screen{min-height:100vh;background:var(--bg, linear-gradient(135deg, #1a1a2e 0%, #16213e 100%));display:flex;flex-direction:column;align-items:center;padding:16px;color:var(--text, #fff);font-family:Nunito,sans-serif;position:relative}.mp-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mp-back-btn{background:#ffffff1f;border:none;color:var(--text, #fff);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.mp-back-btn:hover{background:#ffffff38}.mp-progress{font-size:15px;font-weight:700;opacity:.9}.mp-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:400px}.mp-menu-icon{font-size:4rem;margin-bottom:4px}.mp-menu h1{font-size:2.2rem;margin:0;color:var(--text, #fff)}.mp-menu-sub{font-size:1.1rem;opacity:.7;margin:0 0 12px;color:var(--text-sub, rgba(255,255,255,.7))}.mp-menu-preview{margin-bottom:20px}.mp-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:140px}.mp-preview-grid span{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--card-bg, rgba(255,255,255,.08));border:2px solid var(--card-border, rgba(255,255,255,.15))}.mp-preview-grid .mp-preview-q{font-size:1.8rem;font-weight:800;color:#a78bfa;border:2px dashed #a78bfa;background:#a78bfa1a;animation:mp-pulse 1.5s infinite}.mp-question-area{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;justify-content:center;max-width:420px;width:100%}.mp-prompt{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;margin:0;text-align:center;color:var(--text, #fff)}.mp-grid{display:grid;gap:clamp(8px,2vw,14px);width:100%;justify-content:center;justify-items:center}.mp-grid-2{grid-template-columns:repeat(2,clamp(72px,20vw,100px));max-width:240px}.mp-grid-3{grid-template-columns:repeat(3,clamp(64px,16vw,90px));max-width:320px}.mp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:18px;border:3px solid var(--card-border, rgba(255,255,255,.2));background:var(--card-bg, rgba(255,255,255,.08));width:100%;transition:all .3s}.mp-cell-emoji{font-size:clamp(2rem,6vw,3.2rem);line-height:1}.mp-cell-question{border:3px dashed #a78bfa;background:#a78bfa1a;animation:mp-pulse 1.5s infinite}.mp-cell-q{font-size:clamp(2.2rem,7vw,3.5rem);font-weight:900;color:#a78bfa;line-height:1}@keyframes mp-pulse{0%,to{transform:scale(1);box-shadow:0 0 #a78bfa4d}50%{transform:scale(1.04);box-shadow:0 0 16px 4px #a78bfa40}}.mp-cell-correct{border-color:#22c55e;background:#22c55e40;animation:mp-pop .3s ease}.mp-cell-wrong{border-color:#ef4444;background:#ef444440;animation:mp-shake .4s ease}@keyframes mp-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes mp-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mp-options{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,14px);width:100%;max-width:380px;margin-top:8px}.mp-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:20px;border:3px solid rgba(167,139,250,.35);background:#a78bfa14;cursor:pointer;transition:all .2s;padding:0;min-height:64px}.mp-option:hover{transform:scale(1.08);border-color:#a78bfa;background:#a78bfa33;box-shadow:0 4px 16px #a78bfa40}.mp-option:active{transform:scale(.95)}.mp-option-emoji{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1}.mp-hint-btn{background:#a78bfa26;border:2px solid rgba(167,139,250,.3);color:#c4b5fd;padding:8px 20px;border-radius:16px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:Nunito,sans-serif;transition:all .2s}.mp-hint-btn:hover{background:#a78bfa40}.mp-hint-box{background:#a78bfa26;border:2px solid rgba(167,139,250,.3);border-radius:16px;padding:10px 20px;font-size:.95rem;font-weight:600;color:#c4b5fd;max-width:340px;text-align:center;animation:mp-slideUp .3s ease}.mp-feedback{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:18px;font-size:1rem;font-weight:600;animation:mp-slideUp .3s ease;max-width:360px;text-align:center}.mp-feedback.correct{background:#22c55e33;border:2px solid rgba(34,197,94,.4);color:#86efac}.mp-feedback.wrong{background:#ef444433;border:2px solid rgba(239,68,68,.4);color:#fca5a5}.mp-feedback-icon{font-size:1.4rem;flex-shrink:0}.mp-feedback-text{font-size:.9rem}@keyframes mp-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mp-result-screen{justify-content:center}.mp-result-card{background:var(--card-bg, rgba(255,255,255,.1));border:2px solid var(--card-border, rgba(255,255,255,.15));border-radius:28px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 8px 32px #0000004d}.mp-result-emoji{font-size:4rem;margin-bottom:8px}.mp-result-card h2{font-size:1.8rem;margin:0 0 6px;color:var(--text, #fff)}.mp-result-score{font-size:1.5rem;font-weight:700;margin:0 0 12px;opacity:.9}.mp-result-stars{font-size:2rem;margin-bottom:20px}.mp-result-stars .star.dim{opacity:.3;filter:grayscale(1)}.mp-result-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mp-btn{padding:12px 28px;border-radius:20px;border:none;font-size:15px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .2s}.mp-btn.primary{background:#8b5cf6;color:#fff}.mp-btn.secondary{background:#ffffff26;color:var(--text, #fff)}.mp-btn:hover{opacity:.85;transform:translateY(-1px)}.mp-btn.big{padding:16px 36px;font-size:1.15rem;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:4px}.mp-diff-desc{font-size:.75rem;opacity:.7;font-weight:500}.mp-diff-picker{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px}.mp-diff-easy{border:3px solid #22c55e!important;background:#22c55e26!important;color:#16a34a!important}.mp-diff-easy:hover{background:#22c55e4d!important}.mp-diff-medium{border:3px solid #eab308!important;background:#eab30826!important;color:#ca8a04!important}.mp-diff-medium:hover{background:#eab3084d!important}.mp-diff-hard{border:3px solid #ef4444!important;background:#ef444426!important;color:#dc2626!important}.mp-diff-hard:hover{background:#ef44444d!important}@media (max-width: 400px){.mp-grid-2{grid-template-columns:repeat(2,72px)}.mp-grid-3{grid-template-columns:repeat(3,64px)}.mp-cell-emoji{font-size:2rem}.mp-cell-q{font-size:2.2rem}.mp-options{gap:6px}.mp-option{min-height:56px}.mp-option-emoji{font-size:1.6rem}.mp-prompt{font-size:1.15rem}}@media (max-width: 340px){.mp-grid-3{grid-template-columns:repeat(3,56px);gap:6px}.mp-cell{border-radius:14px}}.rs-screen{min-height:100vh;background:linear-gradient(135deg,#2d1b69,#1a1145);display:flex;flex-direction:column;align-items:center;padding:16px;color:#fff;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.rs-top-bar{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rs-back-btn{background:#ffffff1f;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;transition:background .2s}.rs-back-btn:hover{background:#ffffff38}.rs-score-display{font-size:15px;font-weight:700;opacity:.9}.rs-streak{background:linear-gradient(135deg,#f59e0b,#f97316);padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700}.rs-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;max-width:420px;width:100%;text-align:center}.rs-menu-title{font-size:clamp(28px,7vw,42px);font-weight:800;background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.rs-menu-subtitle{font-size:clamp(14px,3.5vw,17px);opacity:.85;line-height:1.5;margin-bottom:8px}.rs-how-it-works{background:#ffffff14;border-radius:16px;padding:16px;text-align:left;font-size:14px;line-height:1.6;width:100%}.rs-how-it-works h3{margin:0 0 8px;font-size:16px;color:#c084fc}.rs-how-it-works p{margin:4px 0;opacity:.85}.rs-diff-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.rs-diff-btn{padding:16px;border:none;border-radius:16px;font-size:17px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff}.rs-diff-btn:active{transform:scale(.96)}.rs-diff-btn.easy{background:linear-gradient(135deg,#22c55e,#16a34a)}.rs-diff-btn.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.rs-diff-btn.hard{background:linear-gradient(135deg,#ef4444,#dc2626)}.rs-diff-btn:hover{box-shadow:0 4px 20px #0000004d}.rs-rule-banner{width:100%;max-width:500px;text-align:center;padding:12px 16px;border-radius:16px;margin-bottom:8px;font-size:clamp(18px,5vw,24px);font-weight:800;transition:background .4s,transform .3s}.rs-rule-banner.color-rule{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.rs-rule-banner.shape-rule{background:linear-gradient(135deg,#f59e0b,#d97706)}.rs-rule-banner.size-rule{background:linear-gradient(135deg,#06b6d4,#0891b2)}.rs-rule-label{font-size:13px;opacity:.8;margin-bottom:2px;text-transform:uppercase;letter-spacing:1px}.rs-new-rule-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:rs-overlay-in .3s ease}@keyframes rs-overlay-in{0%{opacity:0}to{opacity:1}}.rs-new-rule-text{font-size:clamp(40px,12vw,72px);font-weight:900;animation:rs-rule-flash .5s ease infinite alternate;text-shadow:0 0 30px rgba(255,100,0,.8),0 0 60px rgba(255,50,0,.4)}@keyframes rs-rule-flash{0%{color:#ff4500;transform:scale(1)}to{color:#fbbf24;transform:scale(1.1)}}.rs-new-rule-detail{font-size:clamp(20px,5vw,28px);font-weight:700;margin-top:16px;color:#e2e8f0;animation:rs-detail-slide .5s ease .2s both}@keyframes rs-detail-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rs-progress-bar-wrap{width:100%;max-width:500px;height:8px;background:#ffffff26;border-radius:4px;margin-bottom:12px;overflow:hidden}.rs-progress-bar-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#c084fc);border-radius:4px;transition:width .4s ease}.rs-card-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;min-height:200px}.rs-card{width:clamp(120px,35vw,180px);height:clamp(120px,35vw,180px);background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;animation:rs-card-bounce .5s cubic-bezier(.34,1.56,.64,1);border:3px solid rgba(255,255,255,.2);position:relative}.rs-card.big{width:clamp(150px,42vw,220px);height:clamp(150px,42vw,220px)}.rs-card.small{width:clamp(80px,22vw,110px);height:clamp(80px,22vw,110px)}@keyframes rs-card-bounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.rs-card.wrong-shake{animation:rs-shake .5s ease}@keyframes rs-shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.rs-shape{transition:all .3s ease}.rs-shape.circle{border-radius:50%}.rs-shape.square{border-radius:8px}.rs-shape.star{font-size:clamp(50px,15vw,80px);line-height:1;display:flex;align-items:center;justify-content:center}.rs-shape.triangle{width:0!important;height:0!important;background:transparent!important;border-left:clamp(35px,10vw,50px) solid transparent;border-right:clamp(35px,10vw,50px) solid transparent;border-bottom-style:solid;border-bottom-width:clamp(65px,18vw,90px)}.rs-shape.big-shape{transform:scale(1.4)}.rs-shape.small-shape{transform:scale(.65)}.rs-bins{width:100%;max-width:500px;display:flex;gap:12px;justify-content:center;margin-top:12px;margin-bottom:16px}.rs-bin{flex:1;max-width:160px;padding:16px 8px;border:3px dashed rgba(255,255,255,.35);border-radius:16px;background:#ffffff0f;cursor:pointer;text-align:center;transition:transform .15s,border-color .2s,background .2s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:90px;justify-content:center}.rs-bin:active{transform:scale(.94)}.rs-bin:hover{border-color:#ffffff8c;background:#ffffff1a}.rs-bin.correct-glow{border-color:#22c55e;background:#22c55e33;box-shadow:0 0 24px #22c55e80,inset 0 0 16px #22c55e26;animation:rs-glow-pulse .6s ease}@keyframes rs-glow-pulse{0%{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 40px #22c55eb3}to{box-shadow:0 0 24px #22c55e80}}.rs-bin.wrong-glow{border-color:#ef4444;background:#ef444426;box-shadow:0 0 20px #ef444466}.rs-bin-icon{font-size:28px;line-height:1}.rs-bin-label{font-size:clamp(13px,3.5vw,16px);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rs-bin-shape-preview{display:inline-block}.rs-bin-shape-preview.circle{width:28px;height:28px;border-radius:50%;background:#fff9}.rs-bin-shape-preview.square{width:24px;height:24px;border-radius:4px;background:#fff9}.rs-bin-shape-preview.triangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid rgba(255,255,255,.6)}.rs-bin-shape-preview.star{font-size:26px}.rs-bin-color-preview{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.rs-bin-size-preview{font-size:18px;font-weight:800}.rs-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;text-align:center;max-width:420px;width:100%}.rs-result-emoji{font-size:64px;animation:rs-result-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes rs-result-pop{0%{transform:scale(0)}to{transform:scale(1)}}.rs-result-title{font-size:clamp(24px,6vw,36px);font-weight:800;margin:4px 0}.rs-result-message{font-size:16px;opacity:.85;line-height:1.5}.rs-result-stats{display:flex;gap:20px;margin:8px 0}.rs-stat-box{background:#ffffff1a;border-radius:12px;padding:12px 20px;text-align:center}.rs-stat-number{font-size:28px;font-weight:800;color:#c084fc}.rs-stat-label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.rs-result-buttons{display:flex;gap:12px;margin-top:8px}.rs-play-btn{padding:14px 28px;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:transform .15s;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.rs-play-btn:active{transform:scale(.95)}.rs-play-btn.secondary{background:#ffffff1f}.rs-stars-earned{font-size:18px;font-weight:700;color:#fbbf24;margin-top:4px}@media (max-width: 380px){.rs-card{width:110px;height:110px}.rs-bin{padding:12px 6px;min-height:80px}.rs-bin-label{font-size:12px}}@media (min-width: 600px){.rs-bins{gap:20px}.rs-bin{max-width:180px;padding:20px 12px}}.rm-root{min-height:100vh;background:linear-gradient(135deg,#1a1035,#0f172a,#1a1035);color:var(--text, #e8e8e8);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;padding:0 1rem 2rem}.rm-header{width:100%;max-width:600px;display:flex;align-items:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap}.rm-back{background:none;border:none;color:#c084fc;font-size:1rem;cursor:pointer;font-weight:700;padding:.4rem .6rem;border-radius:8px;transition:background .2s}.rm-back:hover{background:#c084fc26}.rm-title{font-size:1.35rem;margin:0;flex:1;color:#e0d4ff}.rm-level-badge{background:#c084fc26;color:#c084fc;padding:.25rem .75rem;border-radius:999px;font-weight:700;font-size:.95rem}.rm-high-badge{color:var(--text-sub, #94a3b8);font-size:.9rem;font-weight:600}.rm-status{margin:.75rem 0 1rem;text-align:center}.rm-status-text{font-size:1.3rem;font-weight:700;margin:0}.rm-status-text.watching{color:#facc15;animation:rmPulseText 1s ease-in-out infinite}.rm-status-text.tapping{color:#c084fc;font-size:1.4rem;animation:rmTapBounce 1.5s ease-in-out infinite}.rm-status-text.correct-answer{color:#22c55e}.rm-status-text.wrong-text{color:#f87171;animation:rmShake .5s ease}.rm-input-progress{display:block;font-size:.95rem;opacity:.7;margin-top:2px}@keyframes rmPulseText{0%,to{opacity:1}50%{opacity:.5}}@keyframes rmTapBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rm-seq-slots{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem;max-width:400px}.rm-slot{width:2.5rem;height:2.5rem;border-radius:12px;background:#c084fc1a;border:2px solid rgba(192,132,252,.25);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#c084fc80;transition:all .3s ease}.rm-slot-done{background:#22c55e26;border-color:#22c55e;color:#fff;animation:rmSlotPop .3s ease-out}.rm-slot-current{border-color:#c084fc;box-shadow:0 0 12px #c084fc4d;animation:rmSlotPulse 1s ease-in-out infinite}@keyframes rmSlotPop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes rmSlotPulse{0%,to{transform:scale(1);box-shadow:0 0 12px #c084fc4d}50%{transform:scale(1.08);box-shadow:0 0 20px #c084fc80}}.rm-circles{display:grid;gap:1rem;justify-content:center;justify-items:center;margin-bottom:1.5rem;width:100%;max-width:340px}.rm-grid-2x2{grid-template-columns:repeat(2,1fr)}.rm-grid-2x3{grid-template-columns:repeat(3,1fr)}.rm-circle{width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid rgba(255,255,255,.15);background:#ffffff0f;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .15s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent;gap:2px}.rm-circle:hover:not(:disabled){transform:scale(1.08);border-color:var(--hue);box-shadow:0 0 12px color-mix(in srgb,var(--hue) 40%,transparent)}.rm-circle:disabled{cursor:default;opacity:.55}.rm-circle:active:not(:disabled){transform:scale(.93)}.rm-circle-emoji{font-size:2rem;transition:transform .2s;line-height:1}.rm-circle-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.rm-circle.rm-lit{transform:scale(1.25);border-color:var(--hue);background:color-mix(in srgb,var(--hue) 25%,transparent);box-shadow:0 0 24px var(--hue),0 0 48px color-mix(in srgb,var(--hue) 50%,transparent),inset 0 0 15px #ffffff1a;animation:rmLitPop .35s ease-out}.rm-circle.rm-lit .rm-circle-emoji{transform:scale(1.2)}@keyframes rmLitPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.25)}}.rm-circle.rm-wrong{border-color:#ef4444!important;box-shadow:0 0 24px #ef444499!important;background:#ef444440!important;animation:rmShake .5s ease}@keyframes rmShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.rm-seq-dots{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;max-width:400px}.rm-dot{width:10px;height:10px;border-radius:50%;background:#c084fc33;transition:background .3s,transform .2s}.rm-dot-done{background:#22c55e;transform:scale(1.1)}.rm-dot-current{background:#c084fc;transform:scale(1.3);animation:rmDotPulse .8s ease-in-out infinite}@keyframes rmDotPulse{0%,to{transform:scale(1.3)}50%{transform:scale(1.5)}}.rm-menu-card{background:#1e143cb3;border:2px solid rgba(192,132,252,.2);border-radius:20px;padding:2.5rem 2rem;margin-top:2rem;text-align:center;width:100%;max-width:440px;animation:rmFadeUp .4s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes rmFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rm-menu-circles{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.5rem}.rm-preview-circle{font-size:2.2rem;animation:rmGentleBounce 2s ease-in-out infinite}.rm-preview-circle:nth-child(1){animation-delay:0s}.rm-preview-circle:nth-child(2){animation-delay:.15s}.rm-preview-circle:nth-child(3){animation-delay:.3s}.rm-preview-circle:nth-child(4){animation-delay:.45s}@keyframes rmGentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rm-menu-desc{color:#c4b5e0;font-size:1.1rem;line-height:1.7;margin:0 0 1rem}.rm-menu-desc strong{color:#c084fc;font-size:1.15rem}.rm-menu-example{display:inline-block;margin-top:.5rem;background:#c084fc1f;padding:.4rem 1rem;border-radius:10px;font-size:1.2rem;font-weight:700}.rm-high{color:#facc15;font-weight:700;font-size:1.1rem;margin:0 0 1.5rem}.rm-diff-picker{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}.rm-diff-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:2px solid rgba(192,132,252,.2);background:#ffffff0a;cursor:pointer;transition:transform .15s,background .2s;color:var(--text, #e8e8e8);text-align:left}.rm-diff-btn:active{transform:scale(.97)}.rm-diff-easy{border-color:#22c55e}.rm-diff-easy:hover{background:#22c55e1a}.rm-diff-medium{border-color:#f59e0b}.rm-diff-medium:hover{background:#f59e0b1a}.rm-diff-hard{border-color:#ef4444}.rm-diff-hard:hover{background:#ef44441a}.rm-diff-emoji{font-size:1.6rem}.rm-diff-label{font-size:1.1rem;font-weight:800}.rm-diff-desc{font-size:.8rem;opacity:.7;margin-left:auto}.rm-result-card{background:#1e143cb3;border:2px solid rgba(192,132,252,.2);border-radius:20px;padding:2.5rem 2rem;margin-top:2rem;text-align:center;width:100%;max-width:420px;animation:rmFadeUp .4s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rm-result-card h2{margin:0 0 .75rem;font-size:1.5rem;color:#e0d4ff}.rm-big-score{font-size:3.5rem;font-weight:800;color:#c084fc;margin:.25rem 0 0;line-height:1}.rm-score-label{color:#a78bfa;font-size:1rem;margin:.25rem 0 .75rem}.rm-stars-line{font-size:2rem;margin:.5rem 0}.rm-result-msg{color:#c4b5e0;font-size:1.1rem;margin-bottom:1.5rem}.rm-result-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.rm-btn{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:transform .15s}.rm-btn:hover{transform:translateY(-2px)}.rm-btn-primary{background:linear-gradient(135deg,#a855f7,#c084fc);color:#fff;box-shadow:0 4px 16px #a855f74d}.rm-btn-secondary{background:#c084fc26;color:#e0d4ff}@media (max-width: 380px){.rm-circle{width:4.5rem;height:4.5rem}.rm-circle-emoji{font-size:1.6rem}.rm-circles{gap:.75rem}.rm-menu-card,.rm-result-card{padding:1.5rem 1.25rem}.rm-status-text.tapping{font-size:1.15rem}}@media (min-width: 500px){.rm-circle{width:6rem;height:6rem}.rm-circle-emoji{font-size:2.4rem}}.sr-container{min-height:100vh;background:linear-gradient(145deg,#0a0e27,#1a1a3e 40%,#0d1b2a);color:#fff;padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.sr-stars-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.sr-stars-bg:before,.sr-stars-bg:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 20% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 30% 65%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 40% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 50% 80%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 60% 35%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 55%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 85% 70%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90% 45%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 90%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 75% 85%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 35% 50%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 95% 25%,rgba(255,255,255,.7),transparent);animation:sr-twinkle 4s ease-in-out infinite alternate}.sr-stars-bg:after{background-image:radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 25% 75%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 45% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 65% 90%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 82% 50%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 12% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 48% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 72% 15%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 92% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 38% 95%,rgba(255,255,255,.4),transparent);animation-delay:2s}@keyframes sr-twinkle{0%{opacity:.6}to{opacity:1}}.sr-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:1}.sr-title{font-size:1.8rem;font-weight:800;margin:0;text-shadow:0 2px 12px rgba(100,150,255,.4)}.sr-title-emoji{font-size:2rem;animation:sr-rocket-float 2s ease-in-out infinite}@keyframes sr-rocket-float{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-8px) rotate(10deg)}}.sr-back-btn{background:#ffffff1a;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}.sr-back-btn:hover{background:#fff3}.sr-subtitle{text-align:center;font-size:1.1rem;opacity:.8;margin:0 0 24px;position:relative;z-index:1}.sr-category-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:500px;margin:0 auto;position:relative;z-index:1}.sr-category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;border-radius:20px;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000004d;color:#fff;font-family:inherit}.sr-category-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #6496ff4d}.sr-category-card:active{transform:scale(.97)}.sr-cat-emoji{font-size:3rem}.sr-cat-label{font-size:1.4rem;font-weight:700}.sr-cat-desc{font-size:.9rem;opacity:.85}.sr-items-list{max-width:550px;margin:0 auto;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.sr-item-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .3s ease}.sr-item-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#6496ff4d}.sr-item-card.sr-expanded{background:linear-gradient(135deg,#5078ff26,#9650ff1a);border-color:#6496ff66;box-shadow:0 0 20px #6496ff26}.sr-item-header{display:flex;align-items:center;gap:12px}.sr-item-emoji{font-size:2rem;flex-shrink:0}.sr-item-image{width:56px;height:56px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.sr-item-card:hover .sr-item-image{border-color:#6496ff66;box-shadow:0 0 8px #6496ff4d}.sr-item-image-full{display:block;max-width:100%;width:260px;margin:0 auto 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15)}.sr-item-name{font-size:1.2rem;font-weight:700;flex:1}.sr-item-chevron{font-size:.85rem;opacity:.6;flex-shrink:0}.sr-item-facts{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:1rem;line-height:1.6;opacity:.9;animation:sr-fade-in .3s ease}@keyframes sr-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:.9;transform:translateY(0)}}.sr-quiz-btn{display:block;margin:24px auto 0;padding:16px 36px;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);border:none;border-radius:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #f9731666;position:relative;z-index:1;font-family:inherit}.sr-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f9731680}.sr-quiz-btn:active{transform:scale(.97)}.sr-quiz-btn-alt{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 16px #3b82f666}.sr-quiz-btn-alt:hover{box-shadow:0 6px 24px #3b82f680}.sr-progress-bar{width:100%;max-width:500px;height:8px;background:#ffffff1a;border-radius:4px;margin:0 auto 12px;position:relative;z-index:1;overflow:hidden}.sr-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .4s ease}.sr-score-display{text-align:center;font-size:1rem;font-weight:600;opacity:.8;margin-bottom:20px;position:relative;z-index:1}.sr-question-card{background:linear-gradient(135deg,#5078ff26,#9650ff1a);border:1px solid rgba(100,150,255,.3);border-radius:20px;padding:24px;margin:0 auto 24px;max-width:550px;text-align:center;position:relative;z-index:1}.sr-question-text{font-size:1.25rem;font-weight:600;line-height:1.5;margin:0}.sr-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:550px;margin:0 auto;position:relative;z-index:1}.sr-option-btn{padding:16px 12px;border-radius:14px;border:2px solid rgba(255,255,255,.15);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit;line-height:1.3;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.sr-option-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.sr-option-btn:active:not(:disabled){transform:scale(.97)}.sr-option-btn:disabled{cursor:default;opacity:.7}.sr-option-btn.sr-correct{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55e;opacity:1!important;animation:sr-pulse-correct .5s ease}.sr-option-btn.sr-wrong{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#ef4444;opacity:1!important;animation:sr-shake .4s ease}@keyframes sr-pulse-correct{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sr-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sr-explanation{max-width:550px;margin:16px auto 0;padding:16px 20px;border-radius:14px;font-size:.95rem;line-height:1.5;animation:sr-fade-in .3s ease;position:relative;z-index:1}.sr-explanation p{margin:6px 0 0}.sr-exp-correct{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.sr-exp-wrong{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.sr-result-box{max-width:450px;margin:40px auto;text-align:center;background:linear-gradient(135deg,#5078ff1f,#9650ff14);border:1px solid rgba(100,150,255,.25);border-radius:24px;padding:40px 24px;position:relative;z-index:1}.sr-result-emoji{font-size:4rem;display:block;margin-bottom:12px;animation:sr-rocket-float 2s ease-in-out infinite}.sr-result-title{font-size:1.8rem;font-weight:800;margin:0 0 12px;text-shadow:0 2px 12px rgba(100,150,255,.4)}.sr-result-score{font-size:1.3rem;font-weight:600;margin:0 0 8px}.sr-result-msg{font-size:1.05rem;opacity:.85;margin:0 0 8px}.sr-result-stars{font-size:1.1rem;font-weight:600;color:#fbbf24;margin:0 0 20px}.sr-result-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 480px){.sr-container{padding:14px}.sr-title{font-size:1.4rem}.sr-category-card{padding:20px 16px}.sr-cat-emoji{font-size:2.4rem}.sr-cat-label{font-size:1.2rem}.sr-options-grid{grid-template-columns:1fr}.sr-option-btn{min-height:50px;padding:14px 12px}.sr-question-text{font-size:1.1rem}.sr-quiz-btn{padding:14px 28px;font-size:1.05rem}.sr-result-title{font-size:1.4rem}.sr-result-buttons{flex-direction:column}}.ss-container{min-height:100vh;background:linear-gradient(135deg,#451a03,#78350f,#92400e);padding:20px;color:#fef3c7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.ss-header{text-align:center;margin-bottom:24px}.ss-back-btn{display:block;margin-bottom:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fde68a;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}.ss-back-btn:hover{background:#fff3}.ss-title{font-size:32px;margin:0;padding-top:8px;color:#fff}.ss-subtitle{font-size:16px;color:#fbbf24;margin:4px 0 0}.ss-progress-section{max-width:420px;margin:0 auto 24px}.ss-progress-label{font-size:14px;color:#fde68a;margin-bottom:8px;text-align:center}.ss-progress-bar{height:10px;background:#ffffff1f;border-radius:6px;overflow:hidden}.ss-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:6px;transition:width .4s ease}.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:720px;margin:0 auto;padding-bottom:32px}.ss-card{background:linear-gradient(145deg,#fbbf2426,#f59e0b14);border:2px solid rgba(251,191,36,.2);border-radius:16px;padding:18px 12px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.ss-card:hover{transform:translateY(-4px);border-color:#fbbf2480;box-shadow:0 8px 24px #fbbf2433}.ss-card--done{border-color:#34d39966;background:linear-gradient(145deg,#34d3991f,#10b9810f)}.ss-check{position:absolute;top:6px;right:8px;font-size:16px}.ss-card-emoji{font-size:44px;margin-bottom:8px;line-height:1.2}.ss-card-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.ss-card-invention{font-size:11px;color:#fbbf24;line-height:1.3}.ss-scientist-image{border-radius:50%;object-fit:cover;border:3px solid rgba(251,191,36,.4);box-shadow:0 4px 12px #0000004d}.ss-scientist-image--card{width:60px;height:60px;margin-bottom:8px}.ss-scientist-image--reading{width:100px;height:100px;margin-bottom:8px}.ss-reading-wrapper{max-width:560px;margin:0 auto}.ss-reading-header{text-align:center;margin-bottom:16px}.ss-reading-emoji{font-size:64px;display:block;margin-bottom:8px}.ss-reading-title{font-size:24px;color:#fff;margin:0 0 4px}.ss-reading-invention{font-size:14px;color:#fbbf24;background:#fbbf2426;padding:4px 14px;border-radius:12px;display:inline-block}.ss-page-indicator{text-align:center;font-size:13px;color:#d97706;margin-bottom:12px;font-weight:600}.ss-book-page{background:#fffbeb;border-radius:16px;padding:32px 28px;min-height:220px;border-left:6px solid #d97706;box-shadow:0 8px 30px #00000040,0 2px 8px #00000026;animation:ss-page-in .35s ease-out;display:flex;align-items:center}@keyframes ss-page-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.ss-book-text{color:#451a03;font-size:19px;line-height:1.85;margin:0;font-family:Georgia,Times New Roman,serif}.ss-page-dots{display:flex;justify-content:center;gap:8px;margin:16px 0}.ss-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s}.ss-dot--filled{background:#f59e0b}.ss-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.ss-nav-spacer{flex:1}.ss-nav-btn{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.ss-nav-btn:hover{transform:scale(1.04);box-shadow:0 4px 20px #f59e0b66}.ss-nav-btn--quiz{background:linear-gradient(135deg,#059669,#10b981)}.ss-nav-btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.ss-nav-btn--secondary:hover{background:#fff3}.ss-quiz-wrapper{max-width:500px;margin:0 auto;text-align:center}.ss-quiz-header{font-size:24px;color:#fff;margin:0 0 8px}.ss-quiz-counter{font-size:14px;color:#fbbf24;margin-bottom:24px}.ss-quiz-card{background:#ffffff14;border-radius:18px;padding:28px 24px}.ss-quiz-question{font-size:20px;color:#fef3c7;margin:0 0 24px;line-height:1.5}.ss-quiz-options{display:flex;flex-direction:column;gap:12px}.ss-option{width:100%;padding:16px 20px;border:2px solid rgba(251,191,36,.3);border-radius:14px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);cursor:pointer;transition:transform .15s,border-color .2s,background .2s}.ss-option:hover:not(:disabled){transform:scale(1.02);border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf2440,#f59e0b26)}.ss-option:disabled{cursor:default}.ss-option--correct{background:linear-gradient(135deg,#059669,#34d399)!important;border-color:#34d399!important;box-shadow:0 0 20px #34d39966;transform:scale(1.03)}.ss-option--wrong{background:linear-gradient(135deg,#dc2626,#f87171)!important;border-color:#f87171!important;opacity:.7}.ss-results-wrapper{max-width:440px;margin:0 auto;text-align:center;padding-top:20px}.ss-results-emoji{font-size:72px;margin-bottom:8px}.ss-results-title{font-size:24px;color:#fff;margin:0 0 16px}.ss-results-score{font-size:20px;color:#fde68a;margin-bottom:16px}.ss-results-stars{margin-bottom:24px}.ss-star{font-size:40px;color:#ffffff26;margin:0 4px;transition:color .3s,transform .3s}.ss-star--earned{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.5);transform:scale(1.1)}.ss-fun-fact{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}.ss-fun-fact-icon{font-size:28px;flex-shrink:0}.ss-fun-fact-label{font-size:13px;color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ss-fun-fact-text{font-size:17px;color:#fef3c7;line-height:1.5}.ss-results-buttons{display:flex;flex-direction:column;gap:12px}@media (max-width: 480px){.ss-container{padding:14px}.ss-title{font-size:26px}.ss-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.ss-card-emoji{font-size:36px}.ss-book-page{padding:24px 18px}.ss-book-text{font-size:17px}.ss-reading-emoji{font-size:48px}.ss-nav-btn{padding:12px 18px;font-size:15px}.ss-option{padding:14px 16px;font-size:15px}}.dbt-screen{min-height:100vh;background:linear-gradient(135deg,#fff7ed,#fde68a 35%,#fbcfe8 75%,#c7d2fe);padding:16px;color:#1f2937;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center}.dbt-menu-header{width:100%;max-width:520px;position:relative;text-align:center;margin-bottom:14px}.dbt-menu-header h1{margin:12px 0 4px;font-size:2rem;color:#7c2d12;text-shadow:0 2px 0 rgba(255,255,255,.7)}.dbt-menu-header p{margin:0;color:#5a3a1a;font-size:.95rem}.dbt-back{background:#ffffffd9;border:none;color:#7c2d12;font-weight:700;padding:8px 16px;border-radius:18px;cursor:pointer;box-shadow:0 2px 6px #0000001f;font-size:14px;align-self:flex-start}.dbt-back:hover{background:#fff}.dbt-progress-card{width:100%;max-width:520px;background:#ffffffd9;border-radius:18px;padding:12px 16px;margin-bottom:14px;box-shadow:0 4px 12px #0000001a}.dbt-prog-row{display:flex;justify-content:space-around}.dbt-prog-stat{display:flex;flex-direction:column;align-items:center}.dbt-prog-num{font-size:1.5rem;font-weight:800;color:#7c2d12}.dbt-prog-label{font-size:.75rem;color:#6b7280}.dbt-tile-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.dbt-tile{border:none;border-radius:22px;padding:18px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;color:#fff;box-shadow:0 8px 22px #0000002e;transition:transform .15s,box-shadow .15s}.dbt-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000040}.dbt-tile.lessons{background:linear-gradient(135deg,#f97316,#ea580c)}.dbt-tile.practice{background:linear-gradient(135deg,#ef4444,#b91c1c)}.dbt-tile.speech{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.dbt-tile.vocab{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.dbt-tile-emoji{font-size:2rem}.dbt-tile-title{font-size:1.1rem;font-weight:800}.dbt-tile-desc{font-size:.78rem;opacity:.95}.dbt-quote{width:100%;max-width:520px;display:flex;align-items:center;gap:10px;background:#fffc;border-left:4px solid #f97316;padding:10px 14px;border-radius:12px;font-style:italic;color:#5a3a1a}.dbt-quote-emoji{font-size:1.4rem}.dbt-quote p{margin:0}.dbt-lesson-list{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px}.dbt-lesson-card{display:flex;align-items:center;gap:12px;background:#ffffffeb;border:none;border-radius:16px;padding:12px 14px;cursor:pointer;text-align:left;box-shadow:0 3px 10px #00000014;transition:transform .1s,box-shadow .15s}.dbt-lesson-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.dbt-lesson-card.done{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.dbt-lesson-emoji{font-size:1.8rem}.dbt-lesson-mid{flex:1;display:flex;flex-direction:column;gap:2px}.dbt-lesson-title{font-weight:700;color:#1f2937;display:flex;align-items:center;gap:6px}.dbt-lesson-num{background:#f97316;color:#fff;padding:2px 8px;border-radius:8px;font-size:.75rem}.dbt-lesson-meta{font-size:.78rem;color:#6b7280;display:flex;gap:6px}.dbt-lesson-skill{background:#fef3c7;color:#78350f;padding:1px 8px;border-radius:6px;font-weight:600}.dbt-lesson-arrow{font-size:1.2rem;color:#f97316;font-weight:800}.dbt-lesson-screen{padding-bottom:80px}.dbt-lesson-top{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dbt-lesson-progress{display:flex;gap:6px}.dbt-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80}.dbt-dot.active{background:#f97316}.dbt-lesson-card-big{width:100%;max-width:520px;background:#fff;border-radius:22px;padding:22px 18px;box-shadow:0 6px 20px #0000001f;margin-bottom:14px}.dbt-lesson-card-emoji{font-size:3rem;text-align:center;margin-bottom:6px}.dbt-lesson-card-title{font-size:1.4rem;font-weight:800;color:#7c2d12;text-align:center;margin-bottom:14px}.dbt-step-heading{font-size:1.05rem;color:#ea580c;margin:0 0 8px}.dbt-step-body{font-size:1rem;line-height:1.55;color:#1f2937;white-space:pre-line;margin:0 0 8px}.dbt-example{background:#fff7ed;border-left:4px solid #fb923c;padding:12px 14px;border-radius:10px;margin-top:8px}.dbt-example-tag{font-size:.75rem;color:#c2410c;font-weight:700;margin-bottom:6px}.dbt-tip{background:#fef9c3;border-left:4px solid #facc15;padding:12px 14px;border-radius:10px;margin-top:8px}.dbt-tip-tag{font-size:.75rem;color:#854d0e;font-weight:700;margin-bottom:6px}.dbt-quiz{background:#ecfeff;border-left:4px solid #06b6d4;padding:12px 14px;border-radius:10px;margin-top:8px}.dbt-quiz-tag{font-size:.75rem;color:#0e7490;font-weight:700;margin-bottom:6px}.dbt-quiz-q{font-weight:600}.dbt-quiz-options{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dbt-quiz-opt{background:#fff;border:2px solid #e5e7eb;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left;font-size:.95rem;color:#1f2937;transition:border-color .15s,background .15s}.dbt-quiz-opt:hover:not(:disabled){border-color:#f97316}.dbt-quiz-opt.correct{background:#dcfce7;border-color:#16a34a;color:#14532d;font-weight:700}.dbt-quiz-opt.wrong{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.dbt-quiz-opt:disabled{cursor:not-allowed}.dbt-quiz-feedback{margin-top:8px;color:#7f1d1d;font-size:.9rem}.dbt-next-btn{width:100%;max-width:520px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:16px;padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #f9731666}.dbt-next-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #f9731680}.dbt-next-btn:disabled{opacity:.5;cursor:not-allowed}.dbt-topic-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dbt-topic-card{background:#fffffff2;border:2px solid #fdba74;border-radius:16px;padding:12px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#1f2937;font-weight:600;transition:transform .1s,border-color .15s}.dbt-topic-card:hover{transform:translateY(-2px);border-color:#ea580c}.dbt-topic-card.explored{background:#fef3c7;border-color:#f59e0b}.dbt-topic-emoji{font-size:1.6rem}.dbt-topic-motion{line-height:1.35}.dbt-topic-tag{font-size:.7rem;color:#ca8a04;font-weight:700}.dbt-motion-card{width:100%;max-width:520px;background:#7c2d12;color:#fff;border-radius:18px;padding:14px 16px;margin-bottom:12px;box-shadow:0 4px 12px #0000002e}.dbt-motion-tag{font-size:.75rem;opacity:.85;margin-bottom:4px}.dbt-motion-text{font-size:1.15rem;font-weight:700;line-height:1.4}.dbt-motion-big{font-size:1.3rem}.dbt-side-toggle{width:100%;max-width:520px;display:flex;gap:8px;margin-bottom:12px}.dbt-side-btn{flex:1;background:#ffffffd9;border:2px solid transparent;border-radius:14px;padding:10px;font-weight:700;cursor:pointer;color:#1f2937}.dbt-side-btn.pro.active{background:#16a34a;color:#fff;border-color:#14532d}.dbt-side-btn.con.active{background:#dc2626;color:#fff;border-color:#7f1d1d}.dbt-points-card{width:100%;max-width:520px;background:#fffffff2;border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 10px #00000014}.dbt-points-tag{font-size:.8rem;color:#ea580c;font-weight:700;margin-bottom:8px}.dbt-points-list{margin:0;padding-left:22px}.dbt-points-list li{margin-bottom:6px;line-height:1.45}.dbt-reveal-btn{width:100%;max-width:520px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;border-radius:14px;padding:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #8b5cf659;margin-bottom:12px}.dbt-reveal-btn:hover{transform:translateY(-1px)}.dbt-peel-card{width:100%;max-width:520px;background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 10px #00000014}.dbt-peel-tag{font-size:.8rem;color:#6d28d9;font-weight:700;margin-bottom:10px}.dbt-peel-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:.95rem;line-height:1.5;color:#1f2937}.dbt-peel-letter{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.dbt-coach-tip{width:100%;max-width:520px;background:#fef3c7;border-radius:12px;padding:12px 14px;font-size:.88rem;color:#78350f;line-height:1.45}.dbt-setup-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 12px #00000014}.dbt-setup-label{display:block;margin:12px 0 6px;font-weight:700;color:#7c2d12;font-size:.9rem}.dbt-setup-select{width:100%;padding:10px;border-radius:10px;border:2px solid #fdba74;font-size:.9rem;background:#fff7ed;color:#1f2937}.dbt-time-row{display:flex;gap:6px}.dbt-time-btn{flex:1;background:#fff7ed;border:2px solid #fdba74;padding:8px;border-radius:10px;font-weight:700;cursor:pointer;color:#7c2d12}.dbt-time-btn.active{background:#f97316;color:#fff;border-color:#c2410c}.dbt-timer-screen{background:linear-gradient(160deg,#18181b,#1e1b4b);color:#fff}.dbt-timer-tag{background:#fbbf24;color:#78350f;font-weight:800;padding:6px 14px;border-radius:14px;margin-bottom:14px;letter-spacing:1px}.dbt-timer-screen .dbt-motion-big{color:#fff;text-align:center}.dbt-side-pill{background:#ffffff26;padding:6px 14px;border-radius:14px;margin:8px 0 16px;font-weight:700}.dbt-timer-circle{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#fbbf24,#f97316);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 0 60px #fbbf2480}.dbt-timer-num{font-size:3.5rem;font-weight:900;color:#1f2937;font-variant-numeric:tabular-nums}.dbt-timer-bar{width:80%;height:6px;background:#0003;border-radius:4px;margin-top:6px;overflow:hidden}.dbt-timer-fill{height:100%;background:#1f2937;transition:width 1s linear}.dbt-prep-tips,.dbt-speak-tips{background:#ffffff1a;border-radius:14px;padding:14px 16px;width:100%;max-width:460px;margin-bottom:14px}.dbt-prep-tips ul{padding-left:22px;margin:6px 0 0}.dbt-prep-tips li{line-height:1.5;margin-bottom:4px}.dbt-speak-tips p{margin:4px 0}.dbt-stop-btn{background:#ffffffeb;color:#1f2937;border:none;border-radius:14px;padding:12px 22px;font-weight:700;cursor:pointer}.dbt-done-screen{justify-content:center}.dbt-done-card{background:#fff;border-radius:22px;padding:24px 18px;text-align:center;max-width:460px;width:100%;box-shadow:0 6px 20px #00000026}.dbt-done-emoji{font-size:4rem;margin-bottom:6px}.dbt-done-card h2{color:#7c2d12;margin:6px 0}.dbt-done-tip{background:#fef3c7;border-radius:10px;padding:10px 14px;margin:12px 0;color:#78350f}.dbt-vocab-list{width:100%;max-width:520px;display:flex;flex-direction:column;gap:6px}.dbt-vocab-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000014;overflow:hidden}.dbt-vocab-card.open{box-shadow:0 4px 14px #00000026}.dbt-vocab-head{width:100%;background:none;border:none;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.dbt-vocab-emoji{font-size:1.5rem}.dbt-vocab-titles{flex:1}.dbt-vocab-term{font-weight:800;color:#7c2d12;font-size:1rem}.dbt-vocab-short{font-size:.82rem;color:#6b7280}.dbt-vocab-chev{font-size:1.1rem;color:#f97316}.dbt-vocab-body{padding:0 14px 14px}.dbt-vocab-body p{margin:0 0 8px;line-height:1.5;color:#374151}.dbt-vocab-example{background:#fff7ed;border-left:3px solid #fb923c;padding:8px 12px;border-radius:8px;font-style:italic;color:#7c2d12}@media (max-width: 480px){.dbt-tile-grid,.dbt-topic-grid{grid-template-columns:1fr}.dbt-timer-circle{width:180px;height:180px}.dbt-timer-num{font-size:2.8rem}}.jdebate-screen{background:linear-gradient(160deg,#fef3c7,#fde68a 60%,#fbbf24)}.jdebate-hero{text-align:center;padding:18px 16px 8px}.jdebate-hero h1{font-size:2rem;margin:0;color:#7c2d12}.jdebate-hero p{color:#7c2d12;margin:6px 0;font-weight:700}.jdebate-frame{background:#fff;padding:10px 16px;border-radius:14px;display:inline-block;box-shadow:0 4px 12px #0000001a;font-size:1.05rem}.jdebate-frame b{color:#dc2626}.jdebate-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:16px;max-width:780px;margin:0 auto}.jdebate-tile{background:#fff;border:none;border-radius:18px;padding:20px 14px;cursor:pointer;box-shadow:0 6px 16px #0000001f;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s}.jdebate-tile:hover{transform:translateY(-3px)}.jdebate-tile.rather{background:linear-gradient(135deg,#bfdbfe,#60a5fa);color:#fff}.jdebate-tile.opinion{background:linear-gradient(135deg,#fbcfe8,#ec4899);color:#fff}.jdebate-tile.story{background:linear-gradient(135deg,#bbf7d0,#22c55e);color:#fff}.jdebate-emoji{font-size:2.6rem}.jdebate-title{font-size:1.2rem;font-weight:900}.jdebate-desc{font-size:.9rem;opacity:.95;text-align:center}.jdebate-grownup{background:#fff;max-width:680px;margin:14px auto;padding:14px 18px;border-radius:14px;border-left:6px solid #f59e0b;font-size:.92rem;color:#451a03}.jdebate-mode-title{text-align:center;font-size:1.6rem;color:#7c2d12;margin:12px 0 4px}.jdebate-counter{text-align:center;color:#92400e;font-weight:700;margin:0 0 12px}.jdebate-rather-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 14px;flex-wrap:wrap}.jdebate-side{flex:1;min-width:140px;max-width:240px;background:#fff;border:4px solid transparent;border-radius:18px;padding:24px 14px;cursor:pointer;box-shadow:0 6px 14px #0000001f;transition:all .2s}.jdebate-side.picked{border-color:#22c55e;background:#dcfce7;transform:scale(1.04)}.jdebate-side-text{font-size:1.3rem;font-weight:900;color:#1e293b}.jdebate-vs{font-size:1.4rem;font-weight:900;color:#7c2d12}.jdebate-frame-prompt{text-align:center;font-size:1.15rem;padding:14px;background:#fff;max-width:560px;margin:18px auto;border-radius:14px;box-shadow:0 4px 12px #0000001a}.jdebate-frame-prompt b{color:#dc2626}.jdebate-frame-prompt .hl{color:#0d9488;font-weight:900}.jdebate-reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0 14px;max-width:780px;margin:0 auto}.jdebate-reason{background:#fff;border:3px solid #fcd34d;border-radius:14px;padding:14px 16px;cursor:pointer;font-size:1rem;font-weight:700;color:#1e293b;transition:all .15s;text-align:left}.jdebate-reason:hover{transform:translateY(-2px)}.jdebate-reason.good{background:#dcfce7;border-color:#22c55e}.jdebate-reason.bad{background:#fee2e2;border-color:#ef4444}.jdebate-step{text-align:center;font-weight:800;color:#7c2d12;margin:18px 0 8px}.jdebate-opinion-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 14px}.jdebate-opt{background:#fff;border:3px solid #fcd34d;border-radius:18px;padding:18px 22px;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 4px 10px #0000001a}.jdebate-opt.picked{background:#0d9488;border-color:#0d9488;color:#fff;transform:scale(1.05)}.jdebate-question-card{text-align:center;background:#fff;max-width:520px;margin:8px auto;padding:18px;border-radius:18px;box-shadow:0 6px 14px #0000001f}.jdebate-q-emoji{font-size:3rem;display:block;margin-bottom:8px}.jdebate-question-card p{font-size:1.3rem;font-weight:900;color:#1e293b;margin:0}.jdebate-story-card{background:#fff;max-width:560px;margin:8px auto;padding:18px;border-radius:18px;box-shadow:0 6px 14px #0000001f;border-left:6px solid #ec4899}.jdebate-story-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 10px}.jdebate-story-q{font-size:1.2rem;font-weight:900;color:#dc2626;margin:0}.jdebate-story-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:0 14px;max-width:780px;margin:0 auto}.jdebate-story-side{background:#fff;border:3px solid #fcd34d;border-radius:14px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.jdebate-story-side.picked{background:#dcfce7;border-color:#22c55e;transform:scale(1.03)}.jdebate-story-emoji{font-size:2.2rem}.jdebate-story-side b{font-size:1.05rem;color:#1e293b}.jdebate-story-reason{font-size:.92rem;color:#475569}.jdebate-next{display:block;margin:20px auto;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 6px 14px #22c55e66}.jdebate-progress{display:inline-block;margin-top:8px;background:#0000002e;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:800}.jdebate-finish-card{background:#fff;max-width:560px;margin:80px auto 16px;padding:28px 22px;border-radius:22px;text-align:center;box-shadow:0 10px 26px #00000029;border:4px solid #fbbf24}.jdebate-finish-emoji{font-size:4.5rem;display:block}.jdebate-finish-card h2{color:#7c2d12;font-size:2rem;margin:8px 0}.jdebate-finish-text{color:#7c2d12;font-weight:700;margin:10px 0}.jdebate-finish-progress{color:#92400e;font-weight:800;margin:14px 0;font-size:1.05rem}.jdebate-secondary{display:block;margin:10px auto;background:#fff;color:#7c2d12;border:3px solid #fcd34d;padding:12px 24px;border-radius:50px;font-weight:800;cursor:pointer;font-family:inherit}.vlab-screen{min-height:100vh;background:linear-gradient(160deg,#ecfeff,#a7f3d0,#bae6fd 70%,#c7d2fe);padding:16px;font-family:Segoe UI,sans-serif;color:#1f2937;display:flex;flex-direction:column;align-items:center}.vlab-back{align-self:flex-start;background:#ffffffd9;border:none;color:#065f46;font-weight:700;padding:8px 16px;border-radius:18px;cursor:pointer;box-shadow:0 2px 6px #0000001f;font-size:14px}.vlab-back:hover{background:#fff}.vlab-hero{width:100%;max-width:520px;text-align:center;margin:12px 0 18px}.vlab-emoji-row{display:flex;justify-content:center;gap:8px;font-size:2rem;margin-bottom:8px}.vlab-hero h1{margin:4px 0;font-size:2rem;color:#064e3b;text-shadow:0 2px 0 rgba(255,255,255,.7)}.vlab-tag{display:inline-block;background:#fbbf24;color:#78350f;padding:4px 14px;border-radius:14px;font-weight:800;letter-spacing:1px;font-size:.8rem;margin:4px 0}.vlab-sub{margin:6px 0 0;color:#065f46;font-style:italic;font-weight:600}.vlab-card{width:100%;max-width:520px;background:#ffffffeb;border-radius:18px;padding:16px 18px;margin-bottom:12px;box-shadow:0 4px 14px #0000001a}.vlab-card h2{margin:0 0 10px;font-size:1.1rem;color:#064e3b}.vlab-features{margin:0;padding-left:18px;line-height:1.55;color:#1f2937}.vlab-features li{margin-bottom:8px}.vlab-preview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.vlab-preview-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:14px;padding:12px 8px;text-align:center;border:2px solid #6ee7b7}.vlab-preview-emoji{font-size:2.2rem;display:block}.vlab-preview-name{font-weight:800;color:#064e3b;margin:4px 0 2px}.vlab-preview-tease{font-size:.72rem;color:#065f46;line-height:1.3}.vlab-quote{width:100%;max-width:520px;display:flex;align-items:center;gap:10px;background:#ffffffd9;border-left:4px solid #10b981;padding:10px 14px;border-radius:12px;font-style:italic;color:#064e3b;margin-top:4px}.vlab-quote span{font-size:1.4rem}.vlab-quote p{margin:0}@media (max-width: 460px){.vlab-preview-grid{grid-template-columns:1fr}}.vlab-vehicle-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.vlab-vehicle-card{background:#fffffff2;border:2px solid #6ee7b7;border-radius:18px;padding:14px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;transition:transform .15s,box-shadow .15s;position:relative}.vlab-vehicle-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #00000026}.vlab-vehicle-card.locked{opacity:.55;cursor:not-allowed;background:#ffffffb3;border-color:#d1d5db}.vlab-vehicle-emoji{font-size:2.5rem}.vlab-vehicle-name{font-weight:800;color:#064e3b;font-size:1rem}.vlab-vehicle-tag{font-size:.74rem;color:#065f46;line-height:1.3}.vlab-locked-tag,.vlab-ready-tag{font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:10px;margin-top:4px}.vlab-locked-tag{background:#f3f4f6;color:#6b7280}.vlab-ready-tag{background:#10b981;color:#fff}.bicycle-bg{background:linear-gradient(160deg,#fef3c7,#d1fae5,#bae6fd)}.bicycle-big{font-size:4rem;text-align:center;margin-bottom:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.bicycle-mode-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr;gap:10px}.bicycle-mode-card{display:flex;align-items:center;gap:12px;border:none;border-radius:18px;padding:16px 18px;cursor:pointer;color:#fff;text-align:left;box-shadow:0 6px 16px #00000026;transition:transform .15s,box-shadow .15s}.bicycle-mode-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000038}.bicycle-mode-card.anatomy{background:linear-gradient(135deg,#06b6d4,#0891b2)}.bicycle-mode-card.workshop{background:linear-gradient(135deg,#f97316,#ea580c)}.bicycle-mode-card.quiz{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.bicycle-mode-emoji{font-size:2.4rem;flex-shrink:0}.bicycle-mode-title{font-weight:800;font-size:1.15rem;display:block}.bicycle-mode-desc{font-size:.82rem;opacity:.95;display:block;margin-top:2px}.anatomy-stage{width:100%;max-width:520px;background:#fff;border-radius:22px;padding:18px 0;margin-bottom:12px;text-align:center;box-shadow:0 4px 14px #00000014}.anatomy-bike{font-size:6rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.anatomy-parts-grid{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.anatomy-part-btn{background:#fff;border:2px solid #6ee7b7;border-radius:14px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s,border-color .15s}.anatomy-part-btn:hover{transform:translateY(-1px);border-color:#10b981}.anatomy-part-btn.active{background:#d1fae5;border-color:#059669}.anatomy-part-emoji{font-size:1.4rem}.anatomy-part-name{font-size:.78rem;font-weight:700;color:#064e3b;text-align:center;line-height:1.15}.anatomy-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadein .2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.anatomy-modal{background:#fff;border-radius:22px;max-width:460px;width:100%;padding:24px 22px 18px;position:relative;box-shadow:0 12px 40px #0000004d}.anatomy-close{position:absolute;top:10px;right:10px;background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-weight:800;color:#6b7280}.anatomy-modal-emoji{font-size:3rem;text-align:center}.anatomy-modal h2{text-align:center;margin:4px 0 12px;color:#064e3b}.anatomy-layer-tabs{display:flex;gap:6px;margin-bottom:12px}.anatomy-layer-tab{flex:1;background:#f3f4f6;border:2px solid transparent;border-radius:12px;padding:8px;cursor:pointer;font-weight:700;font-size:.85rem;color:#4b5563}.anatomy-layer-tab.active{background:#10b981;color:#fff;border-color:#047857}.anatomy-layer-text{font-size:1rem;line-height:1.55;color:#1f2937;margin:8px 0 12px;min-height:90px}.anatomy-tip{background:#fef3c7;border-radius:10px;padding:8px 12px;font-size:.85rem;color:#78350f;text-align:center}.workshop-choice-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 10px #00000014}.workshop-choice-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.workshop-choice-emoji{font-size:1.6rem}.workshop-choice-label{font-weight:800;color:#064e3b;font-size:1.05rem}.workshop-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.workshop-opt-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .1s,border-color .15s}.workshop-opt-btn:hover{transform:translateY(-1px);border-color:#f97316}.workshop-opt-btn.active{background:linear-gradient(135deg,#fed7aa,#fb923c);border-color:#c2410c;color:#fff}.workshop-opt-label{font-weight:800;font-size:.92rem}.workshop-opt-sub{font-size:.7rem;opacity:.85}.vlab-btn{width:100%;max-width:520px;border:none;border-radius:16px;padding:14px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:transform .1s,box-shadow .15s}.vlab-btn.primary{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 4px 12px #10b98159}.vlab-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98180}.vlab-btn.primary:disabled{opacity:.5;cursor:not-allowed}.vlab-btn.secondary{background:#ffffffeb;color:#064e3b;border:2px solid #6ee7b7}.vlab-btn.big{padding:16px;font-size:1.15rem}.workshop-hint{font-size:.85rem;color:#064e3b;margin-top:6px}.workshop-result-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 4px 14px #0000001a}.workshop-result-card.great{border-top:6px solid #10b981}.workshop-result-card.okay{border-top:6px solid #f59e0b}.workshop-result-card.fail{border-top:6px solid #dc2626}.workshop-score{font-size:1.05rem;text-align:center;margin-bottom:12px;color:#1f2937}.workshop-reasons{display:flex;flex-direction:column;gap:8px}.workshop-reason{border-radius:10px;padding:10px 12px;font-size:.9rem;line-height:1.45}.workshop-reason.good{background:#d1fae5;color:#064e3b}.workshop-reason.bad{background:#fee2e2;color:#7f1d1d}.workshop-reason.neutral{background:#fef3c7;color:#78350f}.workshop-reason-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.workshop-reason-score{font-weight:800;font-size:.85rem;background:#ffffffb3;padding:2px 8px;border-radius:8px}.workshop-reason p{margin:0}.workshop-actions{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.quiz-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:16px 18px;margin-bottom:12px;box-shadow:0 4px 14px #0000001a}.quiz-q{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 14px;line-height:1.45}.quiz-opts{display:flex;flex-direction:column;gap:8px}.quiz-opt{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer;font-size:.95rem;color:#1f2937;transition:border-color .15s,background .15s}.quiz-opt:hover:not(:disabled){border-color:#8b5cf6}.quiz-opt:disabled{cursor:not-allowed}.quiz-opt.correct{background:#d1fae5;border-color:#059669;color:#064e3b;font-weight:700}.quiz-opt.wrong{background:#fee2e2;border-color:#b91c1c;color:#7f1d1d}.quiz-feedback{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:.92rem;line-height:1.5}.quiz-feedback.correct{background:#d1fae5;color:#064e3b}.quiz-feedback.wrong{background:#fee2e2;color:#7f1d1d}.quiz-feedback p{margin:4px 0 0}.quiz-stars{display:flex;gap:8px;font-size:2.5rem;margin-bottom:14px}.quiz-star{opacity:.3;transition:opacity .3s}.quiz-star.lit{opacity:1;filter:drop-shadow(0 0 6px #fbbf24)}@media (max-width: 460px){.anatomy-parts-grid,.vlab-vehicle-grid{grid-template-columns:1fr 1fr}}.builder-screen{user-select:none;-webkit-user-select:none;touch-action:none}.vlab-hero.compact{margin:8px 0 10px}.vlab-hero.compact h1{font-size:1.5rem;margin:4px 0 2px}.vlab-hero.compact .vlab-sub{font-size:.9rem;margin:0}.builder-progress{display:inline-block;background:#fbbf24;color:#78350f;padding:4px 14px;border-radius:14px;font-weight:800;font-size:.85rem;margin-top:6px}.builder-arena{width:100%;max-width:720px;display:grid;grid-template-columns:88px 1fr 88px;gap:8px;align-items:stretch}.builder-tray{display:flex;flex-direction:column;gap:8px;padding:6px;background:#fff9;border-radius:14px}.tray-part{background:#fff;border:2px dashed #10b981;border-radius:12px;padding:8px 4px;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:2px;touch-action:none;transition:transform .1s,box-shadow .15s}.tray-part:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.tray-part:active{cursor:grabbing;transform:scale(1.05)}.tray-part-emoji{font-size:1.6rem}.tray-part-name{font-size:.7rem;font-weight:700;color:#064e3b;text-align:center;line-height:1.1}.tray-empty{text-align:center;font-size:1.4rem;color:#10b981;padding:14px 0}.builder-stage{background:#fff;border-radius:18px;padding:8px;box-shadow:0 4px 14px #0000001a;position:relative;display:flex;align-items:center;justify-content:center}.builder-svg{width:100%;height:auto;max-height:50vh}.bike-outline{fill:none;stroke:#d1d5db;stroke-width:3;stroke-dasharray:4 4;opacity:.65}.drop-glow{fill:#fbbf242e;stroke:#f59e0b;stroke-width:3;stroke-dasharray:6 4;animation:dropPulse 1s ease-in-out infinite}.drop-glow.active{fill:#10b9814d;stroke:#10b981;stroke-width:5;animation:dropReady .5s ease-in-out infinite}@keyframes dropPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes dropReady{0%,to{transform:scale(1)}50%{transform:scale(1.08);transform-origin:center}}.drag-ghost{position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;background:#fffffff2;border:3px solid #10b981;border-radius:16px;padding:10px 14px;box-shadow:0 6px 20px #00000040;animation:ghostPulse .5s ease-in-out infinite alternate}.drag-ghost-emoji{font-size:2rem;display:block}@keyframes ghostPulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.anim-fadein{animation:fadein .6s ease-out}@keyframes fadein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.anim-zoom-spin{animation:zoomSpin 2s ease-out}@keyframes zoomSpin{0%{transform:scale(.4) rotate(0);opacity:0}30%{transform:scale(1.2) rotate(180deg);opacity:1}60%{transform:scale(.95) rotate(540deg)}to{transform:scale(1) rotate(720deg)}}.anim-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.2s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.anim-rotate{animation:rotateOnce 1.5s ease-out}@keyframes rotateOnce{0%{transform:rotate(0) scale(.4);opacity:0}50%{transform:rotate(360deg) scale(1.1);opacity:1}to{transform:rotate(720deg) scale(1)}}.anim-pulse{animation:brakePulse 1.2s ease-out;transform-origin:center}@keyframes brakePulse{0%{opacity:0;transform:scaleX(.4)}40%{opacity:1;transform:scaleX(1.3)}70%{transform:scaleX(.85)}to{transform:scaleX(1)}}.anim-drop{animation:dropBounce .9s cubic-bezier(.34,1.56,.64,1)}@keyframes dropBounce{0%{opacity:0;transform:translateY(-40px)}60%{transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.anim-tilt{animation:tilt 1.2s ease-in-out}@keyframes tilt{0%{transform:rotate(0) scale(.6);opacity:0}20%{transform:rotate(-15deg) scale(1);opacity:1}40%{transform:rotate(15deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}.builder-popup{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:460px;width:calc(100% - 24px);box-shadow:0 8px 24px #00000040;border-left:6px solid #10b981;z-index:100;animation:popupIn .3s ease-out}@keyframes popupIn{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.builder-popup-emoji{font-size:2rem}.builder-popup-title{font-weight:800;color:#064e3b;font-size:1.05rem}.builder-popup-body{font-size:.88rem;color:#1f2937;line-height:1.4;margin-top:2px}.builder-victory{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.builder-victory-card{background:linear-gradient(135deg,#fef3c7,#d1fae5);border-radius:22px;padding:24px 22px;text-align:center;max-width:460px;width:100%;box-shadow:0 16px 40px #00000059;animation:victoryPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes victoryPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.builder-victory-emoji{font-size:4rem;animation:ride 2s ease-in-out infinite}@keyframes ride{0%,to{transform:translate(-30px)}50%{transform:translate(30px)}}.builder-victory-card h2{color:#064e3b;margin:8px 0 6px}.builder-victory-card p{color:#1f2937;margin:0 0 16px}@media (max-width: 520px){.builder-arena{grid-template-columns:72px 1fr 72px}.tray-part-name{font-size:.62rem}.tray-part-emoji,.tray-part-icon{font-size:1.3rem}.tray-part-icon svg{width:30px;height:30px}}.tray-part-icon{display:inline-block;line-height:0}.tray-part-icon svg{width:36px;height:36px;display:block}.drag-ghost-icon{display:inline-block;line-height:0}.drag-ghost-icon svg{width:40px;height:40px;display:block}.builder-popup-icon{display:inline-block;line-height:0;flex-shrink:0}.builder-popup-icon svg{width:40px;height:40px;display:block}.builder-victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#fef3c7d9,#d1fae5e6,#bae6fdd9);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;pointer-events:auto;animation:fadein .4s ease-out}.builder-victory-banner{background:#fff;border-radius:24px;padding:28px 22px 20px;text-align:center;max-width:520px;width:100%;box-shadow:0 16px 50px #00000059;animation:victoryPop .5s cubic-bezier(.34,1.56,.64,1);border:4px solid #fbbf24}.builder-victory-emoji-ride{display:inline-block;font-size:5rem;animation:rideAcross 2s ease-in-out infinite}@keyframes rideAcross{0%{transform:translate(-80px) scale(1)}50%{transform:translate(80px) scale(1.1)}to{transform:translate(-80px) scale(1)}}.builder-victory-banner h2{color:#064e3b;margin:8px 0 6px;font-size:1.6rem}.builder-victory-banner p{color:#1f2937;margin:0 0 16px;font-size:1rem}.car-bg{background:linear-gradient(160deg,#dbeafe,#bfdbfe 35%,#fde68a)}.drone-bg{background:linear-gradient(180deg,#bae6fd,#e0f2fe 60%,#ecfeff)}.drone-bg:before{content:"☁️ ☁️ ☁️";position:absolute;top:50px;left:0;right:0;text-align:center;font-size:1.4rem;letter-spacing:40px;opacity:.5;pointer-events:none}.plane-bg{background:linear-gradient(180deg,#93c5fd,#bfdbfe,#fef9c3)}.plane-bg:before{content:"☁️    ☁️    ☁️";position:absolute;top:70px;left:0;right:0;text-align:center;font-size:1.6rem;letter-spacing:30px;opacity:.55;pointer-events:none}.helicopter-bg{background:linear-gradient(180deg,#cffafe,#a7f3d0 70%,#d9f99d)}.helicopter-bg:before{content:"⛰️    ⛰️    ⛰️";position:absolute;bottom:80px;left:0;right:0;text-align:center;font-size:1.5rem;letter-spacing:40px;opacity:.4;pointer-events:none}.story-panel{width:100%;max-width:560px;background:#fff;border-radius:18px;padding:14px 18px;margin-bottom:12px;box-shadow:0 4px 14px #0000001f;border-left:6px solid #f59e0b;animation:storyIn .4s ease-out}@keyframes storyIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.story-year{display:inline-block;background:#fef3c7;color:#78350f;padding:3px 12px;border-radius:12px;font-size:.78rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px}.story-text{margin:0 0 10px;color:#1f2937;font-size:1rem;line-height:1.5}.story-prompt{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fef9c3,#fde68a);padding:8px 12px;border-radius:12px;font-weight:800;color:#78350f;font-size:.95rem}.story-prompt-icon{display:inline-block;line-height:0}.story-prompt-icon svg{width:30px;height:30px;display:block}.story-arena{width:100%;max-width:560px;display:flex;flex-direction:column;gap:10px}.story-stage{width:100%}.story-current-part{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:3px dashed #10b981;border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:grab;touch-action:none;font-weight:800;color:#064e3b;font-size:1.1rem;box-shadow:0 4px 14px #10b9814d;animation:pulseGrab 1.4s ease-in-out infinite;transition:transform .15s}.story-current-part:hover{transform:translateY(-2px)}.story-current-part:active{cursor:grabbing;transform:scale(1.02)}@keyframes pulseGrab{0%,to{box-shadow:0 4px 14px #10b9814d}50%{box-shadow:0 6px 22px #10b9818c}}.story-current-icon{display:inline-block;line-height:0;flex-shrink:0}.story-current-icon svg{width:52px;height:52px;display:block}.story-current-label{flex:1}.story-current-arrow{font-size:1.6rem;animation:pointArrow 1s ease-in-out infinite}@keyframes pointArrow{0%,to{transform:translate(0)}50%{transform:translate(-4px,4px)}}.finale-stage{width:100%;max-width:560px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 4px 14px #0000001f;margin-bottom:14px}.finale-svg{max-height:56vh}.flow-highlight{filter:drop-shadow(0 0 14px #fbbf24) drop-shadow(0 0 6px #f59e0b);animation:flowPulse .9s ease-in-out infinite}@keyframes flowPulse{0%,to{opacity:1}50%{opacity:.85;transform:scale(1.02);transform-origin:center}}.flow-caption{background:#1f2937;color:#fff;padding:12px 18px;border-radius:14px;font-size:1.05rem;font-weight:700;margin-bottom:14px;max-width:560px;text-align:center;width:100%;animation:flowCaptionIn .3s ease-out}@keyframes flowCaptionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.finale-stars{font-size:3rem;margin:8px 0;animation:starsPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes starsPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.finale-summary{font-size:1.05rem;color:#064e3b;font-weight:700;margin:0 0 12px;text-align:center;max-width:560px}.phonics-screen{min-height:100vh;background:linear-gradient(160deg,#fef3c7,#fde68a 40%,#fb923c);padding:14px;font-family:Nunito,system-ui,sans-serif;position:relative;overflow-x:hidden}.phonics-back{position:absolute;top:14px;left:14px;background:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000026;z-index:10}.phonics-hero{text-align:center;padding:50px 16px 16px}.phonics-hero-emoji{font-size:4rem}.phonics-hero h1{font-size:2.2rem;margin:8px 0 6px;color:#7c2d12}.phonics-hero p{color:#7c2d12;font-weight:700;margin:0}.phonics-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:780px;margin:18px auto;padding:0 8px}.phonics-tile{border:none;border-radius:18px;padding:22px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 16px #00000026;transition:transform .15s;color:#fff;font-family:inherit}.phonics-tile:hover{transform:translateY(-3px)}.phonics-tile.sound{background:linear-gradient(135deg,#fb7185,#e11d48)}.phonics-tile.sight{background:linear-gradient(135deg,#60a5fa,#2563eb)}.phonics-tile.builder{background:linear-gradient(135deg,#34d399,#059669)}.phonics-tile.sentence{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.phonics-tile-emoji{font-size:2.6rem}.phonics-tile-title{font-size:1.25rem;font-weight:900}.phonics-tile-desc{font-size:.92rem;text-align:center;opacity:.95}.phonics-grownup{background:#fff;max-width:680px;margin:14px auto;padding:14px 18px;border-radius:14px;border-left:6px solid #f59e0b;font-size:.92rem;color:#451a03}.phonics-mode-title{text-align:center;font-size:1.6rem;color:#7c2d12;margin:50px 0 4px}.phonics-counter{text-align:center;color:#92400e;font-weight:700;margin:0 0 18px}.phonics-word-card{background:#fff;max-width:480px;margin:0 auto;padding:22px 18px;border-radius:22px;box-shadow:0 8px 20px #00000024;text-align:center}.phonics-word-emoji{font-size:5rem;display:block;margin-bottom:12px}.phonics-letters{display:flex;justify-content:center;gap:14px;margin:12px 0;flex-wrap:wrap}.phonics-letter{width:80px;height:90px;border:4px solid #fcd34d;background:#fffbeb;border-radius:16px;font-size:3rem;font-weight:900;color:#7c2d12;cursor:pointer;transition:all .15s;text-transform:lowercase;font-family:inherit}.phonics-letter:hover{transform:translateY(-3px)}.phonics-letter.tapped{background:#dcfce7;border-color:#22c55e;color:#166534}.phonics-hint{color:#92400e;font-weight:700;margin-top:12px}.phonics-big-btn{display:block;margin:16px auto;border:none;padding:16px 32px;border-radius:50px;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 6px 14px #0003;font-family:inherit}.phonics-big-btn.read{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.phonics-big-btn.next{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.phonics-big-btn.back-btn{background:#fff;color:#7c2d12}.phonics-flashcard{background:#fff;max-width:480px;margin:0 auto;padding:50px 24px;border-radius:24px;text-align:center;box-shadow:0 10px 26px #00000029;cursor:pointer;border:6px solid #fcd34d}.phonics-flash-word{display:block;font-size:5rem;font-weight:900;color:#7c2d12;text-transform:lowercase}.phonics-flash-tap{display:block;margin-top:14px;color:#92400e;font-weight:700}.phonics-flash-controls{display:flex;gap:14px;justify-content:center;margin-top:14px}.phonics-builder-pic{text-align:center}.phonics-builder-emoji{font-size:5rem}.phonics-slot-row{display:flex;justify-content:center;gap:10px;margin:14px 0;flex-wrap:wrap}.phonics-slot{width:70px;height:80px;border:4px dashed #fcd34d;background:#fffbeb;border-radius:14px;font-size:2.6rem;font-weight:900;color:#7c2d12;display:flex;align-items:center;justify-content:center;text-transform:lowercase}.phonics-slot.filled{background:#dcfce7;border-style:solid;border-color:#22c55e;color:#166534}.phonics-tile-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:540px;margin:0 auto;padding:0 14px}.phonics-letter-tile{width:64px;height:70px;border:3px solid #fcd34d;background:#fff;border-radius:14px;font-size:2.2rem;font-weight:900;color:#7c2d12;cursor:pointer;transition:all .15s;text-transform:lowercase;font-family:inherit}.phonics-letter-tile:hover:not(:disabled){transform:translateY(-3px)}.phonics-letter-tile.used{opacity:.3;cursor:not-allowed}.phonics-letter-tile:disabled{cursor:not-allowed}.phonics-sentence-card{background:#fff;max-width:680px;margin:0 auto;padding:24px 18px;border-radius:22px;box-shadow:0 8px 20px #00000024;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.phonics-sentence-word{background:#fef3c7;border:3px solid #fcd34d;border-radius:12px;padding:10px 14px;font-size:1.6rem;font-weight:800;color:#7c2d12;cursor:pointer;transition:all .15s;font-family:inherit}.phonics-sentence-word:hover{transform:translateY(-2px)}.phonics-sentence-word.tapped{background:#dcfce7;border-color:#22c55e;color:#166534}@media (max-width: 480px){.phonics-letter{width:60px;height:70px;font-size:2.4rem}.phonics-flash-word{font-size:3.6rem}.phonics-letter-tile{width:52px;height:58px;font-size:1.8rem}.phonics-slot{width:56px;height:64px;font-size:2rem}.phonics-sentence-word{font-size:1.3rem;padding:8px 12px}}.phonics-tile.alphabet{background:linear-gradient(135deg,#fbbf24,#d97706)}.phonics-letter-detail{background:#fff;max-width:480px;margin:0 auto 18px;padding:22px 18px;border-radius:22px;text-align:center;box-shadow:0 8px 20px #00000024;border:4px solid #fbbf24}.phonics-letter-big{font-size:4.5rem;font-weight:900;color:#7c2d12;line-height:1;letter-spacing:4px}.phonics-letter-emoji{font-size:4rem;display:block;margin:8px 0}.phonics-letter-word{font-size:1.15rem;font-weight:700;color:#7c2d12;margin:8px 0 14px}.phonics-letter-word b{color:#dc2626}.phonics-alphabet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;max-width:720px;margin:0 auto;padding:0 14px}.phonics-alpha-tile{background:#fff;border:3px solid #fcd34d;border-radius:14px;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;font-family:inherit;min-height:90px}.phonics-alpha-tile:hover{transform:translateY(-3px)}.phonics-alpha-tile.active{background:#fef3c7;border-color:#f59e0b;transform:scale(1.05)}.phonics-alpha-letter{font-size:1.8rem;font-weight:900;color:#7c2d12;line-height:1}.phonics-alpha-emoji{font-size:1.6rem}.phonics-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:780px;margin:0 auto;padding:0 14px}.phonics-book-tile{background:linear-gradient(135deg,#fff,#fef3c7);border:3px solid #fbbf24;border-radius:18px;padding:18px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 12px #0000001a;transition:transform .15s;font-family:inherit}.phonics-book-tile:hover{transform:translateY(-3px)}.phonics-book-emoji{font-size:2.6rem}.phonics-book-title{font-size:1.1rem;font-weight:900;color:#7c2d12;text-align:center}.phonics-book-count{font-size:.85rem;color:#92400e;font-weight:700}@media (max-width: 480px){.phonics-letter-big{font-size:3.2rem}.phonics-alpha-tile{min-height:76px}.phonics-alpha-letter{font-size:1.5rem}}.adv-screen{min-height:100vh;background:linear-gradient(160deg,#e0e7ff,#c7d2fe 40%,#a5b4fc);padding:14px;font-family:Nunito,system-ui,sans-serif;position:relative;overflow-x:hidden}.adv-back{position:absolute;top:14px;left:14px;background:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000026;z-index:10}.adv-hero{text-align:center;padding:50px 16px 14px}.adv-hero-emoji{font-size:4rem}.adv-hero h1{font-size:2.2rem;margin:8px 0 6px;color:#312e81}.adv-hero p{color:#312e81;font-weight:700;margin:0}.adv-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:880px;margin:18px auto;padding:0 8px}.adv-tile{border:none;border-radius:18px;padding:22px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 16px #00000026;transition:transform .15s;color:#fff;font-family:inherit}.adv-tile:hover{transform:translateY(-3px)}.adv-tile-oddeven{background:linear-gradient(135deg,#fbbf24,#d97706)}.adv-tile-mult2x2{background:linear-gradient(135deg,#60a5fa,#2563eb)}.adv-tile-mult3x1{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.adv-tile-divide{background:linear-gradient(135deg,#34d399,#059669)}.adv-tile-missing{background:linear-gradient(135deg,#fb7185,#e11d48)}.adv-tile-words{background:linear-gradient(135deg,#f472b6,#db2777)}.adv-tile-mental{background:linear-gradient(135deg,#22d3ee,#0891b2)}.adv-tile-emoji{font-size:2.6rem}.adv-tile-title{font-size:1.2rem;font-weight:900;text-align:center}.adv-tile-desc{font-size:.92rem;text-align:center;opacity:.95}.adv-grownup{background:#fff;max-width:680px;margin:14px auto;padding:14px 18px;border-radius:14px;border-left:6px solid #6366f1;font-size:.92rem;color:#1e1b4b}.adv-round-header{display:flex;align-items:center;justify-content:space-between;background:#fff;max-width:720px;margin:50px auto 14px;padding:12px 18px;border-radius:14px;box-shadow:0 4px 12px #0000001a}.adv-round-mode{font-weight:900;color:#312e81;font-size:1.05rem}.adv-round-progress{display:flex;gap:14px;align-items:center}.adv-round-pos{background:#e0e7ff;color:#312e81;padding:4px 12px;border-radius:12px;font-weight:800;font-size:.9rem}.adv-round-score{background:#fef3c7;color:#78350f;padding:4px 12px;border-radius:12px;font-weight:800;font-size:.9rem}.adv-question-card{background:#fff;max-width:720px;margin:0 auto 14px;padding:32px 22px;border-radius:18px;box-shadow:0 6px 16px #0000001a;text-align:center;border:3px solid #c7d2fe}.adv-question{font-size:1.6rem;font-weight:900;color:#1e1b4b;margin:0;line-height:1.4}.adv-choices{display:grid;gap:12px;max-width:720px;margin:0 auto;padding:0 6px}.adv-choices.choices-2,.adv-choices.choices-4{grid-template-columns:1fr 1fr}.adv-choice{background:#fff;border:3px solid #c7d2fe;border-radius:14px;padding:18px;font-size:1.4rem;font-weight:900;color:#1e1b4b;cursor:pointer;transition:all .15s;font-family:inherit;min-height:64px}.adv-choice:hover:not(:disabled){transform:translateY(-2px);background:#eef2ff}.adv-choice:disabled{cursor:not-allowed}.adv-choice.correct{background:#dcfce7;border-color:#22c55e;color:#166534}.adv-choice.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.adv-feedback{background:#fff;max-width:720px;margin:14px auto;padding:18px 22px;border-radius:14px;text-align:center;box-shadow:0 4px 12px #0000001a}.adv-feedback-good{color:#166534;font-size:1.3rem;font-weight:900;margin:0 0 8px}.adv-feedback-bad{color:#991b1b;font-size:1.1rem;font-weight:800;margin:0 0 8px}.adv-feedback-bad b{color:#166534;font-size:1.25rem}.adv-tip{background:#fef3c7;color:#78350f;padding:10px 14px;border-radius:10px;margin:10px 0;font-weight:700;font-size:.98rem}.adv-big-btn{display:block;margin:12px auto;border:none;padding:14px 28px;border-radius:50px;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #0003;font-family:inherit;color:#fff}.adv-big-btn.next{background:linear-gradient(135deg,#22c55e,#16a34a)}.adv-big-btn.play{background:linear-gradient(135deg,#6366f1,#4338ca)}.adv-big-btn.back{background:#fff;color:#312e81;border:2px solid #c7d2fe}.adv-finish-card{background:#fff;max-width:520px;margin:70px auto 16px;padding:28px 22px;border-radius:22px;text-align:center;box-shadow:0 10px 26px #00000029;border:4px solid #6366f1}.adv-finish-emoji{font-size:4.5rem;display:block}.adv-finish-card h2{color:#312e81;font-size:2rem;margin:8px 0}.adv-score{font-size:1.8rem;font-weight:900;color:#1e1b4b;margin:12px 0 6px}.adv-finish-text{color:#312e81;font-weight:700;margin:10px 0}@media (max-width: 520px){.adv-question{font-size:1.3rem}.adv-choice{font-size:1.2rem;padding:14px}.adv-tile-title{font-size:1.1rem}}.adv-tile-pattern{background:linear-gradient(135deg,#fda4af,#f43f5e)}.adv-tile-fraction{background:linear-gradient(135deg,#fdba74,#ea580c)}.adv-tile-money{background:linear-gradient(135deg,#86efac,#16a34a)}.frac-bar{display:flex;gap:3px;max-width:440px;margin:18px auto 4px;height:70px;border:3px solid #312e81;border-radius:10px;overflow:hidden;padding:3px;background:#312e81}.frac-cell{flex:1;background:#fff;border-radius:4px;transition:background .2s}.frac-cell.shaded{background:repeating-linear-gradient(45deg,#f59e0b,#f59e0b 8px,#fbbf24 8px,#fbbf24 16px)}.pd-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif;padding-bottom:40px}.pd-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card-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)}.pd-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}.pd-title{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.pd-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:20px 24px}.pd-stat-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:4px solid var(--card-shadow-color, #D0C4FF)}.pd-stat-icon{font-size:28px}.pd-stat-num{font-size:28px;font-weight:900;color:var(--text, #1C1833)}.pd-stat-label{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80)}.pd-section{padding:0 24px;margin-bottom:20px}.pd-section-title{font-size:16px;font-weight:900;color:var(--text, #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:var(--card-bg, #fff);border:2px solid var(--card-border, #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:var(--text, #1C1833)}.pd-mini-rate{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80)}.pd-games-list{display:flex;flex-direction:column;gap:8px}.pd-game-row{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #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:var(--text, #1C1833)}.pd-game-bar-bg{height:8px;background:var(--bg, #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:var(--accent, #7C4DFF);display:block}.pd-game-detail{font-size:11px;font-weight:700;color:var(--text-muted, #9B97B0)}.pd-empty{font-size:14px;color:var(--text-muted, #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:var(--text-sub, #6E6A80);background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:10px;padding:6px 12px}.ach-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif;padding-bottom:40px}.ach-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)}.ach-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}.ach-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.ach-count{font-size:16px;font-weight:900;color:var(--accent, #7C4DFF);background:var(--input-bg, #F4F0FF);padding:4px 12px;border-radius:10px;border:2px solid var(--card-border, #D0C4FF)}.ach-progress-wrap{padding:16px 24px}.ach-progress-bg{height:12px;background:var(--card-border, #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:var(--text-sub, #6E6A80);margin-top:6px}.ach-section{padding:0 24px;margin-bottom:24px}.ach-section-title{font-size:16px;font-weight:900;color:var(--text, #1C1833);margin-bottom:12px}.ach-empty{font-size:14px;color:var(--text-muted, #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:var(--card-bg, #fff);border:2px solid #58CC02;border-bottom:4px solid #46A302;box-shadow:0 2px 8px #58cc0226}.ach-badge.locked{background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);opacity:.7}.ach-badge-emoji{font-size:32px}.locked-emoji{filter:grayscale(1)}.ach-badge-name{font-size:13px;font-weight:800;color:var(--text, #1C1833)}.ach-badge-desc{font-size:10px;font-weight:600;color:var(--text-sub, #6E6A80);line-height:1.3}.mascot-reaction{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:20px;z-index:1000;animation:mascotPop .4s cubic-bezier(.175,.885,.32,1.275),mascotFade 2s ease forwards;pointer-events:none}.mascot-reaction.correct,.mascot-reaction.cheer{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 6px 24px #22c55e66}.mascot-reaction.wrong{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 6px 24px #f59e0b66}.mascot-emoji{font-size:36px;animation:mascotBounce .6s ease-in-out infinite alternate}.mascot-msg{font-size:16px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.15);font-family:Nunito,sans-serif}@keyframes mascotPop{0%{transform:translate(-50%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes mascotFade{0%,70%{opacity:1}to{opacity:0}}@keyframes mascotBounce{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-8px) rotate(5deg)}}.mascot-picker{display:flex;flex-direction:column;gap:8px}.mascot-picker-label{font-size:13px;font-weight:800;color:var(--text, #1C1833)}.mascot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mascot-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.mascot-option:hover{border-color:var(--accent, #7C4DFF);transform:translateY(-2px)}.mascot-option.active{border-color:var(--accent, #7C4DFF);background:var(--card-bg, #fff);box-shadow:0 0 0 3px #7c4dff26}.mascot-opt-emoji{font-size:28px}.mascot-opt-name{font-size:10px;font-weight:700;color:var(--text-sub, #6E6A80)}.st-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif}.st-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)}.st-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}.st-title{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.st-content{padding:20px 24px;max-width:600px;margin:0 auto}.st-section{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:20px;margin-bottom:16px}.st-section-title{font-size:16px;font-weight:900;color:var(--text, #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:var(--text, #1C1833)}.st-profile-age{font-size:13px;font-weight:600;color:var(--text-sub, #6E6A80)}.st-btn{padding:8px 18px;font-size:13px;font-weight:800;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;transition:background .15s}.st-btn:hover{background:var(--card-border, #E5DCFF)}.st-btn.danger{background:#ff4b4b;color:#fff;border-color:#d93a3a}.st-btn.danger:hover{background:#e03131}.st-btn.danger-outline{background:var(--card-bg, #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:var(--text, #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:var(--card-bg, #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:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s}.st-voice-card:hover{border-color:var(--accent, #9B7FFF)}.st-voice-card.active{border-color:var(--accent, #7C4DFF);background:var(--bg, #F0ECFF);box-shadow:0 0 0 3px #7c4dff26}.st-voice-emoji{font-size:24px}.st-voice-name{font-size:12px;font-weight:800;color:var(--text, #1C1833)}.st-voice-desc{font-size:9px;font-weight:600;color:var(--text-sub, #6E6A80)}.st-ai-desc{font-size:13px;font-weight:600;color:var(--text-sub, #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:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #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:var(--accent, #9B7FFF)}.st-ai-provider.active{border-color:var(--accent, #7C4DFF);background:var(--bg, #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:var(--text, #1C1833)}.st-ai-key-section{display:flex;flex-direction:column;gap:10px}.st-ai-key-label{font-size:13px;font-weight:800;color:var(--text, #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:var(--input-bg, #F8F5FF);color:var(--text, #1C1833);border:2px solid var(--card-border, #D0C4FF);border-radius:10px;outline:none}.st-ai-key-input:focus{border-color:var(--accent, #7C4DFF)}.st-ai-key-input::placeholder{color:var(--text-muted, #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:var(--text-muted, #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:var(--input-bg, #F8F5FF);color:var(--text, #1C1833);border:2px solid var(--card-border, #D0C4FF);border-radius:10px;outline:none;text-align:center;letter-spacing:8px}.st-pin-input:focus{border-color:var(--accent, #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 var(--card-border, #E5DCFF)}.st-theme-btns{display:flex;gap:10px;flex-wrap:wrap}.st-theme-btn{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .15s;color:var(--text, #1C1833)}.st-theme-btn:hover{border-color:var(--accent, #9B7FFF)}.st-theme-btn.active{background:var(--bg, #F0ECFF);box-shadow:0 0 0 3px #7c4dff26}.st-theme-btn span:first-child{font-size:24px}.st-control-group{margin-bottom:16px}.st-control-label{font-size:14px;font-weight:800;color:var(--text, #1C1833);margin-bottom:8px;display:block}.st-time-btns{display:flex;gap:6px;flex-wrap:wrap}.st-time-btn{padding:8px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;background:var(--input-bg, #F8F5FF);border:2px solid var(--card-border, #E5DCFF);border-radius:10px;cursor:pointer;transition:all .15s;color:var(--text, #1C1833)}.st-time-btn:hover{border-color:var(--accent, #9B7FFF)}.st-time-btn.active{background:var(--bg, #F0ECFF);border-color:var(--accent, #7C4DFF);color:var(--accent, #7C4DFF);box-shadow:0 0 0 3px #7c4dff26}.st-content-group{display:flex;flex-direction:column;gap:6px}.st-content-label{font-size:13px;font-weight:800;color:var(--text, #1C1833);margin-bottom:4px}.st-content-chip{display:inline-flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;border-radius:10px;cursor:pointer;transition:all .15s;border:2px solid transparent}.st-content-chip.visible{background:#f0fbe6;color:#46a302;border-color:#58cc02}.st-content-chip.hidden{background:#fff0f0;color:#d93a3a;border-color:#ff4b4b;opacity:.7}.st-reset-confirm{background:#fff0f0;border:2px solid #FF4B4B;border-radius:12px;padding:16px}.st-legal-links{display:flex;flex-direction:column;gap:8px}.st-legal-link{font-size:14px;font-weight:700;color:var(--accent, #7C4DFF);text-decoration:none;padding:10px 14px;background:var(--card, #fff);border:1.5px solid var(--card-border, #E8E5F0);border-radius:12px;display:block}.st-legal-link:hover{background:var(--card-hover, #F5F3FF)}.st-version{color:var(--text-sub, #6E6A80);font-size:12px;font-weight:600}.st-rate{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a0533;border-color:#d97706;text-align:center}.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}.st-sync-card{background:var(--card, #FFFFFF);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;padding:16px}.st-sync-desc{font-size:14px;color:var(--text-sub, #6E6A80);margin:0 0 14px;line-height:1.5}.st-google-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;font-size:16px;font-weight:700;background:#fff;color:#1f2937;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #00000014;font-family:inherit}.st-google-btn:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f440}.st-google-btn:disabled{opacity:.6;cursor:not-allowed}.st-sync-user{display:flex;align-items:center;gap:12px;margin-bottom:14px}.st-sync-avatar{font-size:28px;flex-shrink:0}.st-sync-info{display:flex;flex-direction:column}.st-sync-name{font-size:15px;font-weight:700;color:var(--text, #1C1917)}.st-sync-email{font-size:12px;color:var(--text-sub, #6E6A80)}.st-sync-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.st-sync-btn{flex:1;min-width:130px;padding:10px 14px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit}.st-sync-btn:disabled{opacity:.6;cursor:not-allowed}.st-signout-btn{padding:10px 14px;font-size:13px;font-weight:600;background:transparent;color:var(--text-sub, #6E6A80);border:1px solid var(--card-border, #E5DCFF);border-radius:10px;cursor:pointer;font-family:inherit}.st-sync-msg{font-size:13px;font-weight:600;padding:10px;border-radius:10px;text-align:center;margin-top:10px}.st-sync-msg.done{background:#ecfdf5;color:#065f46;border:1px solid #10B981}.st-sync-msg.error{background:#fef2f2;color:#991b1b;border:1px solid #EF4444}.st-sync-msg.syncing{background:#eff6ff;color:#1e40af;border:1px solid #3B82F6}.st-sync-last{font-size:12px;color:var(--text-sub, #6E6A80);text-align:center;margin:10px 0 0}.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:var(--card-bg, #FFFFFF);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:var(--text, #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:var(--card-bg, #FFFFFF);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:var(--text, #1C1833)}.bt-desc{font-size:14px;font-weight:600;color:var(--text-sub, #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:var(--card-bg, #FFFFFF);border:2px solid var(--card-border, #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:var(--text, #1C1833)}.ec-text{font-size:14px;font-weight:600;color:var(--text-sub, #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.whatsapp{background:#25d366;color:#fff;text-decoration:none}.fb-share-btn.email{background:#2563eb;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}.about-privacy-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--accent, #7C4DFF);text-decoration:none;font-weight:700}.about-rate-contact{display:flex;flex-direction:column;gap:10px}.about-rate-btn,.about-contact-btn{display:block;text-align:center;padding:14px 20px;border-radius:14px;font-size:1rem;font-weight:800;text-decoration:none;font-family:inherit}.about-rate-btn{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a0533}.about-rate-btn:active{transform:scale(.97)}.about-contact-btn{background:var(--card, #fff);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E5DCFF)}.about-contact-btn:active{transform:scale(.97)}.xpbar-wrap{display:flex;align-items:center;gap:8px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;padding:6px 12px 6px 6px;min-width:140px;max-width:200px}.xpbar-level{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #7C4DFF),#a78bfa);color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #7c4dff4d}.xpbar-body{flex:1;min-width:0}.xpbar-title{font-size:10px;font-weight:800;color:var(--text, #1C1833);text-transform:uppercase;letter-spacing:.5px;line-height:1;margin-bottom:3px}.xpbar-track{width:100%;height:6px;background:var(--input-bg, #F4F0FF);border-radius:6px;overflow:hidden;margin-bottom:2px}.xpbar-fill{height:100%;background:linear-gradient(90deg,var(--accent, #7C4DFF),#a78bfa);border-radius:6px;transition:width .6s ease}.xpbar-text{font-size:9px;font-weight:700;color:var(--text-sub, #6E6A80);line-height:1}.lvlup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;animation:lvlup-fadeIn .3s ease}@keyframes lvlup-fadeIn{0%{opacity:0}to{opacity:1}}.lvlup-card{text-align:center;padding:40px 48px;border-radius:28px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 60px #0006;position:relative;overflow:hidden;animation:lvlup-pop .5s ease}@keyframes lvlup-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.lvlup-burst{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.1) 10%,transparent 20%);animation:lvlup-spin 3s linear infinite}@keyframes lvlup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lvlup-badge{position:relative;width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,gold,#fa0);color:#1a0533;font-size:36px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffd70080;animation:lvlup-bounce 1s ease infinite}@keyframes lvlup-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lvlup-heading{position:relative;font-size:32px;font-weight:900;color:gold;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.lvlup-title{position:relative;font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.lvlup-sub{position:relative;font-size:14px;color:#ffffffb3;margin:0}.rcal-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif}.rcal-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF);position:sticky;top:0;z-index:10}.rcal-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}.rcal-title{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.rcal-streak-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin:16px 20px 0;background:linear-gradient(135deg,#ff6b35,#ff8f00);border-radius:16px;color:#fff;box-shadow:0 4px 16px #ff6b354d}.rcal-streak-fire{font-size:28px}.rcal-streak-num{font-size:36px;font-weight:900}.rcal-streak-label{font-size:16px;font-weight:700;opacity:.9}.rcal-month-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px 4px}.rcal-nav-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--card-border, #E5DCFF);background:var(--card-bg, #fff);color:var(--accent, #7C4DFF);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif}.rcal-month-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);min-width:180px;text-align:center}.rcal-summary{text-align:center;font-size:13px;font-weight:700;color:var(--text-sub, #6E6A80);padding-bottom:8px}.rcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 16px 16px;max-width:420px;margin:0 auto}.rcal-day-name{text-align:center;font-size:11px;font-weight:800;color:var(--text-sub, #6E6A80);padding:4px 0;text-transform:uppercase}.rcal-cell{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);position:relative;transition:all .15s}.rcal-empty{background:transparent;border-color:transparent}.rcal-day-num{font-size:12px;font-weight:700;color:var(--text, #1C1833);line-height:1}.rcal-sticker{font-size:18px;line-height:1;animation:rcal-pop .3s ease}@keyframes rcal-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.rcal-done{background:linear-gradient(135deg,#fff8e0,#fffde7);border-color:gold;box-shadow:0 2px 8px #ffd70033}.rcal-today{border-color:var(--accent, #7C4DFF);border-width:3px;box-shadow:0 0 0 3px #7c4dff26}.rcal-future{opacity:.4}.rcal-milestones{padding:0 20px 32px;max-width:420px;margin:0 auto}.rcal-ms-title{font-size:18px;font-weight:900;color:var(--text, #1C1833);margin:0 0 12px}.rcal-ms-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;margin-bottom:8px;transition:all .2s}.rcal-ms-reached{border-color:gold;background:linear-gradient(135deg,#fffde7,#fff8e0)}.rcal-ms-claimed{opacity:.7}.rcal-ms-emoji{font-size:28px;flex-shrink:0}.rcal-ms-info{flex:1;min-width:0}.rcal-ms-label{display:block;font-size:14px;font-weight:800;color:var(--text, #1C1833)}.rcal-ms-reward{font-size:12px;font-weight:700;color:#ff8f00}.rcal-ms-progress{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.rcal-ms-bar{width:60px;height:6px;background:var(--input-bg, #F4F0FF);border-radius:6px;overflow:hidden}.rcal-ms-fill{height:100%;background:linear-gradient(90deg,gold,#ff8f00);border-radius:6px;transition:width .4s ease}.rcal-ms-count{font-size:10px;font-weight:700;color:var(--text-sub, #6E6A80)}.rcal-ms-claim{padding:8px 16px;font-size:13px;font-weight:800;background:linear-gradient(135deg,gold,#ff8f00);color:#1a0533;border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;animation:rcal-pulse 1.5s ease infinite;flex-shrink:0}@keyframes rcal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 4px 16px #ffd70066}}.rcal-ms-done{font-size:20px;flex-shrink:0}.shop-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif}.shop-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E5DCFF);position:sticky;top:0;z-index:10}.shop-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}.shop-title{font-size:20px;font-weight:900;color:var(--text, #1C1833);flex:1}.shop-balance{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,gold,#ff8f00);padding:6px 14px;border-radius:20px;box-shadow:0 2px 8px #ffd7004d}.shop-bal-icon{font-size:16px}.shop-bal-num{font-size:16px;font-weight:900;color:#1a0533}.shop-tabs{display:flex;gap:6px;padding:12px 16px;justify-content:center}.shop-tab{padding:8px 18px;font-size:14px;font-weight:800;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;color:var(--text-sub, #6E6A80);transition:all .15s}.shop-tab-active{background:var(--accent, #7C4DFF);color:#fff;border-color:var(--accent, #7C4DFF);box-shadow:0 4px 12px #7c4dff4d}.shop-flash{text-align:center;padding:10px 16px;margin:0 16px 8px;border-radius:12px;font-size:14px;font-weight:700;animation:shopFlash .3s ease}@keyframes shopFlash{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.shop-flash-ok{background:#e8f5e9;color:#2e7d32;border:2px solid #A5D6A7}.shop-flash-fail{background:#fff3e0;color:#e65100;border:2px solid #FFCC80}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:0 16px 32px}.shop-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;border-bottom:4px solid var(--card-border, #D0C4FF);transition:all .15s;text-align:center}.shop-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.shop-card-owned{border-color:#a5d6a7;background:#f1f8e9}.shop-card-locked{opacity:.55}.shop-item-emoji{font-size:36px}.shop-item-name{font-size:14px;font-weight:900;color:var(--text, #1C1833)}.shop-item-desc{font-size:11px;color:var(--text-sub, #6E6A80);font-weight:600}.shop-buy-btn{margin-top:6px;padding:8px 18px;font-size:13px;font-weight:800;background:linear-gradient(135deg,gold,#ff8f00);color:#1a0533;border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;box-shadow:0 2px 8px #ffd7004d}.shop-buy-btn:hover{transform:scale(1.05)}.shop-buy-disabled{background:#ccc;color:#888;cursor:not-allowed;box-shadow:none}.shop-equip-btn{margin-top:6px;padding:8px 18px;font-size:13px;font-weight:800;background:var(--accent, #7C4DFF);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.shop-equipped-btn{margin-top:6px;padding:8px 18px;font-size:13px;font-weight:800;background:#4caf50;color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.shop-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#00000080}.shop-confirm-card{background:var(--card-bg, #fff);border-radius:20px;padding:32px;text-align:center;box-shadow:0 10px 40px #0003;max-width:300px;width:90%;animation:shopFlash .2s ease}.shop-confirm-emoji{font-size:48px}.shop-confirm-text{font-size:16px;font-weight:700;color:var(--text, #1C1833);margin:12px 0}.shop-confirm-btns{display:flex;gap:10px;justify-content:center}.shop-confirm-yes{padding:10px 24px;font-size:14px;font-weight:800;background:linear-gradient(135deg,gold,#ff8f00);color:#1a0533;border:none;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif}.shop-confirm-no{padding:10px 24px;font-size:14px;font-weight:800;background:#f4f0ff;color:#7c4dff;border:2px solid #E5DCFF;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif}.wsg-root{min-height:100vh;background:var(--bg, #FAFAF7);font-family:Nunito,sans-serif}.wsg-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E8E4DC);position:sticky;top:0;z-index:10}.wsg-back{padding:7px 14px;font-size:14px;font-weight:700;background:var(--input-bg, #F5F3F0);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E8E4DC);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.wsg-title{font-size:20px;font-weight:900;color:var(--text, #1C1917)}.wsg-landing{padding:16px;max-width:520px;margin:0 auto}.wsg-diff-section{margin-bottom:16px}.wsg-diff-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:800;color:#fff}.wsg-day-meta{display:flex;gap:8px;align-items:center;margin-bottom:16px}.wsg-cycle-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:800;color:#fff;background:#8b5cf6}.wsg-label{display:block;font-size:14px;font-weight:800;color:var(--text, #1C1917);margin-bottom:8px}.wsg-toggles{display:flex;gap:8px;flex-wrap:wrap}.wsg-toggle{padding:10px 16px;font-size:13px;font-weight:700;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E8E4DC);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;color:var(--text-sub, #6E6A80);transition:all .15s}.wsg-active{color:#fff}.wsg-today-hero{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#7c4dff,#a78bfa);border-radius:20px;color:#fff;margin-bottom:20px;cursor:pointer;transition:transform .15s;box-shadow:0 6px 24px #7c4dff4d}.wsg-today-hero:hover{transform:scale(1.01)}.wsg-today-hero:active{transform:scale(.98)}.wsg-today-left{flex:1}.wsg-today-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:900;background:#ffffff40;letter-spacing:1px;margin-bottom:6px}.wsg-today-title{font-size:18px;font-weight:900;margin:0 0 8px}.wsg-today-topics{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;opacity:.9}.wsg-today-cycle{font-size:11px;font-weight:700;opacity:.7;margin-top:6px}.wsg-today-right{text-align:center}.wsg-today-progress{font-size:28px;font-weight:900;background:#fff3;padding:8px 16px;border-radius:14px}.wsg-today-arrow{font-size:16px;font-weight:800;background:#ffffff40;padding:10px 20px;border-radius:14px;white-space:nowrap}.wsg-week-section{margin-bottom:20px}.wsg-section-title{font-size:15px;font-weight:800;color:var(--text, #1C1917);margin:0 0 10px}.wsg-week-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wsg-week-scroll::-webkit-scrollbar{display:none}.wsg-week-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:68px;padding:10px 8px;border-radius:14px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E8E4DC);cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;position:relative;flex-shrink:0}.wsg-week-card:hover{border-color:var(--accent, #7C4DFF)}.wsg-week-card:active{transform:scale(.95)}.wsg-week-today{border-color:var(--accent, #7C4DFF);border-width:3px;background:#f5f3ff}.wsg-week-day{font-size:10px;font-weight:800;color:var(--text-sub, #6E6A80);text-transform:uppercase}.wsg-week-date{font-size:20px;font-weight:900;color:var(--text, #1C1917)}.wsg-week-icon{font-size:18px}.wsg-week-check{font-size:9px;font-weight:800;color:#fff;background:#7c4dff;padding:1px 6px;border-radius:8px;position:absolute;top:-4px;right:-4px}.wsg-day-done{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#22c55e!important}.wsg-day-done .wsg-week-day,.wsg-day-done .wsg-week-date{color:#166534}.wsg-day-partial{border-color:#f59e0b!important;background:#fffbeb!important}.wsg-history-section{margin-bottom:16px}.wsg-history-toggle{width:100%;padding:12px 16px;font-size:14px;font-weight:700;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E8E4DC);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;color:var(--text-sub, #6E6A80);text-align:left}.wsg-history-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.wsg-history-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card-bg, #fff);border:1px solid var(--card-border, #E8E4DC);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;width:100%;text-align:left}.wsg-history-item:hover{border-color:var(--accent, #7C4DFF)}.wsg-history-done{background:#f0fdf4;border-color:#bbf7d0}.wsg-history-date{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80);min-width:90px}.wsg-history-topic{font-size:12px;font-weight:600;color:var(--text, #1C1917);flex:1}.wsg-history-check{font-size:11px;font-weight:700;color:#22c55e}.wsg-info-box{padding:14px 16px;background:#f5f3ff;border:1px solid #E5DCFF;border-radius:12px;margin-top:8px}.wsg-info-box p{margin:0;font-size:12px;color:var(--text-sub, #6E6A80);line-height:1.5}.wsg-subject-grid{display:flex;flex-direction:column;gap:10px}.wsg-subject-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E8E4DC);border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;text-align:left;width:100%;border-left:5px solid var(--subj-color)}.wsg-subject-card:hover{transform:scale(1.01);box-shadow:0 4px 16px #00000014}.wsg-subject-card:active{transform:scale(.98)}.wsg-subject-card.wsg-done{background:#f0fdf4}.wsg-subj-icon{font-size:32px}.wsg-subj-info{flex:1}.wsg-subj-title{font-size:16px;font-weight:800;color:var(--text, #1C1917);margin:0}.wsg-subj-topic{font-size:12px;color:var(--text-sub, #6E6A80);margin:2px 0 0;font-weight:600}.wsg-check{font-size:20px}.wsg-subj-arrow{font-size:16px;color:#bbb}.wsg-actions{display:flex;gap:10px;justify-content:center;padding:16px}.wsg-print-btn{padding:12px 32px;font-size:16px;font-weight:800;background:var(--accent, #7C4DFF);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif}.wsg-reset-btn{padding:12px 24px;font-size:14px;font-weight:700;background:var(--card-bg, #fff);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E8E4DC);border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif}.wsg-score-bar{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 16px;margin:0 16px 12px;background:#f0fdf4;border:2px solid #86EFAC;border-radius:14px}.wsg-score-label{font-size:13px;font-weight:700;color:#166534}.wsg-score-input{width:60px;padding:8px;font-size:18px;font-weight:800;text-align:center;border:2px solid #86EFAC;border-radius:10px;font-family:Nunito,sans-serif;background:var(--card-bg, #fff);color:var(--text, #1C1917)}.wsg-score-total{font-size:14px;font-weight:700;color:var(--text-sub, #6E6A80)}.wsg-score-btn{padding:8px 16px;font-size:14px;font-weight:800;background:#22c55e;color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.wsg-worksheet{max-width:700px;margin:0 auto 20px;padding:32px;background:var(--card-bg, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014}.wsg-ws-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px dashed #ccc}.wsg-ws-title{font-size:22px;font-weight:900;color:var(--text, #1C1917);margin:0 0 8px}.wsg-ws-info{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:14px;color:#555}.wsg-ws-grid{display:grid;gap:12px 24px}.wsg-cols-1{grid-template-columns:1fr}.wsg-cols-2{grid-template-columns:1fr 1fr}.wsg-ws-problem{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px dotted #ddd;font-size:18px;font-weight:600;color:var(--text, #1C1917)}.wsg-ws-num{font-size:14px;color:#999;min-width:28px;font-weight:700}.wsg-ws-q{font-size:16px;font-weight:700;letter-spacing:.5px}.wsg-ws-answer .wsg-ws-q,.wsg-ws-answer strong{color:#2e7d32}.wsg-eng-grid{display:flex;flex-direction:column;gap:14px}.wsg-eng-problem{padding:10px 0;border-bottom:1px dotted #ddd}.wsg-eng-q{display:flex;gap:8px;font-size:15px;font-weight:600;color:var(--text, #1C1917);margin-bottom:6px}.wsg-eng-options{display:flex;gap:12px;flex-wrap:wrap;padding-left:36px}.wsg-eng-opt{font-size:13px;color:#555;font-weight:600;padding:4px 12px;background:#f8f5ff;border-radius:8px;border:1px solid #E5DCFF}.wsg-ws-answer .wsg-eng-opt{display:none}.wsg-mix-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.wsg-mix-title{font-size:16px;font-weight:800;color:var(--accent, #7C4DFF);margin:0 0 12px}.wsg-answer-key{border-top:2px dashed #ccc}.wsg-answer-section{margin-top:24px;padding-top:16px;border-top:2px dashed #ccc}.wsg-ak-section{font-size:14px;font-weight:800;color:var(--text, #1C1917);margin:12px 0 6px}.wsg-ak-block{margin-bottom:12px}.wsg-ak-answers{display:flex;flex-wrap:wrap;gap:8px 16px}.wsg-ak-item{font-size:13px;color:#2e7d32}.wsg-ws-footer{text-align:center;margin-top:24px;font-size:11px;color:#bbb}@media print{.no-print{display:none!important}body{margin:0;padding:0;background:#fff}.wsg-root{background:#fff;min-height:auto}.wsg-worksheet{box-shadow:none;border-radius:0;padding:20mm 15mm;margin:0;max-width:100%;page-break-inside:avoid}.wsg-answer-key,.wsg-answer-section{page-break-before:always}.wsg-ws-problem{font-size:16px;padding:6px 8px}.wsg-ws-title{font-size:22px}.wsg-ws-footer{font-size:10px}.hub,.hub-footer,.game-screen>*:not(.wsg-root){display:none!important}}.sm-root{min-height:100vh;background:var(--bg, #FAFAF7);font-family:Nunito,sans-serif}.sm-header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--header-bg, #fff);border-bottom:3px solid var(--header-border, #E8E4DC);position:sticky;top:0;z-index:10}.sm-back{padding:7px 14px;font-size:14px;font-weight:700;background:var(--input-bg, #F5F3F0);color:var(--accent, #7C4DFF);border:2px solid var(--card-border, #E8E4DC);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif}.sm-title{font-size:20px;font-weight:900;color:var(--text, #1C1917)}.sm-content{padding:16px;max-width:520px;margin:0 auto}.sm-overall{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:var(--card-bg, #fff);border-radius:20px;box-shadow:0 2px 12px #0000000f}.sm-ring-wrap{position:relative;width:110px;height:110px;flex-shrink:0}.sm-ring{width:100%;height:100%}.sm-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.sm-ring-pct{display:block;font-size:28px;font-weight:900;color:var(--text, #1C1917)}.sm-ring-label{display:block;font-size:10px;font-weight:700;color:var(--text-sub, #6E6A80)}.sm-overall-stats{display:flex;flex-direction:column;gap:8px}.sm-stat{display:flex;align-items:baseline;gap:6px}.sm-stat-num{font-size:24px;font-weight:900;color:var(--text, #1C1917)}.sm-stat-label{font-size:12px;font-weight:600;color:var(--text-sub, #6E6A80)}.sm-section-title{font-size:15px;font-weight:800;color:var(--text, #1C1917);margin:20px 0 10px}.sm-subjects{display:flex;flex-direction:column;gap:10px}.sm-subj-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E8E4DC);border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;text-align:left;width:100%;border-left:5px solid var(--subj-color);transition:all .15s}.sm-subj-card:hover{transform:scale(1.01);box-shadow:0 4px 16px #00000014}.sm-subj-icon{font-size:28px}.sm-subj-info{flex:1}.sm-subj-name{font-size:16px;font-weight:800;color:var(--text, #1C1917);margin:0 0 6px}.sm-subj-bar{height:8px;background:var(--card-border, #E5E7EB);border-radius:4px;overflow:hidden;margin-bottom:4px}.sm-subj-fill{height:100%;border-radius:4px;transition:width .5s ease;min-width:2px}.sm-subj-stat{font-size:11px;font-weight:600;color:var(--text-sub, #6E6A80)}.sm-subj-pct{font-size:20px;font-weight:900}.sm-subj-arrow{font-size:16px;color:#bbb}.sm-subj-progress{padding:16px 20px}.sm-progress-bar{height:12px;background:var(--card-border, #E5E7EB);border-radius:6px;overflow:hidden;margin-bottom:8px}.sm-progress-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:2px}.sm-progress-stats{display:flex;gap:16px;font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80)}.sm-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 20px}@media (max-width: 420px){.sm-topic-grid{grid-template-columns:1fr}}.sm-topic-card{padding:14px;background:var(--card-bg, #fff);border-radius:14px;border:2px solid var(--card-border, #E8E4DC);transition:all .15s}.sm-level-4,.sm-level-5{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.sm-topic-top{display:flex;align-items:center;gap:10px}.sm-topic-icon{font-size:24px}.sm-topic-info{flex:1}.sm-topic-name{font-size:13px;font-weight:800;color:var(--text, #1C1917);margin:0}.sm-topic-level{font-size:11px;font-weight:700}.sm-topic-pct{font-size:18px;font-weight:900}.sm-topic-dots{display:flex;gap:4px;margin-top:8px}.sm-dot{width:10px;height:10px;border-radius:50%}.sm-dot-empty{background:var(--card-border, #E5E7EB)}.sm-topic-hint{font-size:10px;color:var(--text-muted, #9CA3AF);margin-top:6px;display:block}.sm-weak-list{display:flex;flex-direction:column;gap:6px}.sm-weak-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff7ed;border:1px solid #FED7AA;border-radius:12px}.sm-weak-icon{font-size:18px}.sm-weak-name{flex:1;font-size:13px;font-weight:700;color:var(--text, #1C1917)}.sm-weak-pct{font-size:14px;font-weight:800}.sm-weak-level{font-size:11px;font-weight:600;color:var(--text-sub, #6E6A80)}.sm-recent-list{display:flex;flex-direction:column;gap:6px}.sm-recent-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:12px}.sm-recent-icon{font-size:18px}.sm-recent-name{flex:1;font-size:13px;font-weight:700;color:var(--text, #1C1917)}.sm-recent-badge{font-size:12px;font-weight:700;color:#22c55e}.sm-legend{margin-top:24px;padding:14px;background:var(--input-bg, #F5F3FF);border-radius:12px;border:1px solid var(--card-border, #E5DCFF)}.sm-legend-title{font-size:12px;font-weight:800;color:var(--text-sub, #6E6A80);margin:0 0 8px}.sm-legend-items{display:flex;flex-wrap:wrap;gap:8px 16px}.sm-legend-item{font-size:12px;font-weight:700}.wr-root{min-height:100vh;background:var(--bg, #F0ECFF);font-family:Nunito,sans-serif;padding-bottom:40px}.wr-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card-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)}.wr-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}.wr-title{font-size:20px;font-weight:900;color:var(--text, #1C1833)}.wr-week-selector{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px 8px}.wr-week-btn{padding:8px 18px;font-size:13px;font-weight:800;border:2px solid var(--card-border, #D0C4FF);border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;background:var(--card-bg, #fff);color:var(--text-sub, #6E6A80);transition:all .15s}.wr-week-btn.active{background:#7c4dff;color:#fff;border-color:var(--accent, #7C4DFF)}.wr-week-range{font-size:13px;font-weight:700;color:var(--text-muted, #9B97B0);text-align:center;padding:4px 24px 16px}.wr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 20px}.wr-stat-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:4px solid var(--card-shadow-color, #D0C4FF)}.wr-stat-icon{font-size:26px}.wr-stat-num{font-size:26px;font-weight:900;color:var(--text, #1C1833)}.wr-stat-label{font-size:11px;font-weight:700;color:var(--text-sub, #6E6A80);text-transform:uppercase;letter-spacing:.5px}.wr-section{padding:0 24px;margin-bottom:24px}.wr-section-title{font-size:16px;font-weight:900;color:var(--text, #1C1833);margin-bottom:12px}.wr-chart-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:20px 16px 14px}.wr-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:120px;padding:0 4px}.wr-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.wr-bar-value{font-size:11px;font-weight:800;color:var(--text-sub, #6E6A80);min-height:16px}.wr-bar{width:100%;border-radius:6px 6px 0 0;min-height:4px;transition:height .3s;position:relative}.wr-bar.green{background:linear-gradient(180deg,#52b788,#40916c)}.wr-bar.gray{background:linear-gradient(180deg,#d0c4ff,#b8abee)}.wr-bar.empty{background:var(--bg, #F0ECFF);min-height:4px}.wr-bar.today{box-shadow:0 0 0 2px #7c4dff}.wr-bar-day{font-size:11px;font-weight:800;color:var(--text-muted, #9B97B0);margin-top:2px}.wr-bar-day.today-label{color:var(--accent, #7C4DFF)}.wr-chart-legend{display:flex;gap:16px;justify-content:center;margin-top:14px;padding-top:12px;border-top:1px solid #F0ECFF}.wr-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-sub, #6E6A80)}.wr-legend-dot{width:10px;height:10px;border-radius:3px}.wr-legend-dot.green{background:#52b788}.wr-legend-dot.gray{background:#d0c4ff}.wr-subjects{display:flex;flex-direction:column;gap:8px}.wr-subject-row{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:14px;padding:12px 16px}.wr-subject-emoji{font-size:22px;flex-shrink:0}.wr-subject-info{flex:1;display:flex;flex-direction:column;gap:4px}.wr-subject-name{font-size:14px;font-weight:800;color:var(--text, #1C1833)}.wr-subject-detail{font-size:11px;font-weight:700;color:var(--text-muted, #9B97B0)}.wr-subject-bar-bg{height:8px;background:var(--bg, #F0ECFF);border-radius:4px;overflow:hidden}.wr-subject-bar-fill{height:100%;border-radius:4px;transition:width .3s;min-width:2px}.wr-subject-stats{text-align:right;flex-shrink:0;min-width:60px}.wr-subject-rate{font-size:16px;font-weight:900;color:var(--accent, #7C4DFF);display:block}.wr-subject-trend{font-size:12px;font-weight:700}.wr-subject-trend.up{color:#52b788}.wr-subject-trend.down{color:#ff6b6b}.wr-subject-trend.same{color:var(--text-muted, #9B97B0)}.wr-hw-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px}.wr-hw-avg{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--card-border, #F0ECFF)}.wr-hw-avg-label{font-size:13px;font-weight:700;color:var(--text-sub, #6E6A80)}.wr-hw-avg-value{font-size:22px;font-weight:900;color:var(--accent, #7C4DFF)}.wr-hw-avg-compare{font-size:11px;font-weight:700;margin-left:8px}.wr-hw-avg-compare.up{color:#52b788}.wr-hw-avg-compare.down{color:#ff6b6b}.wr-hw-avg-compare.same{color:var(--text-muted, #9B97B0)}.wr-hw-days{display:flex;flex-direction:column;gap:6px}.wr-hw-day-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.wr-hw-day-label{width:36px;color:var(--text-muted, #9B97B0);font-size:12px;flex-shrink:0}.wr-hw-day-bar-bg{flex:1;height:8px;background:var(--bg, #F0ECFF);border-radius:4px;overflow:hidden}.wr-hw-day-bar-fill{height:100%;border-radius:4px;transition:width .3s}.wr-hw-day-score{font-size:12px;color:var(--text, #1C1833);font-weight:800;width:50px;text-align:right}.wr-hw-day-time{font-size:11px;color:var(--text-muted, #9B97B0);width:40px;text-align:right}.wr-hw-none{font-size:12px;color:var(--text-muted, #9B97B0);text-align:center;padding:8px}.wr-brain-card{background:var(--card-bg, #fff);border:2px solid var(--card-border, #E5DCFF);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.wr-brain-row{display:flex;align-items:center;gap:10px}.wr-brain-name{width:80px;font-size:13px;font-weight:800;color:var(--text, #1C1833);flex-shrink:0}.wr-brain-bar-bg{flex:1;height:10px;background:var(--bg, #F0ECFF);border-radius:5px;overflow:hidden}.wr-brain-bar-fill{height:100%;border-radius:5px;transition:width .3s;min-width:2px}.wr-brain-level{font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80);white-space:nowrap;min-width:100px;text-align:right}.wr-weak-card{background:#fff9f0;border:2px solid #ffe0b2;border-radius:14px;padding:14px 16px}.wr-weak-title{font-size:13px;font-weight:800;color:#e65100;margin-bottom:8px}.wr-weak-item{font-size:13px;font-weight:700;color:var(--text-sub, #6E6A80);padding:4px 0}.wr-weak-item .wr-weak-pct{color:#ff6b6b;font-weight:800}.wr-share-wrap{padding:0 24px;margin-bottom:24px}.wr-share-btn{width:100%;padding:14px;font-size:14px;font-weight:800;background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;border-radius:14px;cursor:pointer;font-family:Nunito,sans-serif;box-shadow:0 4px 12px #7c4dff4d;transition:transform .1s,box-shadow .1s}.wr-share-btn:active{transform:scale(.98);box-shadow:0 2px 6px #7c4dff4d}.wr-share-copied{background:#52b788;box-shadow:0 4px 12px #52b7884d}.wr-empty{font-size:14px;color:var(--text-muted, #9B97B0);text-align:center;padding:24px}@media print{.wr-root{background:var(--card-bg, #fff)}.wr-header{position:static;box-shadow:none;border-bottom:2px solid #E5DCFF}.wr-back,.wr-share-wrap,.wr-week-selector{display:none}.wr-stat-card,.wr-chart-card,.wr-subject-row,.wr-hw-card,.wr-brain-card,.wr-weak-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.wr-bar,.wr-subject-bar-fill,.wr-hw-day-bar-fill,.wr-brain-bar-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.wr-best-cards{display:flex;gap:8px;flex-wrap:wrap}.wr-best-card{flex:1;min-width:90px;padding:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86EFAC;border-radius:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.wr-best-emoji{font-size:24px}.wr-best-name{font-size:11px;font-weight:700;color:#166534}.wr-best-rate{font-size:18px;font-weight:900;color:#15803d}.wr-games-list{display:flex;flex-direction:column;gap:6px}.wr-game-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--card-border, #E5DCFF)}.wr-game-emoji{font-size:20px;flex-shrink:0}.wr-game-info{flex:1}.wr-game-name{font-size:13px;font-weight:700;color:var(--text, #1C1833);display:block;margin-bottom:4px}.wr-game-stats{text-align:right;flex-shrink:0}.wr-game-wr{font-size:16px;font-weight:900;color:var(--text, #1C1833);display:block}.wr-game-detail{font-size:10px;color:var(--text-sub, #6E6A80);font-weight:600}.wr-unplayed{display:flex;flex-wrap:wrap;gap:6px}.wr-unplayed-chip{padding:6px 12px;font-size:12px;font-weight:700;color:var(--text-sub, #6E6A80);background:var(--input-bg, #F4F0FF);border:1px solid var(--card-border, #E5DCFF);border-radius:20px}@media (max-width: 480px){.wr-summary{grid-template-columns:repeat(3,1fr);gap:8px}.wr-stat-card{padding:12px 8px}.wr-stat-num,.wr-stat-icon{font-size:22px}.wr-chart{height:100px}}:root,[data-theme=light],[data-color=purple]{--bg: #FAFAF7;--bg-gradient: linear-gradient(160deg, #FAFAF7 0%, #F5F0E8 100%);--card-bg: #FFFFFF;--card-border: #E8E4DC;--card-shadow-color: #DDD8CE;--text: #1C1917;--text-sub: #78716C;--text-muted: #A8A29E;--header-bg: #FFFFFF;--header-border: #E8E4DC;--input-bg: #FAF9F6;--input-border: #D6D3CD;--section-accent: #7C4DFF;--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:12px 20px;background:linear-gradient(135deg,var(--header-bg),var(--bg));border-bottom:2px solid var(--header-border);flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #0000000f}.hub-title{display:flex;align-items:center;gap:8px}.hub-logo{font-size:28px}.hub-title h1{font-size:17px;font-weight:900;color:var(--text)}.hub-sub{font-size:10px;color:var(--section-accent);font-weight:700}.hub-brand{position:absolute;left:50%;transform:translate(-50%);font-size:22px;font-weight:900;color:var(--accent, #7C4DFF);letter-spacing:-.5px;text-shadow:0 1px 2px rgba(124,77,255,.15);pointer-events:none}@media (max-width: 600px){.hub-brand{position:static;transform:none;font-size:16px;margin-left:auto}}.hub-header-right{display:flex;align-items:center;gap:6px}.streak-badge{display:flex;align-items:center;gap:3px;background:#fff0f0;border-radius:14px;padding:4px 10px;border:1px solid #FF6B6B}.streak-fire{font-size:12px}.streak-num{font-size:14px;font-weight:900;color:#e03131}.streak-label{font-size:9px;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:4px;background:#fff8e0;border-radius:14px;padding:4px 10px;border:1px solid #FFD166}[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:14px}.star-count{font-size:14px;font-weight:900;color:#c80}.star-label{font-size:9px;font-weight:700;color:#a70}.hub-categories{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0}.hub-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;border:none;border-radius:24px;cursor:pointer;font-family:Nunito,sans-serif;text-align:center;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;animation:cardPop .4s ease-out both;color:#fff}.hub-cat-card:nth-child(1){background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 6px #be123c,0 8px 24px #e11d484d;animation-delay:0s}.hub-cat-card:nth-child(2){background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 6px #1d4ed8,0 8px 24px #2563eb4d;animation-delay:.08s}.hub-cat-card:nth-child(3){background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 6px #047857,0 8px 24px #0596694d;animation-delay:.16s}.hub-cat-card:nth-child(4){background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 6px #7c3aed,0 8px 24px #8b5cf64d;animation-delay:.24s}.hub-cat-card:nth-child(5){background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 6px #d97706,0 8px 24px #f59e0b4d;animation-delay:.32s}.hub-cat-card.learn-0{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;box-shadow:0 6px #d97706,0 8px 24px #f59e0b4d!important}.hub-cat-card.learn-1{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;box-shadow:0 6px #1d4ed8,0 8px 24px #2563eb4d!important}.hub-cat-card.learn-2{background:linear-gradient(135deg,#dc2626,#f87171)!important;box-shadow:0 6px #b91c1c,0 8px 24px #dc26264d!important}.hub-cat-card.learn-3{background:linear-gradient(135deg,#0d9488,#34d399)!important;box-shadow:0 6px #047857,0 8px 24px #0d94884d!important}.hub-cat-card:hover{transform:translateY(-4px) scale(1.02)}.hub-cat-card:active{transform:translateY(3px);box-shadow:none}.hub-cat-card:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:#ffffff1f}.hub-cat-card:after{content:"";position:absolute;bottom:-15px;left:-15px;width:60px;height:60px;border-radius:50%;background:#ffffff14}@keyframes cardPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hub-cat-icon{font-size:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));animation:iconBounce 2s ease-in-out infinite;position:relative;z-index:1}.hub-cat-card:nth-child(1) .hub-cat-icon{animation-delay:0s}.hub-cat-card:nth-child(2) .hub-cat-icon{animation-delay:.5s}.hub-cat-card:nth-child(3) .hub-cat-icon{animation-delay:1s}.hub-cat-card:nth-child(4) .hub-cat-icon{animation-delay:1.5s}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hub-cat-info{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.hub-cat-title{font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.15)}.hub-cat-sub{font-size:10px;font-weight:600;color:#fffc;line-height:1.3}.hub-cat-count{font-size:11px;font-weight:900;color:#fff;background:#ffffff40;padding:3px 10px;border-radius:10px;position:relative;z-index:1}.hub-cat-arrow{position:absolute;top:10px;right:10px;font-size:12px;color:#ffffff80;z-index:1}.hub-section-back{display:block;margin-bottom:12px;padding:8px 18px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;background:var(--card-bg);color:var(--accent);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;width:fit-content}.hub-section-back:hover{background:var(--input-bg)}.hub-today-summary{display:flex;align-items:center;gap:8px;margin:8px 20px 0;padding:10px 14px;background:linear-gradient(135deg,#2563eb14,#7c3aed14);border:1px solid var(--card-border);border-radius:14px;font-size:12px;font-weight:600;color:var(--text-sub)}.hub-today-summary.empty{color:var(--text-muted);background:var(--card-bg)}.hub-today-summary strong{color:var(--text);font-weight:900}.hub-today-date{font-size:10px;font-weight:900;color:var(--accent);background:var(--input-bg);padding:3px 8px;border-radius:8px;white-space:nowrap}.hub-today-text{flex:1}.hub-recommend{display:flex;align-items:center;gap:10px;margin:8px 20px 0;padding:12px 16px;background:linear-gradient(135deg,#7c4dff1a,#a78bfa1a);border:2px solid var(--accent, #7C4DFF);border-radius:14px;cursor:pointer;transition:all .15s;animation:recSlide .3s ease}.hub-recommend:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c4dff26}.hub-recommend:active{transform:scale(.98)}@keyframes recSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.hub-rec-icon{font-size:24px;flex-shrink:0}.hub-rec-body{flex:1;min-width:0}.hub-rec-title{display:block;font-size:13px;font-weight:800;color:var(--text, #1C1833)}.hub-rec-sub{display:block;font-size:11px;font-weight:600;color:var(--text-sub, #6E6A80)}.hub-rec-arrow{font-size:14px;color:var(--accent, #7C4DFF);font-weight:900;flex-shrink:0}.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(260px,1fr));gap:12px}.game-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--card-tint, #F0ECFF),var(--card-bg, #fff));border:none;border-radius:20px;border-left:5px solid var(--card-color, #7C4DFF);padding:16px 14px;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #0000000f;animation:cardSlide .35s ease-out both;position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;top:-30px;right:-30px;width:70px;height:70px;border-radius:50%;background:var(--card-color, #7C4DFF);opacity:.06;transition:transform .3s}.game-card:hover:after{transform:scale(1.8)}.game-card:nth-child(1){animation-delay:0s}.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}.game-card:nth-child(6){animation-delay:.25s}.game-card:nth-child(7){animation-delay:.3s}.game-card:nth-child(8){animation-delay:.35s}@keyframes cardSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.game-card:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px) scale(1.01)}.game-card:active{transform:translateY(1px) scale(.99)}.card-emoji-wrap{width:48px;height:48px;border-radius:14px;background:var(--card-color, #7C4DFF);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s;box-shadow:0 3px 8px #00000026}.game-card:hover .card-emoji-wrap{transform:scale(1.12) rotate(-8deg)}.card-emoji{font-size:24px;filter:brightness(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.1))}.card-body{flex:1;position:relative;z-index:1}.card-title{font-size:15px;font-weight:900;color:var(--card-color);margin-bottom:2px}.card-desc{font-size:11px;color:var(--text-sub);font-weight:600;margin-bottom:5px}.card-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-diff{font-size:10px;font-weight:800;color:var(--card-color);background:#0000000a;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:14px;color:var(--card-color);opacity:.4;transition:transform .2s,opacity .2s;position:relative;z-index:1}.game-card:hover .card-arrow{opacity:1;transform:translate(4px)}.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:2px;justify-content:space-around;background:var(--card-bg);border:2px solid var(--card-border);border-radius:24px;padding:4px 6px;box-shadow:0 -2px 20px #00000014}.hub-nav-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;font-family:Nunito,sans-serif;transition:all .15s;flex:1;min-width:0}.hub-nav-btn:hover{background:var(--input-bg);border-color:var(--card-border)}.hub-nav-btn:active{transform:translateY(1px)}.hub-nav-icon{font-size:18px}.hub-nav-label{font-size:9px;font-weight:800;color:var(--accent, #7C4DFF);white-space:nowrap}.screentime-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screentime-popup{background:var(--card-bg, #fff);border-radius:24px;padding:32px 28px;text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px #0000004d}.screentime-icon{font-size:56px;display:block;margin-bottom:12px}.screentime-popup h2{font-size:1.4rem;color:#e11d48;margin:0 0 8px}.screentime-popup p{font-size:.95rem;color:#555;margin:4px 0;line-height:1.4}.screentime-actions{margin-top:20px}.screentime-btn-ok{background:linear-gradient(135deg,#7c4dff,#a78bfa);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;width:100%}.screentime-btn-ok:active{transform:scale(.97)}.screentime-note{font-size:.75rem!important;color:#999!important;margin-top:12px!important}.op-focus-picker{width:100%;max-width:360px;margin:10px auto 14px;padding:10px;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 12px #0000002e}.op-focus-label{font-size:.85rem;font-weight:700;color:#1f2937;margin-bottom:6px;text-align:center}.op-focus-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.op-focus-btn{flex:1 1 56px;min-width:56px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;color:#374151;transition:transform .1s,border-color .15s,box-shadow .15s}.op-focus-btn:hover{transform:translateY(-1px)}.op-focus-btn.active{border-color:#f59e0b;background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f;box-shadow:0 2px 8px #f59e0b66}.op-focus-emoji{font-size:1.2rem}.op-focus-text{font-size:.7rem}