:root{--bg-0: #08071a;--bg-1: #110d2e;--bg-2: #1a1340;--surface: rgba(255,255,255,.04);--surface-2: rgba(255,255,255,.08);--surface-3: rgba(255,255,255,.13);--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.15);--text: #ffffff;--text-2: #c8caf0;--text-3: #8d90b8;--text-4: #56597c;--brand: #8b5cf6;--brand-2: #d946ef;--brand-3: #ec4899;--brand-grad: linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#ec4899 100%);--brand-glow: 0 0 32px rgba(168, 85, 247, .55);--accent: #fbbf24;--accent-2: #fb923c;--accent-grad: linear-gradient(135deg,#fde047 0%,#fbbf24 45%,#fb923c 100%);--accent-glow: 0 0 28px rgba(251, 191, 36, .5);--success: #10b981;--success-2: #4ade80;--success-grad:linear-gradient(135deg,#10b981,#4ade80);--success-glow:0 0 28px rgba(74, 222, 128, .55);--warn: #facc15;--danger: #ef4444;--danger-grad: linear-gradient(135deg,#ef4444,#f87171);--danger-glow: 0 0 28px rgba(239, 68, 68, .55);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--sh-1: 0 4px 14px rgba(0,0,0,.3);--sh-2: 0 10px 30px rgba(0,0,0,.4);--sh-3: 0 20px 50px rgba(0,0,0,.55);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--z-cam: 30;--z-sheet: 40;--z-toast: 60;--z-mega: 55;--z-overlay:50;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,system-ui,Malgun Gothic,Microsoft YaHei,Hiragino Sans,sans-serif;background:var(--bg-0);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.4}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;letter-spacing:-.01em}input{font:inherit;color:inherit}.hidden{display:none!important}body:before{content:"";position:fixed;inset:-50%;background:radial-gradient(circle at 18% 20%,rgba(139,92,246,.3),transparent 40%),radial-gradient(circle at 82% 12%,rgba(236,72,153,.22),transparent 45%),radial-gradient(circle at 50% 95%,rgba(251,191,36,.1),transparent 40%),radial-gradient(circle at 12% 80%,rgba(14,165,233,.15),transparent 50%);filter:blur(40px);animation:ambient 24s ease-in-out infinite alternate;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at center,transparent 0%,rgba(8,7,26,.45) 100%);pointer-events:none;z-index:0}@keyframes ambient{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.08)}66%{transform:translate(-2%,3%) scale(.96)}to{transform:translate(2%,2%) scale(1.04)}}.app{width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:var(--safe-top);z-index:1}.app.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);min-height:56px}.topbar .title{font-size:20px;font-weight:800;flex:1;letter-spacing:-.02em}.topbar .title-gradient{background:linear-gradient(135deg,#fff,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(168,85,247,.4))}.topbar .icon-btn{width:40px;height:40px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .12s,background .18s,box-shadow .18s}.topbar .icon-btn:active{transform:scale(.92);background:var(--surface-3);box-shadow:0 0 0 4px #a855f733}.tabview{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--sp-5) 110px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tabview::-webkit-scrollbar{width:0}.tabview.entering{animation:tabFadeIn .32s cubic-bezier(.32,.72,0,1)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));display:flex;justify-content:space-around;padding:8px 6px;background:#141030bf;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border-2);border-radius:var(--r-xl);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;z-index:5}.tab-btn{flex:1;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-3);border-radius:var(--r-md);position:relative;transition:color .2s,transform .12s}.tab-btn .ic{font-size:22px;line-height:1;transition:filter .2s}.tab-btn .lb{font-size:10px;font-weight:700;letter-spacing:-.2px}.tab-btn.active{color:var(--text)}.tab-btn.active:before{content:"";position:absolute;inset:4px 8px;background:linear-gradient(135deg,#8b5cf640,#d946ef26);border:1px solid rgba(168,85,247,.35);border-radius:var(--r-md);z-index:-1}.tab-btn.active .ic{filter:drop-shadow(0 0 12px rgba(217,70,239,.7));animation:tabPop .35s cubic-bezier(.32,.72,0,1)}@keyframes tabPop{0%{transform:scale(.7)}60%{transform:scale(1.25)}to{transform:scale(1)}}.tab-btn:active{transform:scale(.92)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);backdrop-filter:blur(12px)}.section-title{font-size:11px;font-weight:800;color:var(--text-3);letter-spacing:2.5px;text-transform:uppercase;margin:var(--sp-5) var(--sp-2) var(--sp-3);display:flex;align-items:center;justify-content:space-between}.hero{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.18) 0%,transparent 40%),linear-gradient(135deg,#6366f1,#8b5cf6 35%,#ec4899);border-radius:var(--r-xl);padding:var(--sp-5);position:relative;overflow:hidden;margin-top:var(--sp-3);box-shadow:0 30px 60px -15px #8b5cf68c,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.12)}.hero:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,rgba(255,255,255,.05) 5%,transparent 10%,transparent 100%);animation:heroShine 8s linear infinite;pointer-events:none}@keyframes heroShine{to{transform:rotate(360deg)}}.hero:after{content:"";position:absolute;top:-40%;right:-25%;width:240px;height:240px;background:radial-gradient(circle,rgba(251,191,36,.35),transparent 60%);border-radius:50%;filter:blur(20px);pointer-events:none}.hero>*{position:relative;z-index:1}.hero .greet{font-size:13px;opacity:.9;margin-bottom:4px;font-weight:600;letter-spacing:-.01em}.hero .title{font-size:24px;font-weight:900;line-height:1.18;margin-bottom:var(--sp-4);letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.18)}.hero .stats-row{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-4)}.hero .stat .num{font-family:Space Grotesk,system-ui,sans-serif;font-size:28px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.hero .stat .lbl{font-size:10px;opacity:.85;font-weight:600}.hero .quick-btn{background:#ffffff38;border:1px solid rgba(255,255,255,.4);color:#fff;padding:11px 22px;border-radius:var(--r-full);font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;transition:transform .12s,background .2s}.hero .quick-btn:active{transform:scale(.96);background:#ffffff52}.level-bar{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.level-tag{background:#00000073;padding:4px 11px;border-radius:var(--r-full);font-size:11px;font-weight:900;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.02em;box-shadow:inset 0 1px #ffffff14}.xp-wrap{flex:1;height:7px;background:#0006;border-radius:var(--r-full);overflow:hidden;box-shadow:inset 0 1px 2px #0006}.xp-bar{height:100%;width:0%;background:linear-gradient(90deg,#facc15,#fb923c,#ec4899);transition:width .6s cubic-bezier(.32,.72,0,1);box-shadow:0 0 12px #fbbf248c}.xp-txt{font-size:10px;opacity:.9;font-variant-numeric:tabular-nums;font-weight:700}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.cat-card{border-radius:var(--r-lg);padding:var(--sp-4);text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-2);min-height:140px;transition:transform .15s,box-shadow .3s;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px -8px #00000073}.cat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.2) 0%,transparent 50%);pointer-events:none}.cat-card:after{content:"→";position:absolute;top:var(--sp-4);right:var(--sp-4);font-size:16px;opacity:.85;font-weight:700;transition:transform .2s}.cat-card:active{transform:scale(.97)}.cat-card:active:after{transform:translate(3px)}.cat-card>*{position:relative;z-index:1}.cat-card .flag{font-size:30px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.cat-card .name{font-size:17px;font-weight:900;letter-spacing:-.02em}.cat-card .progress{font-size:11px;opacity:.9;margin-top:auto;font-weight:600}.cat-card .bar{height:5px;background:#0000004d;border-radius:var(--r-full);overflow:hidden;margin-top:5px;box-shadow:inset 0 1px 2px #0000004d}.cat-card .bar-fill{height:100%;background:#ffffffeb;border-radius:var(--r-full);transition:width .6s cubic-bezier(.32,.72,0,1);box-shadow:0 0 8px #fff6}.btn{background:var(--accent-grad);color:#1a0e3a;padding:15px 28px;border-radius:var(--r-full);font-size:15px;font-weight:900;letter-spacing:-.02em;box-shadow:0 12px 30px -6px #fb923c8c,inset 0 1px #fff6;transition:transform .12s,box-shadow .25s;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.3),transparent 70%);transform:translate(-100%);transition:transform .6s}.btn:hover:before{transform:translate(100%)}.btn:active{transform:scale(.96);box-shadow:0 6px 16px -4px #fb923c73}.btn.full{width:100%}.btn.ghost{background:var(--surface);border:1px solid var(--border-2);color:var(--text);padding:12px 22px;font-size:13px;font-weight:700;box-shadow:none;backdrop-filter:blur(12px)}.btn.ghost:before{display:none}.btn.purple{background:var(--brand-grad);color:#fff;box-shadow:0 12px 30px -6px #a855f799,inset 0 1px #fff3}.btn.danger{background:var(--danger-grad);color:#fff;box-shadow:0 12px 30px -6px #ef44448c}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-2);backdrop-filter:blur(12px);transition:background .2s,transform .12s}.list-item:active{background:var(--surface-2);transform:scale(.99)}.list-item .li-icon{font-size:28px;width:40px;text-align:center;flex-shrink:0}.list-item .li-body{flex:1;min-width:0;text-align:left}.list-item .li-title{font-size:15px;font-weight:700}.list-item .li-sub{font-size:12px;color:var(--text-3);margin-top:2px}.list-item .li-aside{font-size:12px;color:var(--text-3);font-weight:700}.pill-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}.pill{background:var(--surface);border:1.5px solid var(--border-2);padding:10px 16px;border-radius:var(--r-full);font-size:13px;font-weight:700;transition:all .18s;backdrop-filter:blur(12px)}.pill:active{transform:scale(.95)}.pill.active{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:0 6px 20px #a855f780;transform:translateY(-1px)}.pill .sub{display:block;font-size:9px;opacity:.75;font-weight:500;margin-top:1px}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;z-index:var(--z-sheet);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .28s}.sheet-backdrop.show{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.18),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));border:1px solid var(--border-2);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-4) var(--sp-5) calc(var(--sp-6) + var(--safe-bottom));z-index:calc(var(--z-sheet) + 1);transition:transform .32s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto;box-shadow:0 -20px 60px #0000008c}.sheet.show{transform:translate(-50%) translateY(0)}.sheet .handle{width:44px;height:5px;background:var(--surface-3);border-radius:var(--r-full);margin:0 auto var(--sp-4)}.sheet .sheet-title{font-size:19px;font-weight:800;text-align:center;margin-bottom:var(--sp-2);letter-spacing:-.02em}.sheet .sheet-sub{font-size:12px;color:var(--text-3);text-align:center;margin-bottom:var(--sp-4)}.field{margin-bottom:var(--sp-4)}.field .field-label{font-size:10px;color:var(--text-3);font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--sp-2);display:block}.game{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--sp-5) var(--sp-4)}.game-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0}.game-top .progress-text{background:var(--surface-2);padding:6px 12px;border-radius:var(--r-full);font-size:11px;font-weight:800;border:1px solid var(--border);letter-spacing:-.01em}.game-top .score-chip{margin-left:auto;display:flex;gap:var(--sp-3);font-size:12px;color:var(--text-3);font-weight:600}.game-top .score-chip b{color:var(--text);font-size:15px;font-family:Space Grotesk,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.timer-wrap{height:7px;background:var(--surface);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-3);box-shadow:inset 0 1px 3px #0000004d}.timer-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--success-2) 0%,var(--warn) 50%,var(--danger) 100%);transform-origin:left;transition:transform .05s linear;box-shadow:0 0 14px #4ade8080}.combo-badge{position:absolute;top:116px;right:var(--sp-4);background:linear-gradient(135deg,var(--danger),var(--warn));padding:6px 12px;border-radius:var(--r-full);font-size:11px;font-weight:900;opacity:0;transition:opacity .3s;z-index:4;box-shadow:0 6px 20px #ef444480}.combo-badge.show{opacity:1;animation:comboPulse .5s cubic-bezier(.32,.72,0,1)}@keyframes comboPulse{0%{transform:scale(.5)}60%{transform:scale(1.35)}to{transform:scale(1)}}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);min-height:0}.photo{width:232px;height:232px;background:linear-gradient(135deg,#fff,#f0f0ff);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;font-size:140px;position:relative;overflow:hidden;flex-shrink:0;transition:filter .3s;box-shadow:0 30px 60px -12px #8b5cf666,0 0 0 1px #ffffff80,inset 0 0 0 8px #ffffffb3,inset 0 0 30px #0000000d;transform:rotate(-1.5deg)}.photo:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);pointer-events:none}.photo:after{content:"📷 SPEEDQUIZ";position:absolute;bottom:10px;right:14px;font-size:9px;color:#999;font-weight:800;letter-spacing:1.5px;font-family:Space Grotesk,system-ui,sans-serif}.photo.idiom-mode{font-size:78px}.photo.paused{filter:blur(24px) brightness(.4)}.photo.flash-correct{animation:flashGreen .7s cubic-bezier(.32,.72,0,1)}.photo.flash-wrong{animation:flashRed .7s cubic-bezier(.32,.72,0,1)}.photo.pop{animation:popIn .45s cubic-bezier(.32,.72,0,1)}@keyframes flashGreen{0%,to{box-shadow:0 30px 60px -12px #8b5cf666,0 0 0 1px #ffffff80,inset 0 0 0 8px #ffffffb3}50%{box-shadow:0 0 0 22px #4ade80bf,0 30px 60px -12px #4ade80e6,0 0 0 1px #ffffff80,inset 0 0 0 8px #ffffffb3;transform:rotate(-1.5deg) scale(1.06)}}@keyframes flashRed{0%,to{box-shadow:0 30px 60px -12px #8b5cf666,0 0 0 1px #ffffff80,inset 0 0 0 8px #ffffffb3}50%{box-shadow:0 0 0 22px #ef4444bf,0 30px 60px -12px #ef4444e6,0 0 0 1px #ffffff80,inset 0 0 0 8px #ffffffb3;transform:rotate(-1.5deg) scale(1.06)}}@keyframes popIn{0%{transform:rotate(-1.5deg) scale(.6);opacity:0}60%{transform:rotate(-1.5deg) scale(1.08);opacity:1}to{transform:rotate(-1.5deg) scale(1);opacity:1}}.clue{background:linear-gradient(135deg,#a855f740,#ec489926);border:1px solid rgba(168,85,247,.4);padding:9px 18px;border-radius:var(--r-md);font-size:14px;font-weight:700;max-width:90%;text-align:center;backdrop-filter:blur(10px);box-shadow:0 6px 20px #a855f740}.countdown{font-family:Space Grotesk,system-ui,sans-serif;font-size:40px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(250,204,21,.55)}.countdown.danger{color:var(--danger);text-shadow:0 4px 24px rgba(239,68,68,.75);animation:dangerPulse .6s infinite alternate}@keyframes dangerPulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.reveal{text-align:center;min-height:60px}.reveal .tgt{font-size:24px;font-weight:800;color:var(--warn);font-family:Microsoft YaHei,Hiragino Sans,system-ui,sans-serif;text-shadow:0 4px 18px rgba(250,204,21,.45)}.reveal .read{font-size:13px;color:var(--text-2);margin-top:2px;font-weight:600}.reveal .kr{font-size:12px;color:var(--text-3)}.reveal .tts{background:#facc1526;border:1px solid rgba(250,204,21,.4);color:var(--warn);border-radius:var(--r-full);padding:3px 11px;font-size:11px;margin-left:6px;font-weight:700}.choices{display:grid;gap:9px}.choices.cols-4,.choices.cols-6{grid-template-columns:1fr 1fr}.choice{background:var(--surface);border:2px solid var(--border-2);padding:13px 8px;border-radius:var(--r-md);text-align:center;transition:transform .1s,background .15s,border-color .15s,box-shadow .2s;line-height:1.15;backdrop-filter:blur(10px);position:relative;overflow:hidden}.choice:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent);pointer-events:none}.choice .target{font-size:21px;font-weight:700;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans,system-ui,sans-serif;letter-spacing:-.01em}.choice .target.long{font-size:16px}.choice .reading{font-size:11px;opacity:.7;margin-top:3px;font-weight:600}.choice .num{font-size:9px;opacity:.4;margin-top:2px;font-family:Space Grotesk}.choice:active{transform:scale(.96)}.choice:disabled{cursor:not-allowed}.choice.correct{background:var(--success-grad);border-color:var(--success-2);box-shadow:0 0 0 4px #4ade8033,0 8px 24px #10b98173}.choice.wrong{background:var(--danger-grad);border-color:var(--danger);box-shadow:0 0 0 4px #ef444433,0 8px 24px #ef444473}.speech-zone{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.speech-prompt{width:100%;font-size:16px;font-weight:700;color:var(--text);text-align:center;padding:16px 18px;background:linear-gradient(135deg,#a855f72e,#ec48991f);border:1px solid rgba(168,85,247,.4);border-radius:var(--r-lg);backdrop-filter:blur(12px);box-shadow:0 6px 24px #a855f740;letter-spacing:-.01em}.speech-prompt.reveal{background:linear-gradient(135deg,#facc1533,#fb923c1f);border-color:#facc1573}.speech-assess{display:flex;gap:10px;width:100%;margin-top:6px}.assess-btn{flex:1;padding:14px 8px;border-radius:var(--r-md);font-size:14px;font-weight:800;letter-spacing:-.02em;border:2px solid transparent;transition:transform .12s,box-shadow .25s;position:relative;overflow:hidden}.assess-btn:active{transform:scale(.95)}.assess-btn.correct{background:var(--success-grad);color:#fff;border-color:var(--success-2);box-shadow:0 10px 28px #10b98173,inset 0 1px #ffffff40}.assess-btn.wrong{background:var(--surface);color:var(--text-2);border-color:var(--border-2);backdrop-filter:blur(10px)}.mega{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:var(--z-mega);opacity:0}.mega.show.correct{animation:megaCorrect 1s cubic-bezier(.32,.72,0,1) forwards}.mega.show.wrong{animation:megaWrong .8s cubic-bezier(.32,.72,0,1) forwards}@keyframes megaCorrect{0%{opacity:0;transform:scale(.3) rotate(-12deg)}30%{opacity:1;transform:scale(1.35) rotate(8deg)}50%{opacity:1;transform:scale(1) rotate(-3deg)}to{opacity:0;transform:scale(1.45) rotate(0)}}@keyframes megaWrong{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.25)}35%{opacity:1;transform:scale(1) translate(-15px)}50%{opacity:1;transform:scale(1) translate(15px)}65%{opacity:1;transform:scale(1) translate(-10px)}80%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.9)}}.mega .ico{font-size:200px;font-weight:900;position:relative;z-index:2}.mega.correct .ico{color:var(--success-2);text-shadow:0 0 60px rgba(74,222,128,.9),0 0 120px rgba(74,222,128,.6),0 10px 40px rgba(0,0,0,.6)}.mega.wrong .ico{color:var(--danger);text-shadow:0 0 60px rgba(239,68,68,.9),0 0 120px rgba(239,68,68,.6),0 10px 40px rgba(0,0,0,.6)}.mega:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;z-index:1;filter:blur(40px)}.mega.correct:before{background:radial-gradient(circle,rgba(74,222,128,.5),transparent 70%)}.mega.wrong:before{background:radial-gradient(circle,rgba(239,68,68,.5),transparent 70%)}.mega .lbl{position:absolute;bottom:26%;font-size:46px;font-weight:900;letter-spacing:4px;text-shadow:0 6px 30px rgba(0,0,0,.7);z-index:3;font-family:Space Grotesk,Pretendard Variable,system-ui,sans-serif}.mega.correct .lbl{color:var(--success-2)}.mega.wrong .lbl{color:var(--danger)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:calc(var(--z-mega) + 5)}.cf-particle{position:absolute;top:38%;width:10px;height:16px;border-radius:2px;animation:cfFall 1.5s cubic-bezier(.32,.72,0,1) forwards}@keyframes cfFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%) translateY(20px);background:#141030f5;border:1px solid var(--border-2);color:var(--text);padding:13px 22px;border-radius:var(--r-md);font-size:13px;font-weight:700;z-index:var(--z-toast);opacity:0;pointer-events:none;backdrop-filter:blur(20px);box-shadow:0 14px 40px #00000080;max-width:90vw}.toast.show{animation:toastIn .32s ease forwards,toastOut .32s ease 2.5s forwards}@keyframes toastIn{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(20px)}}.toast.success{border-color:#4ade8080;box-shadow:0 14px 40px #4ade8040}.toast.error{border-color:#ef444480;box-shadow:0 14px 40px #ef444440}.level-up-toast{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(135deg,var(--warn) 0%,var(--accent-2) 50%,var(--brand-3) 100%);color:#1a0e3a;padding:28px 50px;border-radius:var(--r-xl);font-size:28px;font-weight:900;text-align:center;letter-spacing:-.02em;box-shadow:0 30px 80px #fbbf2499,inset 0 2px #fff6;z-index:var(--z-toast);opacity:0;pointer-events:none}.level-up-toast.show{animation:levelUpAnim 2.6s cubic-bezier(.32,.72,0,1) forwards}@keyframes levelUpAnim{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.25) rotate(5deg);opacity:1}28%{transform:translate(-50%,-50%) scale(1) rotate(0)}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.selfie{position:fixed;top:72px;right:16px;width:112px;height:86px;border-radius:var(--r-md);overflow:hidden;border:2px solid rgba(168,85,247,.7);background:#000;z-index:var(--z-cam);box-shadow:0 14px 36px #000000a6,0 0 0 4px #a855f726;cursor:grab;touch-action:none}.selfie.large{width:210px;height:158px}.selfie.dragging{cursor:grabbing}.selfie video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#000}.cam-ctrl{position:absolute;top:4px;right:4px;display:flex;gap:3px}.cam-btn{background:#000000b3;color:#fff;width:22px;height:22px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center}.rec-ind{position:absolute;top:6px;left:6px;background:#ef4444f2;color:#fff;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:900;display:flex;align-items:center;gap:4px;box-shadow:0 0 12px #ef4444b3}.rec-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:recPulse 1s infinite}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.rec-time{position:absolute;bottom:6px;left:6px;background:#000000bf;color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;font-family:Space Grotesk,system-ui,sans-serif}.rec-fab{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#ef4444eb;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444480}.rec-fab .ri{width:11px;height:11px;background:#fff;border-radius:50%;transition:all .2s}.rec-fab.recording .ri{border-radius:2px;width:9px;height:9px}.entry{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-2);backdrop-filter:blur(12px);transition:background .2s,transform .12s}.entry:active{background:var(--surface-2)}.entry .em{font-size:30px;width:38px;text-align:center;flex-shrink:0}.entry .ed{flex:1;min-width:0}.entry .et{font-size:17px;font-weight:800;color:var(--warn);font-family:Microsoft YaHei,Hiragino Sans,system-ui,sans-serif;letter-spacing:-.01em}.entry .er{font-size:11px;color:var(--text-2);font-weight:600}.entry .ek{font-size:11px;color:var(--text-3)}.entry .cnt{background:#ef444440;color:var(--danger);font-size:10px;font-weight:900;padding:3px 9px;border-radius:var(--r-full);flex-shrink:0;border:1px solid rgba(239,68,68,.4);font-family:Space Grotesk,system-ui,sans-serif}.entry .ebtn{background:#facc1526;border:1px solid rgba(250,204,21,.4);color:var(--warn);width:30px;height:30px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center}.entry .edel{background:transparent;border:1px solid var(--border-2);color:var(--text-3);width:26px;height:26px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.empty{text-align:center;color:var(--text-3);padding:var(--sp-8) var(--sp-4);font-size:14px}.empty .ic{font-size:56px;margin-bottom:var(--sp-3);filter:grayscale(.3)}.empty .msg{line-height:1.6;font-weight:500}.video-preview{width:100%;max-width:380px;border-radius:var(--r-md);background:#000;display:block;margin:0 auto var(--sp-3);transform:scaleX(-1);box-shadow:0 14px 40px #00000073}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-3);text-align:center;backdrop-filter:blur(12px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--surface-3),transparent)}.stat-card .v{font-family:Space Grotesk,system-ui,sans-serif;font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.stat-card .l{font-size:11px;color:var(--text-3);margin-top:3px;font-weight:600}.progress-row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-2);backdrop-filter:blur(12px);border:1px solid var(--border)}.progress-row .pflag{font-size:22px}.progress-row .pname{color:var(--text);font-weight:700;flex:1;font-size:13px}.progress-row .pcnt{color:var(--warn);font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;font-family:Space Grotesk,system-ui,sans-serif}.progress-row .pbar{flex:2;height:6px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.progress-row .pfill{height:100%;background:linear-gradient(90deg,var(--success-2),var(--warn));transition:width .7s cubic-bezier(.32,.72,0,1);box-shadow:0 0 10px #4ade8066}.setting-row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);backdrop-filter:blur(12px);transition:background .2s}.setting-row:active{background:var(--surface-2)}.setting-row .sr-icon{font-size:22px;width:30px;text-align:center}.setting-row .sr-body{flex:1}.setting-row .sr-title{font-size:14px;font-weight:700}.setting-row .sr-sub{font-size:11px;color:var(--text-3);margin-top:2px;font-weight:500}.switch{width:46px;height:27px;background:var(--surface-3);border-radius:var(--r-full);position:relative;transition:background .25s;flex-shrink:0;border:1px solid var(--border)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;background:#fff;border-radius:50%;transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:0 2px 6px #0000004d}.switch.on{background:var(--brand-grad);box-shadow:0 0 16px #a855f766}.switch.on:after{transform:translate(18px)}.streak-row{display:flex;gap:6px;margin-top:var(--sp-3);justify-content:space-between}.streak-cell{flex:1;aspect-ratio:1;max-width:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:var(--text-3);backdrop-filter:blur(12px);font-weight:600}.streak-cell.active{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:0 6px 16px #a855f766}.streak-cell.today{box-shadow:0 0 0 2px var(--warn),0 6px 16px #facc1566}.streak-cell .num{font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.02em}.perm-step{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-2);border:1px solid var(--border)}.perm-step .num{width:26px;height:26px;background:var(--brand-grad);border-radius:50%;font-size:12px;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Space Grotesk,system-ui,sans-serif;box-shadow:0 4px 12px #a855f766}.perm-step .ptext{font-size:12px;color:var(--text-2);line-height:1.55;font-weight:500}.perm-step .ptext b{color:var(--text);font-weight:700}.perm-status{padding:11px 16px;border-radius:var(--r-md);font-size:13px;font-weight:700;text-align:center;margin-bottom:var(--sp-3)}.perm-status.ok{background:#4ade8026;color:var(--success-2);border:1px solid rgba(74,222,128,.4)}.perm-status.no{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.4)}.perm-status.q{background:#facc1526;color:var(--warn);border:1px solid rgba(250,204,21,.4)}.result-title{font-size:26px;font-weight:900;background:linear-gradient(135deg,#fff,#fbbf24,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-top:var(--sp-4);letter-spacing:-.03em;filter:drop-shadow(0 4px 20px rgba(251,191,36,.4))}.result-score{font-family:Space Grotesk,system-ui,sans-serif;font-size:88px;font-weight:900;text-align:center;background:linear-gradient(135deg,#fde047,#fb923c,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:var(--sp-4) 0;filter:drop-shadow(0 8px 36px rgba(251,191,36,.5))}.result-meta{text-align:center;color:var(--text-2);font-size:13px;font-weight:600}.result-rank{text-align:center;font-size:17px;font-weight:800;color:var(--warn);margin-top:var(--sp-2);letter-spacing:-.02em}.daily-card{position:relative;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(135deg,#f59e0b,#ef4444 45%,#d946ef);border-radius:var(--r-xl);padding:var(--sp-5);overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px -12px #ef444480}.daily-shine{position:absolute;inset:-50%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,rgba(255,255,255,.18) 8%,transparent 16%,transparent 100%);animation:heroShine 10s linear infinite;pointer-events:none}.daily-content{position:relative;z-index:1}.daily-title{font-size:22px;font-weight:900;letter-spacing:-.03em;margin-bottom:6px;text-shadow:0 2px 12px rgba(0,0,0,.25)}.daily-sub{font-size:13px;opacity:.95;line-height:1.55;font-weight:600}.daily-sub b{font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:900;letter-spacing:-.02em}.challenge-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.challenge-cell{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;transition:transform .12s,background .2s;color:var(--text-3);position:relative;overflow:hidden}.challenge-cell:active{transform:scale(.94)}.challenge-cell .cc-day{font-family:Space Grotesk,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:-.03em}.challenge-cell .cc-badge{font-size:18px;line-height:1}.challenge-cell .cc-score{font-family:Space Grotesk,system-ui,sans-serif;font-size:9px;font-weight:800;color:var(--warn);letter-spacing:-.02em}.challenge-cell.done{background:linear-gradient(135deg,#4ade802e,#10b9811f);border-color:#4ade8066;color:var(--text);box-shadow:0 4px 12px #4ade802e}.challenge-cell.today{background:var(--brand-grad);border-color:transparent;color:#fff;box-shadow:0 6px 20px #a855f780;animation:todayPulse 2s ease-in-out infinite}@keyframes todayPulse{0%,to{box-shadow:0 6px 20px #a855f780}50%{box-shadow:0 6px 28px #a855f7d9}}.challenge-cell.today.done{background:linear-gradient(135deg,#10b981,#8b5cf6)}.pill[data-diff=master].active{background:linear-gradient(135deg,#ef4444,#f59e0b,#fbbf24);box-shadow:0 6px 20px #ef44448c}@media (max-height: 720px){.photo{width:188px;height:188px;font-size:112px}.photo.idiom-mode{font-size:62px}.mega .ico{font-size:145px}.mega .lbl{font-size:34px}.mic-btn{width:80px;height:80px;font-size:34px}}@media (max-width: 380px){.hero{padding:var(--sp-4)}.hero .title{font-size:21px}.hero .stat .num{font-size:24px}}