body,html{padding:0!important;margin:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0a0e13!important;min-height:100vh!important;color:#e5e7eb!important}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(74,222,128,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(74,222,128,.04),transparent 60%),#0a0e13!important}#__next{min-height:100vh}#__next,.chakra-ui-dark,.chakra-ui-light{background:transparent!important}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.hangul-display{font-family:Malgun Gothic,Apple SD Gothic Neo,Noto Sans CJK KR,sans-serif}.glass-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.35)}.glass-hover:hover{background:rgba(255,255,255,.07);box-shadow:0 12px 40px rgba(0,0,0,.45);transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse-animation{animation:pulse 2s ease-in-out infinite}input::placeholder{color:rgba(156,163,175,.6);opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slide-up{animation:slideUp .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}.interactive-element{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.interactive-element:hover{transform:translateY(-2px);filter:brightness(1.1)}.gradient-text{background:linear-gradient(90deg,#4ade80,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.focus-visible{outline:2px solid rgba(74,222,128,.5);outline-offset:2px;border-radius:8px}.glass-button{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px rgba(0,0,0,.35)}.glass-button:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-header{background:rgba(10,14,19,.75);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px rgba(0,0,0,.35)}@media (max-width:768px){.container{padding:1rem}.hangul-display{font-size:3rem!important}.glass-card{margin:8px;border-radius:16px}}@media (max-width:480px){.glass-card{margin:4px;padding:16px}}.study-screen{background:#0a0e13}.study-card{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.4,0,.2,1)}.study-card:hover{background:rgba(255,255,255,.06);box-shadow:0 12px 40px rgba(0,0,0,.45);transform:translateY(-2px)}.correct-card{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.35);box-shadow:0 0 30px rgba(74,222,128,.15);animation:correctPulse .6s ease-in-out}.incorrect-card{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.35);box-shadow:0 0 30px rgba(248,113,113,.12);animation:incorrectShake .6s ease-in-out}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.progress-glow{box-shadow:0 0 16px rgba(74,222,128,.25)}