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;min-height:100vh!important;color:#1f2937!important}body,html{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1)!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,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.glass-hover:hover{background:rgba(255,255,255,.35);box-shadow:0 32px 64px -12px rgba(0,0,0,.35);transform:translateY(-4px);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 shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.glass-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0));background-size:200px 100%;animation:shimmer 2s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse-animation{animation:pulse 2s ease-in-out infinite}input::placeholder{color:rgba(107,114,128,.7);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(-3px);filter:brightness(1.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text{background:linear-gradient(-45deg,#4f46e5,#7c3aed,#ec4899,#f59e0b,#10b981,#3b82f6,#8b5cf6);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.focus-visible{outline:2px solid rgba(79,70,229,.5);outline-offset:2px;border-radius:8px}.glass-button{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.glass-button:hover{background:rgba(255,255,255,.35);transform:translateY(-2px);box-shadow:0 12px 40px -5px rgba(0,0,0,.15)}.glass-button:active{transform:translateY(0)}.glass-header{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px 0 rgba(0,0,0,.1)}@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:linear-gradient(135deg,#f1f5f9,#e2e8f0 25%,#cbd5e1 50%,#94a3b8 75%,#64748b);animation:studyGradientShift 25s ease-in-out infinite}@keyframes studyGradientShift{0%,to{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 25%,#cbd5e1 50%,#94a3b8 75%,#64748b)}50%{background:linear-gradient(135deg,#e0e7ff,#c7d2fe 25%,#a5b4fc 50%,#818cf8 75%,#6366f1)}}.study-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.study-card:hover{background:rgba(255,255,255,.95);box-shadow:0 25px 50px rgba(0,0,0,.15);transform:translateY(-2px)}.correct-card{background:rgba(74,222,128,.2);border:2px solid rgba(74,222,128,.4);box-shadow:0 0 30px rgba(74,222,128,.3);animation:correctPulse .6s ease-in-out}.incorrect-card{background:rgba(248,113,113,.2);border:2px solid rgba(248,113,113,.4);box-shadow:0 0 30px rgba(248,113,113,.3);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 20px rgba(99,102,241,.4);animation:progressGlow 2s ease-in-out infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 20px rgba(99,102,241,.4)}to{box-shadow:0 0 30px rgba(99,102,241,.6)}}