@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--bg-primary:#0b0f19;--text-primary:#f8fafc;--text-muted:#94a3b8;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--primary-glow:0 0 20px rgba(99,102,241,.4);--accent-glow:0 0 20px rgba(236,72,153,.4);--success-glow:0 0 20px rgba(34,197,94,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.neon-input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#fff;border-radius:12px;padding:14px 18px;font-size:1rem;width:100%;font-family:var(--font-sans);transition:all .2s ease-in-out}.neon-input:focus{outline:none;background:#ffffff14;border-color:#6366f1;box-shadow:0 0 15px #6366f133}.btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:600;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f199;filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);color:#fff;font-weight:500;border-radius:12px;padding:12px 24px;font-size:.95rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #10b98166}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98199;filter:brightness(1.1)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444499}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake-animation{animation:shake .4s ease-in-out}@keyframes pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8;filter:brightness(1.5)}to{transform:scale(0);opacity:0}}.pop-animation{animation:pop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.bubble{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;border-radius:50%;cursor:pointer;position:absolute;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:0 4px 15px #0000004d;border:2px solid transparent}.bubble.hanzi{background:radial-gradient(circle at 30% 30%,#4f46e5,#3730a3);box-shadow:0 4px 15px #4f46e566}.bubble.hanzi,.bubble.pinyin{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bubble.pinyin{background:radial-gradient(circle at 30% 30%,#db2777,#9d174d);box-shadow:0 4px 15px #db277766}.bubble.korean{background:radial-gradient(circle at 30% 30%,#059669,#065f46);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px #05966966}.bubble:hover{transform:scale(1.05);filter:brightness(1.1)}.bubble.selected{border-color:#fff;box-shadow:0 0 25px #fff,inset 0 0 10px #ffffff80;transform:scale(1.1) rotate(5deg)}.page-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.bg-glows{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.glow-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#6366f126 0,#6366f100 70%);filter:blur(80px)}.glow-1,.glow-2{position:absolute}.glow-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#ec48991f 0,#ec489900 70%);filter:blur(100px)}