:root{--primary: #4ECDC4;--secondary: #FF6B6B;--accent: #FFE66D;--bg-start: #a8edea;--bg-end: #fed6e3}body{margin:0;font-family:Nunito,Comic Sans MS,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f0f9ff}.bg-app-gradient{background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 100%);background-attachment:fixed}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f26871a;border-radius:24px}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#2baba2);color:#fff;font-weight:700;border-radius:999px;border:none;box-shadow:0 4px 15px #4ecdc466;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 20px #4ecdc499;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#ff6b6b;font-weight:700;border-radius:999px;border:2px solid #FF6B6B;box-shadow:0 4px 15px #ff6b6b33;transition:all .2s ease}.btn-secondary:hover{background:#fff0f0;transform:translateY(-2px)}.icon-btn{background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff80}.topic-card{border-radius:24px;padding:24px;box-shadow:0 10px 20px #0000000d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:rotate(45deg)}.topic-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px #00000026}.quiz-option{width:100%;padding:16px 24px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;color:#4a5568;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;text-align:left}.quiz-option:hover:not(:disabled){border-color:#4ecdc4;background:#f0fdfa}.quiz-option.selected{border-color:#4ecdc4;background:#e6fffa;box-shadow:0 0 0 4px #4ecdc433}.quiz-option.correct{border-color:#48bb78;background:#f0fff4;color:#276749}.quiz-option.wrong{border-color:#f56565;background:#fff5f5;color:#c53030}.font-handwriting{font-family:Comic Sans MS,Chalkboard SE,cursive}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff9}