:root{--color-primary: #FF5400;--color-bg: #FFFFFF;--color-surface: #F4F3F8;--color-surface-error: #FFE6EE;--color-surface-correct: #E6FFF4;--color-surface-correct-dark: #C0F0DB;--color-surface-amber: #FFF0E6;--color-surface-indigo: #EAE6FF;--color-surface-indigo-soft: #F3F0FF;--color-correct: #00C170;--color-correct-dark: #009955;--color-incorrect: #FF0054;--color-indigo: #390099;--color-amber: #FF5400;--color-warning: #FFBD00;--color-border: #E0DEE8;--color-text-primary: #1A0040;--color-text-secondary: #6B6880;--color-text-muted: #9B98A8;--color-white: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;background:var(--color-bg);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.4;color:var(--color-text-primary);-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100dvh}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;outline:none;background:none}a{text-decoration:none;color:inherit}.screen{width:100%;max-width:390px;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column}.screen-content{display:flex;flex-direction:column;gap:24px;padding:8px 24px 32px;flex:1}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;border-radius:28px;background:var(--color-primary);color:var(--color-white);font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;border:none;cursor:pointer}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;border-radius:28px;background:var(--color-surface);color:var(--color-text-primary);font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;border:1px solid var(--color-border);cursor:pointer}.topic-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.topic-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.loading-dots{display:flex;align-items:center;gap:8px;margin-top:8px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:loading-dot-pulse .9s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.16s}.loading-dot:nth-child(3){animation-delay:.32s}@keyframes loading-dot-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none;opacity:.6}}