*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}*{scrollbar-width:thin;scrollbar-color:#1E8FDB #e2edf8}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#e2edf8;border-radius:8px}*::-webkit-scrollbar-thumb{background:#1e8fdb;border-radius:8px;border:2px solid #e2edf8}*::-webkit-scrollbar-thumb:hover{background:#1468b5}html,body,#root{width:100%}html{overflow-x:hidden}body{overflow-x:hidden;overflow-y:scroll}#root{min-height:100vh}body{background:linear-gradient(135deg,#e3f2fd,#bbdefb 35%,#90caf9);background-attachment:fixed;color:#0d1b2a}.screen-container{padding:24px;width:100%;min-height:100vh}.page-title,.app-title{font-size:36px;font-weight:800;margin-bottom:20px;background:linear-gradient(90deg,#0d47a1,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-text{font-size:20px;margin-bottom:30px;font-weight:600}.back-button{width:46px;height:46px;background:#fffc;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:20px}.back-button:hover{background:#fff;transform:scale(1.08)}.category-grid{display:flex;flex-wrap:wrap;gap:16px}.category-card{background:#ffffffb3;padding:18px 20px;border-radius:18px;font-weight:700;min-width:160px;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 4px 10px #00000026;transition:.25s ease}.category-card:hover{transform:translateY(-5px);background:#fff}.primary-button{width:100%;padding:14px;background:#0d47a1;color:#fff;font-size:18px;border-radius:14px;border:none;margin-bottom:12px;cursor:pointer;transition:.25s}.primary-button:hover{background:#1565c0}.secondary-button{width:100%;padding:14px;background:#fffc;border-radius:14px;border:none;font-size:18px;cursor:pointer;transition:.25s}.secondary-button:hover{background:#fff}.footer-hint{margin-top:40px;font-size:16px;opacity:.8;text-align:center}.stat-badge{background:#ffffffa6;padding:10px 15px;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:700;display:flex;align-items:center;gap:6px}.answer-btn{padding:18px;background:#ffffffb3;border-radius:16px;border:none;font-size:20px;font-weight:700;width:100%;transition:.25s;cursor:pointer}.answer-btn:hover{background:#fff;transform:scale(1.02)}.answer-btn.correct{background:#a5d6a7;box-shadow:0 0 10px #2e7d3280}.answer-btn.wrong{background:#ef9a9a;box-shadow:0 0 10px #b71c1c80}.sea-fraction{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 3px;line-height:1;font-weight:inherit}.sea-frac-num{font-size:.78em;line-height:1.2;padding-bottom:1px;border-bottom:1.5px solid currentColor;min-width:1.1em;text-align:center;display:block}.sea-frac-den{font-size:.78em;line-height:1.2;padding-top:1px;min-width:1.1em;text-align:center;display:block}.sea-frac-line{display:none}.sea-fraction-wrap{display:inline-flex;align-items:center;gap:2px}.sea-radical{display:inline-flex;align-items:flex-start;vertical-align:middle;font-weight:inherit;line-height:1}.sea-rad-glyph{display:inline-block;width:.78em;height:1.15em;flex-shrink:0}.sea-rad-glyph svg{display:block;width:100%;height:100%;overflow:visible}.sea-rad-content{display:inline-block;border-top:1.5px solid currentColor;padding:1px 4px 0 2px;margin-left:0;font-weight:inherit}.sea-rad-frac{flex-direction:column;align-items:center;margin:0 3px}.sea-rad-frac .sea-frac-num,.sea-rad-frac .sea-frac-den{display:flex;align-items:center;justify-content:center}.sea-rad-frac>.sea-frac-num .sea-rad-content{border-top:1.5px solid currentColor;padding-top:2px}.sea-rad-frac>.sea-frac-num .sea-rad-glyph{height:1.1em;width:.75em}.sea-rad-frac>.sea-frac-num{padding-bottom:2px}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;font-style:italic}