*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f2027;--bg-secondary: #1a3a2e;--bg-card: #ffffff;--bg-page: #f0f4f1;--accent: #00d4aa;--accent-dark: #00a882;--text-primary: #1a1a1a;--text-secondary: #666666;--text-on-dark: #ffffff;--text-accent: #00d4aa;--border: #e0ebe5}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.fade-up{animation:fadeUp .4s ease forwards}.fade-in{animation:fadeIn .3s ease forwards}.count-up{animation:countUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.stagger-1{animation:fadeUp .4s ease .05s forwards;opacity:0}.stagger-2{animation:fadeUp .4s ease .12s forwards;opacity:0}.stagger-3{animation:fadeUp .4s ease .19s forwards;opacity:0}.stagger-4{animation:fadeUp .4s ease .26s forwards;opacity:0}.stagger-5{animation:fadeUp .4s ease .33s forwards;opacity:0}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00d4aa26}.btn-primary{background:var(--bg-primary);color:var(--text-accent);border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}.btn-primary:hover{background:var(--bg-secondary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--accent);color:var(--bg-primary);border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px)}.passage{background:#e8f5f1;border-left:4px solid var(--accent);padding:16px 20px;border-radius:0 8px 8px 0;font-size:15px;line-height:2;color:#2a4a3e;margin-bottom:16px;white-space:pre-wrap}.question-content{font-size:15px;line-height:1.8;font-weight:700;margin-bottom:16px;color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f4f1}::-webkit-scrollbar-thumb{background:#00d4aa44;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4aa88}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes char-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sword-glow{0%,to{filter:drop-shadow(0 0 3px #e09b3d);transform:translateY(0)}50%{filter:drop-shadow(0 0 10px #ffcc44);transform:translateY(-4px)}}@keyframes magic-pulse{0%,to{filter:drop-shadow(0 0 6px #aa44ff) drop-shadow(0 0 12px #6600cc);transform:translateY(0)}50%{filter:drop-shadow(0 0 16px #cc88ff) drop-shadow(0 0 24px #aa44ff);transform:translateY(-5px)}}@media (max-width: 768px){input,select,textarea{font-size:16px!important}}.tabbar{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabbar::-webkit-scrollbar{display:none}.ranking-grid{display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:20px}.ranking-grid>div{flex:1;min-width:0}