@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;700&family=Noto+Sans+KR:wght@400;700&family=Prompt:wght@400;600;700;800&display=swap";:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--primary-glow:#2563eb33;--primary-glow-heavy:#2563eb73;--success:#2563eb;--success-dark:#1d4ed8;--success-light:#eff6ff;--danger:#dc2626;--danger-dark:#b91c1c;--danger-light:#fef2f2;--danger-glow:#dc262633;--danger-glow-heavy:#dc262673;--warning:#f59e0b;--accent-cyan:#06b6d4;--accent-sky:#0ea5e9;--accent-amber:#f59e0b;--accent-neon:#38bdf8;--bg:#f8fafc;--bg-alt:#fff;--surface:#fffffff5;--surface-solid:#fff;--surface-card:#fffffff0;--surface-card-strong:#fff;--surface-border:#dbeafedb;--border:#e2e8f099;--glass-bg:#ffffffe0;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268714;--glass:#ffffffb3;--accent-on-surface:var(--primary);--btn-soft-bg:linear-gradient(180deg, #eff6fffa 0%, #dbeafefa 100%);--btn-soft-text:var(--primary-dark);--btn-soft-border:#60a5fab8;--pill-soft-bg:linear-gradient(135deg, #ffffffd9 0%, #eff6ffb3 100%);--pill-soft-border:#2563eb40;--chip-soft-bg:var(--primary-light);--chip-soft-text:var(--primary-dark);--icon-tile-bg:#f1f5f9;--icon-tile-fg:var(--text-muted);--search-panel-bg:#fffffff5;--search-panel-border:#bfdbfef2;--mesh-1:#eff6ff;--mesh-2:#fff1f2;--mesh-3:#f0fdf4;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--screen-pad-x:20px;--screen-pad-y:16px;--section-gap:16px;--radius-xs:10px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px;--radius-card:24px;--radius-panel:28px;--radius-control:16px;--radius-modern:var(--radius-control);--radius-pill:999px;--shadow-sm:0 4px 10px #0f172a09;--shadow-md:0 12px 24px #0f172a0f, 0 4px 10px #2563eb0a;--shadow-lg:0 20px 40px #0f172a1a;--shadow-card:0 12px 28px #0f172a0f, 0 4px 12px #2563eb0a;--shadow-card-hover:0 18px 36px #2563eb1f, 0 8px 18px #0f172a14;--shadow-control:0 8px 18px #2563eb29;--shadow-premium:0 14px 30px #0f172a14, 0 6px 14px #2563eb0f;--shadow-glow:0 0 20px var(--primary-glow);--shadow-inner:inset 0 2px 4px 0 #0000000f;--motion-fast:.16s cubic-bezier(.2, .85, .28, 1);--motion-base:.22s cubic-bezier(.2, .85, .28, 1);--motion-bounce:.26s cubic-bezier(.2, .85, .28, 1.35);--corner-btn-right:16px;--corner-btn-top:12px;--corner-btn-size:36px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0f172a;--bg-alt:#111827;--surface:#111827d9;--surface-solid:#111827;--surface-card:#0f172adb;--surface-card-strong:#111827;--surface-border:#60a5fa24;--border:#ffffff14;--glass-bg:#111827cc;--glass-border:#ffffff0d;--text:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--primary-light:#1e1b4b;--danger-light:#450a0a;--mesh-1:#0f172a;--mesh-2:#1e1b4b;--mesh-3:#111827;--shadow-md:0 12px 24px #0000006b;--shadow-lg:0 20px 40px #00000094;--shadow-card:0 14px 30px #00000057;--shadow-card-hover:0 18px 38px #0000006b;--shadow-control:0 8px 18px #2563eb33;--shadow-premium:0 16px 34px #0006;--accent-on-surface:#60a5fa;--btn-soft-bg:#2563eb33;--btn-soft-text:#dbeafe;--btn-soft-border:#60a5fa6b;--pill-soft-bg:#2563eb33;--pill-soft-border:#60a5fa73;--chip-soft-bg:#2563eb3d;--chip-soft-text:#bfdbfe;--icon-tile-bg:#60a5fa26;--icon-tile-fg:#93c5fd;--search-panel-bg:#0f172af7;--search-panel-border:#60a5fa47;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] #contacts-screen{background:var(--bg)!important}[data-theme=dark] .overview-header-card{border:1px solid #ffffff1a;background:#111827cc!important}[data-theme=dark] .cat-card{background:linear-gradient(#111827f5,#0f172aeb);border:1px solid #60a5fa29;box-shadow:0 12px 24px #00000057}[data-theme=dark] .cat-card.has-category-image{background:linear-gradient(#111827f5,#0f172aeb) padding-box padding-box,linear-gradient(135deg,#2563eb 0%,#1e40af 50%,#dc2626 100%) border-box;border:1.5px solid #0000;box-shadow:0 12px 24px #00000057,0 0 16px #2563eb29}[data-theme=dark] .prem-feat-list{background:#0f172ad1;border-color:#60a5fa24}[data-theme=dark] .lc-xp,[data-theme=dark] .lc-progress-card{background:#0f172ad1;border-color:#60a5fa2e}[data-theme=dark] #lesson-detail-screen,[data-theme=dark] .lesson-header{background:var(--bg)!important}[data-theme=dark] .lesson-footer-nav{background:var(--bg)!important;border-top-color:#ffffff0d!important}[data-theme=dark] .pronunciation-pill{color:#a5b4fc!important;background:#ffffff14!important}[data-theme=dark] .mini-btn{background:0 0!important;border-color:#0000!important}[data-theme=dark] .mini-actions,[data-theme=dark] .flashcard-premium{background:#0f172adb!important;border-color:#60a5fa24!important}[data-theme=dark] .mini-btn:not(:last-child):after{background:#60a5fa24}[data-theme=dark] .speaker-btn-round{color:#a5b4fc!important;background:#ffffff14!important}[data-theme=dark] .favorite-placeholder-btn{color:#ca8a04;background:#fffbeb;border:1px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.card-tag{color:var(--danger)!important;background:#ffffff0d!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-clamp-2{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mb-1{margin-bottom:var(--sp-1)!important}.mb-2{margin-bottom:var(--sp-2)!important}.mb-3{margin-bottom:var(--sp-3)!important}.mb-4{margin-bottom:var(--sp-4)!important}.mb-5{margin-bottom:var(--sp-5)!important}.mb-6{margin-bottom:var(--sp-6)!important}.mb-8{margin-bottom:var(--sp-8)!important}.mt-2{margin-top:var(--sp-2)!important}.mt-4{margin-top:var(--sp-4)!important}.xp-footer{color:var(--primary);justify-content:space-between;align-items:center;margin-top:8px;font-weight:700;display:flex}body{justify-content:center;align-items:center;min-height:100dvh;font-family:Prompt,Kanit,sans-serif;line-height:1.5;display:flex;background:var(--bg)!important;color:var(--text)!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}.th{font-family:Prompt,sans-serif}.ko{font-family:Noto Sans KR,sans-serif;font-weight:700}.app-shell{width:min(390px,100vw - 32px);height:min(844px,100dvh - 32px);box-shadow:var(--shadow-lg);border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden;background-color:var(--bg)!important;color:var(--text)!important}@media (width<=450px){.app-shell{width:100vw;height:100svh;box-shadow:none;border-radius:0}body{background:var(--bg);overflow:hidden}}.status-bar{background:var(--surface);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 24px 4px;font-size:12px;font-weight:800;display:flex}.status-bar .icons{gap:5px;display:flex}.app-header{background:var(--bg-alt);border-bottom:1px solid var(--border);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex;position:relative}.header-left{flex:none}.header-center{flex:1;max-width:200px;margin:0 16px}.header-logo{flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.header-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-blue,.splash-logo .blue{color:var(--primary)}.brand-red,.splash-logo .red{color:var(--danger)}.brand-dark,.splash-logo .dark{color:#0f172a}.header-search{width:100%;position:relative}.header-search i{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-search input{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:20px;outline:none;padding:8px 12px 8px 34px;font-size:14px;font-weight:600;transition:all .2s}.header-search input:focus{border-color:var(--primary);background:var(--bg-alt);box-shadow:0 4px 12px #2563eb1a}.header-search-overlay{z-index:950;display:none;position:absolute;left:14px;right:14px}.header-search-overlay.active{display:block}.header-search-panel{width:100%;max-height:min(560px, calc(var(--app-vvh,100dvh) - 170px));overscroll-behavior:contain;border:1px solid var(--search-panel-border);background:var(--search-panel-bg);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);border-radius:22px;padding:12px;overflow-y:auto;box-shadow:0 22px 46px #0f172a2e}.header-search-panel-head{color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;font-size:14px;font-weight:900;display:flex}.header-search-panel-head button{background:var(--chip-soft-bg);color:var(--chip-soft-text);border:none;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:900}.header-search-results .history-empty{padding:28px 12px}.header-search-results .search-section{margin-bottom:14px}.header-search-results .search-section:last-child{margin-bottom:0}.header-search-results .search-section-header{margin-bottom:8px}.header-search-results .search-section-list{gap:8px}.header-search-results .search-result-card{box-shadow:none;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;padding:10px}.header-search-results .search-result-icon{border-radius:12px;width:38px;height:38px}.header-right{align-items:center;gap:12px;display:flex}.notif-btn{background:var(--primary-light);width:38px;height:38px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.notif-btn:active{transform:scale(.9)}.lang-toggle{background:var(--primary-light);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.lang-btn{border-radius:var(--radius-pill);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:3px 9px;font-size:11px;font-weight:700;transition:all .2s}.lang-btn.active{background:var(--primary);color:#fff}.notif-btn{background:var(--primary-light);cursor:pointer;width:32px;height:32px;color:var(--primary);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.app-content{background:radial-gradient(at 0% 0%, var(--mesh-1) 0, transparent 40%), radial-gradient(at 100% 0%, var(--mesh-2) 0, transparent 40%), radial-gradient(at 50% 50%, #fff 0, transparent 80%), radial-gradient(at 0% 100%, var(--mesh-3) 0, transparent 40%);background-attachment:fixed;flex:1;width:100%;min-height:0;display:block;position:relative;overflow:hidden;color:#0f172a!important}.screen{scrollbar-width:none;opacity:0;box-sizing:border-box;flex-direction:column;max-width:100%;padding:16px 20px 40px;transition:opacity .18s;display:none;position:absolute;inset:0;overflow:hidden auto;background:var(--bg)!important;color:var(--text)!important}.screen::-webkit-scrollbar{display:none}.screen.active{opacity:1;display:flex}#login-screen,#ip-overlay{padding:0;overflow:hidden}#flashcard-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:500px;min-height:min-content;margin:0 auto;display:flex}#lesson-detail-screen .screen-header{flex-shrink:0;min-height:auto;padding:8px 0 4px}.lesson-detail-scroll::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-nav{isolation:isolate;padding:5px 0 max(9px, env(safe-area-inset-bottom,12px));z-index:900;-webkit-backdrop-filter:blur(22px)saturate(1.45);backdrop-filter:blur(22px)saturate(1.45);background:#ffffff75;border-top:1px solid #ffffffad;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 18px #0f172a0f,inset 0 1px #ffffffb8}.app-nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffc7,#60a5fa47,#0000);height:1px;position:absolute;inset:0 0 auto}.nav-item{cursor:pointer;color:#1f2937;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:3px 0;font-size:11.5px;font-weight:850;transition:color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:flex}.nav-item:active{transform:scale(.94)}.nav-item i,.nav-item .nav-icon{color:#1f2937;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;font-weight:900;line-height:1;transition:color .18s,background .18s,box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.nav-item.active{color:#2563eb}.nav-item.active i{color:#2563eb;box-shadow:none;background:0 0;transform:scale(1.05)}.btn{cursor:pointer;border-radius:var(--radius-pill);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;padding:var(--sp-4) var(--sp-6);box-shadow:0 4px 0 var(--primary-dark);border-radius:var(--radius-md);font-size:16px}.btn-primary:active{box-shadow:0 2px 0 var(--primary-dark)}.btn-success{background:var(--primary);color:#fff;padding:var(--sp-4) var(--sp-6);box-shadow:0 4px 0 var(--primary-dark);border-radius:var(--radius-md);font-size:16px}.btn-success:active{box-shadow:0 2px 0 var(--primary-dark)}.btn-outline{color:var(--primary);border:2px solid var(--primary);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-md);background:0 0;font-size:15px}.btn-ghost{background:var(--primary-light);color:var(--primary);padding:10px 18px;font-size:14px}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 0 var(--danger-dark);border-radius:var(--radius-md);padding:14px 24px;font-size:16px;font-weight:800}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{background:var(--primary);color:#fff;width:56px;height:56px;box-shadow:0 4px 0 var(--primary-dark);border-radius:50%;padding:0;font-size:20px}.btn-icon.success{background:var(--success);box-shadow:0 4px 0 var(--success-dark)}.btn-icon.outline{background:var(--bg-alt);color:var(--primary);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.btn-ctrl{background:var(--bg-alt);cursor:pointer;border:1px solid #0000000a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;height:60px;padding:14px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000008}.btn-ctrl i,.btn-ctrl .icon{font-size:20px;transition:transform .2s}.btn-ctrl span{color:var(--text);text-align:center;font-size:11px;font-weight:800;line-height:1.2}.btn-ctrl:active{box-shadow:none;background:var(--primary-light);transform:scale(.95)}.btn-ctrl.btn-audio i{color:var(--primary)}.btn-ctrl:nth-child(2) .icon{filter:hue-rotate(180deg)}.btn-ctrl.btn-mic i{color:var(--text-muted)}.btn-ctrl.btn-instant i{color:var(--primary)}.btn-ctrl.btn-mic.mic-anim{background:#fff5f5;border-color:#ef4444;box-shadow:0 0 15px #ef444426}.btn-ctrl.btn-mic.mic-anim i{color:#ef4444;animation:1.2s infinite micPulse}@keyframes micPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn-ctrl.loading i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-audio.loading{opacity:.8;pointer-events:none;position:relative;overflow:hidden}.btn-audio.loading:after{content:"";background:#fff3;animation:1s infinite alternate audioPulse;position:absolute;inset:0}@keyframes audioPulse{0%{opacity:.1}to{opacity:.4}}.btn-audio i,.btn-audio span{transition:transform .2s}.btn-audio.loading i{transform:scale(.8)rotate(15deg)}.btn-audio{box-shadow:0 5px #2f6fed38,0 10px 24px #2f6fed2e}.btn-audio:not(.outline){background:var(--bg-alt)}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid #00000008;margin-bottom:20px;padding:20px}.card-pressable{cursor:pointer;transition:transform .15s,box-shadow .15s}.card-pressable:active{transform:scale(.97)}.home-greeting-container{margin-bottom:24px}.home-greeting{color:var(--text);word-break:break-word;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.3}.home-greeting-sub{color:#94a3b8;margin-bottom:18px;font-size:15px;font-weight:600}.home-tagline{color:#fff;background:var(--primary);border-radius:var(--radius-pill);text-align:center;border:2px solid var(--primary);cursor:pointer;width:100%;padding:12px 18px;font-size:15px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 14px #1e3a8a40}.home-tagline:active{transform:translateY(2px)scale(.98);box-shadow:0 2px 6px #1e3a8a33}.instant-phrases-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg), 0 10px 20px #2563eb0d;flex-shrink:0;justify-content:space-between;align-items:center;margin:12px 0 32px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.instant-phrases-btn:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.instant-phrases-btn:hover{box-shadow:var(--shadow-lg), 0 15px 30px #2563eb1a;background:#ffffffd9;transform:translateY(-4px)scale(1.01)}.ipb-content{flex:1;align-items:center;gap:20px;display:flex}.ipb-icon{background:var(--bg-alt);width:56px;height:56px;color:var(--primary);box-shadow:var(--shadow-md);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;transition:transform .3s;display:flex}.instant-phrases-btn:hover .ipb-icon{transform:rotate(10deg)scale(1.1)}.ipb-text{flex:1;min-width:0}.ipb-text h4{color:var(--text);margin:0 0 4px;font-size:18px;font-weight:800;line-height:1.2}.ipb-text p{color:var(--text-muted);margin:0;font-size:13px;font-weight:600;line-height:1.4}.ipb-count-badge{background:var(--bg-alt);border:1px solid var(--border);color:var(--primary);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;top:12px;right:14px;box-shadow:0 2px 8px #0000000a}.ipb-count-badge i{color:#3b82f6;font-size:10px;font-weight:900}.ipb-arrow{width:32px;height:32px;color:var(--text-muted);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.instant-phrases-btn:hover .ipb-arrow{background:var(--primary);color:#fff}.home-hero-container{background:0 0;flex-direction:column;gap:12px;padding:0;display:flex}.hero-top-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.hero-greeting{color:var(--text);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.hero-sub{color:var(--text-muted);margin-top:4px;font-size:15px;font-weight:600}.hero-level{border:2px solid #fff;width:36px;height:36px;font-size:16px;box-shadow:0 4px 10px #dc262633}.hero-main-card{background:linear-gradient(135deg, var(--primary), var(--accent-sky));border-radius:var(--radius-md);border:1px solid #ffffff26;justify-content:flex-start;align-items:center;min-height:180px;padding:40px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #2563eb26}.hero-main-card:after{content:"";z-index:1;background:radial-gradient(circle at 80% 20%,#ffffff1a 0%,#0000 60%),linear-gradient(135deg,#0f172acc 0%,#0f172a33 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.hero-content h2{color:#fff;text-shadow:0 4px 12px #0006;letter-spacing:-.03em;margin-bottom:20px;font-size:24px;font-weight:800;line-height:1.15}.hero-content .highlight{color:#ff4d4d;background:linear-gradient(90deg,#ff4d4d,#f87171,#fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}#home-screen{background:var(--bg-alt);background-image:radial-gradient(at 0% 0%, var(--mesh-1) 0, transparent 50%), radial-gradient(at 50% 0%, var(--mesh-2) 0, transparent 50%), radial-gradient(at 100% 0%, var(--mesh-3) 0, transparent 50%);gap:16px;height:100%;padding:18px 0 48px;overflow-y:auto}.header-notif{color:var(--text);cursor:pointer;font-size:22px}.home-hero-section{padding:0 20px;position:relative}.home-banner-card{color:#fff;background:url(/assets/home_premium_banner_v4-BdcOWeKL.png) 100%/cover no-repeat;border-radius:28px;align-items:stretch;min-height:216px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.home-banner-bg{z-index:0;opacity:0;will-change:opacity;background-position:100%;background-repeat:no-repeat;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.home-banner-bg.active{opacity:1}.home-banner-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#07123029 0%,#0712301a 42%,#07123008 74%,#07123003 100%);position:absolute;inset:0}.banner-content{z-index:10;text-align:left;text-shadow:0 3px 16px #00000094;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:14px;padding:18px;display:flex;position:relative}.banner-copy{-webkit-backdrop-filter:saturate(112%);background:linear-gradient(135deg,#fff3,#ffffff0f);border:1px solid #ffffff94;border-radius:22px;width:min(255px,100% - 84px);max-width:calc(100% - 84px);padding:16px 18px;box-shadow:0 12px 26px #0000001f,inset 0 1px #ffffff57}.banner-tag{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff2e;margin-bottom:10px;padding:6px 10px;font-family:Prompt,sans-serif;font-size:12px;font-weight:800;display:inline-flex}.banner-title{letter-spacing:-.01em;margin-bottom:8px;font-family:Prompt,sans-serif;font-size:clamp(28px,7vw,34px);font-weight:800;line-height:1.08}.banner-sub{color:#fffffff5;margin-bottom:0;font-family:Prompt,sans-serif;font-size:15px;font-weight:700;line-height:1.45}.banner-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:16px;width:fit-content;padding:11px 22px;font-family:Prompt,sans-serif;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #dc26264d}.banner-btn:active{background:#b91c1c;transform:scale(.95)}.banner-flag{z-index:15;filter:drop-shadow(0 4px 10px #0000004d);width:46px;height:34px;position:absolute;bottom:18px;right:18px}.banner-visual{display:none}.banner-visual img{object-fit:cover;object-position:right center;width:100%;height:100%}.banner-indicator{justify-content:center;gap:8px;margin-top:8px;display:flex}.banner-indicator .dot{background:#cbd5e1;border-radius:50%;width:7px;height:7px;transition:all .3s}.banner-indicator .dot.active{background:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.progress-section-new{margin-top:-4px;padding:0 20px}.ps-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:10px 14px 11px;display:grid;box-shadow:0 3px 14px #0f172a0d}.ps-header{justify-content:flex-start;align-items:center;gap:6px;min-width:0;margin-bottom:0;display:flex}.ps-title{color:var(--text);font-size:14px;font-weight:800}.ps-info{justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-bottom:0;display:flex}.ps-level{color:var(--text);font-size:13px;font-weight:800}.ps-xp{color:#94a3b8;font-size:12px;font-weight:700}.ps-bar-bg{background:#f1f5f9;border-radius:10px;grid-column:1/-1;height:7px;overflow:hidden}.ps-bar-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.65,0,.35,1);box-shadow:0 0 14px #2563eb2e}.categories-section-new{padding:0 20px 4px}.cs-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cs-title{color:var(--text);font-size:16px;font-weight:800}.cs-more{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}#home-screen .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;padding:0}.home-cta-area{display:none}.btn-main-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-sky) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:16px;width:100%;padding:20px;font-size:19px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 15px 35px #2563eb59,0 0 15px #0ea5e92e}.btn-main-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px #2563eb73}.btn-main-cta:active{transform:scale(.97)translateY(2px)}.cta-play-icon{background:var(--bg-alt);width:32px;height:32px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.cat-card{text-align:center;cursor:pointer;background:linear-gradient(#fff 0%,#fbfdff 58%,#f8fbff 100%);border:1px solid #dbeafeeb;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:128px;padding:9px;transition:transform .22s cubic-bezier(.2,.85,.28,1.35),box-shadow .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #0f172a11,0 4px 10px #2563eb0b}.cat-card.has-category-image{background:linear-gradient(#fff,#f8fbff) padding-box padding-box,linear-gradient(135deg,#2563eb 0%,#1e40af 50%,#dc2626 100%) border-box;border:1.5px solid #0000;justify-content:flex-start;min-height:192px;padding:8px 8px 11px}.cat-card:active{background:linear-gradient(#fff,#eff6ff);transform:scale(.965)translateY(2px);box-shadow:0 6px 14px #0f172a14}.cat-card:before{content:"";background:linear-gradient(180deg, #ffffffc7, #fff0 48%), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--cat-accent,#2563eb) 9%, transparent), transparent 54%);z-index:0;pointer-events:none;position:absolute;inset:0}.cat-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.cat-card:hover{border-color:color-mix(in srgb, var(--cat-accent,#2563eb) 30%, #dbeafe);transform:translateY(-3px)scale(1.018);box-shadow:0 18px 36px #2563eb1f,0 8px 18px #0f172a14}.cat-card:hover:after{left:200%}.cat-card-media{aspect-ratio:4/3;background-image:var(--cat-card-overlay,linear-gradient(180deg, #0f172a0a, #0f172a3d)), var(--cat-card-image);background-size:cover;background-position:var(--cat-card-position,center);z-index:1;background-repeat:no-repeat;border:1px solid #e2e8f0db;border-radius:16px;flex-shrink:0;width:100%;height:auto;margin-bottom:10px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px #ffffffeb,0 8px 18px #0f172a12}.cat-card-media-img{z-index:0;object-fit:cover;object-position:var(--cat-card-position,center);border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.cat-card-media:after{content:"";z-index:1;background:var(--cat-card-overlay,linear-gradient(180deg, #0f172a0a, #0f172a3d));pointer-events:none;position:absolute;inset:0}.cat-card.has-category-image .cat-icon-container{display:none}.cat-card.has-category-image .cat-icon-img{filter:drop-shadow(0 5px 8px #0f172a21);width:24px;height:24px}.cat-card.has-category-image .cat-icon-emoji{font-size:20px}.cat-card.has-category-image .cat-card-title,.cat-card.has-category-image .hangeul-progress-bar,.cat-card.has-category-image .hangeul-progress-text,.cat-card.has-category-image .hangeul-progress-count,.cat-card.has-category-image .cat-lock-badge,.cat-card.has-category-image .survival-card-sub{z-index:2;position:relative}.cat-card:active{transform:scale(.96)}.cat-icon-container{z-index:2;background:0 0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:2px;transition:transform .28s cubic-bezier(.2,.85,.28,1.35);display:flex;position:relative}.cat-card:hover .cat-icon-container{transform:rotate(-4deg)translateY(-3px)scale(1.06)}.cat-icon-img{object-fit:contain;filter:drop-shadow(0 10px 16px #0f172a21);width:66px;height:66px;transition:transform .28s}.cat-card:hover .cat-icon-img{transform:scale(1.08)}.cat-card-title{color:var(--text);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:38px;margin-bottom:5px;font-size:14px;font-weight:800;line-height:1.22;display:flex}.home-survival-card{background:radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--survival-color) 18%, transparent), transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--survival-color) 10%, #fff), color-mix(in srgb, var(--survival-color) 4%, #f8fafc));border:1px solid color-mix(in srgb, var(--survival-color) 18%, #e5e7eb);justify-content:center;min-height:132px;padding:14px 8px 12px;box-shadow:0 10px 22px #0f172a0e}.home-survival-card:before{background:linear-gradient(135deg, #ffffff75, #fff0 54%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--survival-color) 12%, transparent), transparent 34%)}.home-survival-card.has-category-image{border:1px solid color-mix(in srgb, var(--survival-color) 22%, #bfdbfed9);background:#0f172a;justify-content:flex-end;min-height:146px;padding:0;box-shadow:0 12px 26px #0f172a1c}.home-survival-card.has-category-image:before{background:linear-gradient(135deg,#fff3,#0000 46%)}.home-survival-card.has-category-image .cat-card-media{border-radius:inherit;width:100%;height:100%;box-shadow:none;border:0;margin:0;position:absolute;inset:0}.home-survival-card:not(.has-category-image) .cat-icon-container{width:62px;height:62px;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:10px}.cat-icon-emoji{font-size:30px;line-height:1}.home-survival-card:not(.has-category-image) .cat-icon-img{width:56px;height:56px;filter:drop-shadow(0 12px 18px color-mix(in srgb, var(--survival-color) 22%, #0f172a14))}.home-survival-card:not(.has-category-image) .cat-icon-emoji{filter:drop-shadow(0 12px 18px color-mix(in srgb, var(--survival-color) 24%, #0f172a14));font-size:36px}.home-survival-card .cat-card-title{color:#172033;text-wrap:balance;justify-content:center;align-items:center;min-height:34px;padding:0 3px;font-size:14px;display:flex}.home-survival-card.has-category-image .cat-card-title{z-index:2;color:#fff;text-shadow:0 2px 10px #0f172aa6;min-height:0;margin:0;padding:0 12px 6px;position:relative}.home-survival-card.has-category-image .cat-prog{z-index:2;margin:4px 12px 12px;position:relative}.cat-prog-bar{background:#ffffff4d;border-radius:999px;height:6px;margin-bottom:5px;overflow:hidden}.cat-prog-fill{background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:999px;height:100%;transition:width .3s}.cat-prog-fill.is-done{background:linear-gradient(90deg,#34d399,#16a34a)}.cat-prog-label,.cat-prog-done{color:#fff;text-shadow:0 1px 4px #0009;font-size:11.5px;font-weight:800;display:block}.cat-prog-done{color:#6ee7b7}.cat-prog-done i{color:#34d399;margin-right:3px}.home-survival-card.has-category-image{min-height:190px}.home-survival-card.has-category-image .hangeul-progress-bar{z-index:2;background:#ffffff4d;margin:0 auto 5px;position:relative}.home-survival-card.has-category-image .hangeul-progress-text,.home-survival-card.has-category-image .hangeul-progress-count{z-index:2;color:#fff;text-shadow:0 1px 6px #0f172ac7;padding:0 12px;position:relative}.home-survival-card.has-category-image .hangeul-progress-count{padding-bottom:12px}.lc-head{margin-top:18px;margin-bottom:10px}.lc-card{background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex:none;align-items:center;gap:12px;min-height:86px;margin-bottom:12px;padding:10px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0f}.lc-card:active{transform:scale(.99)}.lc-img{background-color:#e2e8f0;background-position:50%;background-size:cover;border-radius:12px;flex:0 0 92px;width:92px;height:62px}.lc-body{flex-direction:column;flex:auto;justify-content:center;gap:3px;min-width:0;display:flex}.lc-badge{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:100%;margin-bottom:5px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.lc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.25;overflow:hidden}.lc-count{color:var(--text-muted);white-space:nowrap;margin-top:0;font-size:12px;font-weight:700}.lc-meta-row{align-items:center;gap:8px;min-width:0;max-width:100%;margin-top:3px;display:flex}.lc-btn{color:#fff;background:var(--primary);white-space:nowrap;border-radius:12px;flex:none;align-self:center;padding:10px 16px;font-size:13px;font-weight:800}.lc-progress{background:linear-gradient(90deg,#2563eb29,#dc262624);border-radius:999px;flex:86px;min-width:72px;height:6px;position:relative;overflow:hidden}.lc-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 48%,#dc2626 100%);height:100%;transition:width .3s}.survival-card-sub{color:var(--survival-color);font-size:11px;font-weight:800}.hangeul-progress-bar{background:#e2e8f0d1;border-radius:10px;width:80%;height:4px;margin:auto 0 5px;position:relative;overflow:hidden}.hangeul-progress-bar .fill{background:linear-gradient(90deg, var(--cat-accent,var(--primary)), color-mix(in srgb, var(--cat-accent,#60a5fa) 58%, #93c5fd));border-radius:var(--radius-pill);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--cat-accent,#2563eb) 48%, transparent);transition:width 1.2s cubic-bezier(.65,0,.35,1)}.cat-card:nth-child(2n) .hangeul-progress-bar .fill{background:linear-gradient(90deg, var(--primary), #60a5fa);box-shadow:0 0 10px var(--primary-glow)}.hangeul-progress-text{color:#64748b;letter-spacing:0;opacity:.92;font-size:11px;font-weight:800;line-height:1.12}.hangeul-progress-count{color:#64748b;letter-spacing:0;opacity:.9;margin-top:2px;font-size:11px;font-weight:800;line-height:1.1}.cat-locked{opacity:.8;position:relative}.cat-locked .cat-icon-wrap{filter:grayscale(40%)}.cat-lock-badge{color:#fff;background:var(--danger);border-radius:var(--radius-pill);box-shadow:0 4px 10px var(--danger-glow);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.cat-free-badge{color:#fff;background:var(--accent-cyan);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #06b6d433}.home-quick-actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.instant-phrases-btn{cursor:pointer;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px #2563eb33;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%)!important}.instant-phrases-btn:active{opacity:.9;transform:scale(.97)}.ipb-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24;background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.ipb-text h4{margin:0 0 2px;font-size:16px;font-weight:800;color:#fff!important}.ipb-text p{margin:0;font-size:12px;font-weight:600;color:#fffc!important}.ipb-arrow{color:#ffffff80;font-size:14px}.continue-section{display:block}.continue-section h3{display:none}.continue-card{background:var(--bg-alt);cursor:pointer;border:1px solid #0000000a;border-radius:20px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.continue-card:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0000000f}.continue-card:active{background:#f8fafc;transform:scale(.98)}.continue-play-wrap{width:48px;height:48px;color:var(--primary);background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.continue-card-text{flex:1}.continue-card-text p{color:var(--text-muted);margin-bottom:2px;font-size:12px;font-weight:700}.continue-card-text h4{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:800;line-height:1.2}.continue-progress-bar{background:linear-gradient(90deg,#2563eb29,#dc262624);border-radius:2px;width:100%;height:4px;overflow:hidden}.continue-progress-bar .fill{background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 48%,#dc2626 100%);border-radius:2px;height:100%;transition:width .4s}.continue-pct{display:none}.section-header{align-items:center;gap:16px;margin:36px 0 16px;padding:0;display:flex}.section-header h3{color:var(--text);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.header-icon-stack{width:28px;height:28px;position:relative}.header-icon-stack .box{border-radius:6px;width:18px;height:18px;transition:transform .3s;position:absolute;box-shadow:0 4px 10px #00000026}.section-header:hover .header-icon-stack .box{transform:rotate(10deg)scale(1.1)}.header-icon-stack .box-1{background:var(--primary);z-index:3;top:0;left:0}.header-icon-stack .box-2{background:var(--danger);z-index:2;top:4px;right:0}.header-icon-stack .box-3{background:var(--primary-light);z-index:1;bottom:0;left:4px}.header-icon-situations{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.header-icon-situations .pin{color:var(--danger);z-index:3;font-size:16px}.header-icon-situations .circle-1{background:var(--primary-light);z-index:1;border-radius:50%;width:22px;height:22px;position:absolute}.header-icon-situations .circle-2{z-index:2;opacity:.5;background:#fca5a5;border-radius:50%;width:14px;height:14px;position:absolute}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0;display:grid}.premium-banner{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-premium);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:18px 20px;display:flex}.premium-banner-text h4{margin-bottom:4px;font-size:16px;font-weight:800}.premium-banner-text p{opacity:.9;font-size:12px;line-height:1.5}.premium-status-card{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:20px;align-items:center;gap:16px;margin-top:10px;padding:16px 20px;display:flex;box-shadow:0 4px 15px #dc262614}.psc-icon{background:var(--bg-alt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 10px #0000000d}.psc-content h4{color:#991b1b;margin:0;font-size:15px;font-weight:800}.psc-content p{color:#b91c1c;opacity:.9;margin:2px 0 0;font-size:12px;font-weight:600}.btn-premium{background:var(--bg-alt);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #0000001a}.btn-premium:active{transform:scale(.95);box-shadow:0 2px 6px #0000001a}.overview-stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);padding:18px 14px}.overview-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 10px;font-size:26px;display:flex}.overview-stat-val{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.3}.overview-stat-lbl{color:var(--text-light);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:600}.goal-option{cursor:pointer;background:var(--bg-alt);text-align:center;border:2px solid #e2e8f0;border-radius:28px;flex-direction:column;align-items:center;margin-bottom:16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.goal-option:active{transform:scale(.98)}.goal-badge{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#2563eb,#dc2626);border-radius:999px;align-self:flex-end;align-items:center;gap:5px;margin:0 0 12px;padding:5px 14px;font-size:11px;font-weight:900;display:none;box-shadow:0 3px 10px #2563eb59}.goal-option.selected .goal-badge{display:inline-flex}.goal-prog{width:100%}.goal-prog:empty{display:none}.goal-prog-row{color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;font-size:13px;font-weight:800;display:flex}.goal-prog-count{color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}.goal-prog-done{color:#16a34a;white-space:nowrap;font-weight:900}.goal-prog-bar{background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;height:8px;overflow:hidden}.goal-prog-fill{background:linear-gradient(90deg, var(--primary), #3b82f6);border-radius:999px;height:100%;transition:width .3s}.goal-prog-fill.is-done{background:linear-gradient(90deg,#16a34a,#22c55e)}.goal-daily-progress{background:var(--bg-alt);border:1px solid var(--border);border-radius:18px;margin-bottom:16px;padding:14px 16px}.goal-daily-progress:empty{display:none}.goal-daily-head{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.goal-daily-count{color:var(--primary);white-space:nowrap}.goal-daily-bar{background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;height:8px;overflow:hidden}.goal-daily-fill{background:linear-gradient(90deg, var(--primary), #22c55e);border-radius:999px;height:100%;transition:width .3s}.goal-name{color:var(--text);margin-bottom:4px;font-size:17px;font-weight:800}.goal-option.selected .goal-name{color:var(--success-dark)}.goal-desc{color:var(--text-muted);font-size:13px;font-weight:600}.goal-option.selected .goal-desc{color:var(--success-dark);opacity:.8}.goal-time{display:none}.screen-header{z-index:10;box-sizing:border-box;background:0 0;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px 8px;display:flex;position:relative}.screen-header-content{flex:1;min-width:0}.back-btn{background:var(--primary-light);cursor:pointer;width:40px;height:40px;color:var(--primary);border:1.5px solid #2563eb2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.back-btn:active{background:var(--primary-light);border-color:var(--primary)}.screen-title{font-size:24px;font-weight:800}.screen-sub{color:var(--text-muted);font-size:15px}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:14px;margin-bottom:12px;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.lesson-card:active{transform:scale(.98)}.lesson-card.completed{border-color:var(--success);background:var(--surface);box-shadow:0 4px 12px #dc262614}.lesson-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale()}#category-overview-screen{background-color:#0000;background-image:radial-gradient(at 0 0,#f0f4ff 0,#0000 50%),radial-gradient(at 100% 0,#fff0f0 0,#0000 50%),radial-gradient(#fff 0,#0000 100%),radial-gradient(at 0 100%,#eef6ff 0,#0000 50%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.overview-content-padding{padding:0 0 70px}.category-scene-hero{--scene-image:url(/assets/hero_korea-B7UoP0gk.png);--scene-position:center;--scene-accent:#2563eb;min-height:214px;box-shadow:0 18px 38px color-mix(in srgb, var(--scene-accent) 18%, #0f172a14);isolation:isolate;background:#e2e8f0;border-radius:28px;align-items:flex-end;margin:10px 0 18px;display:flex;position:relative;overflow:hidden}.category-scene-img{z-index:0;object-fit:cover;object-position:var(--scene-position,center);width:100%;height:100%;display:block;position:absolute;inset:0}.category-scene-hero:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--scene-accent) 24%, #08143094) 0%, #0814303d 45%, #0814300a 78%), radial-gradient(circle at 88% 10%, #ffffff57, transparent 34%), linear-gradient(180deg, #ffffff1a, transparent 48%);pointer-events:none;z-index:1;position:absolute;inset:0}.category-scene-hero:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0f172a00,#0f172a38);height:38%;position:absolute;inset:auto 0 0}.category-scene-copy{z-index:3;color:#fff;text-shadow:0 3px 14px #00000070;width:min(310px,100% - 48px);padding:20px;position:relative}.category-scene-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--scene-accent) 30%, #eff6ff61);border:1px solid color-mix(in srgb, var(--scene-accent) 22%, #eff6ff85);color:#fff;align-items:center;width:fit-content;max-width:100%;min-height:30px;margin-bottom:10px;padding:6px 12px;font-family:Prompt,sans-serif;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 8px 18px #0f172a24}.category-scene-title{color:#fff;letter-spacing:0;margin:0 0 8px;font-family:Prompt,sans-serif;font-size:28px;font-weight:900;line-height:1.12}.category-scene-subtitle{color:#fffffff0;margin:0;font-family:Prompt,sans-serif;font-size:14px;font-weight:700;line-height:1.45}.overview-header-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:28px;margin-bottom:28px;padding:20px 22px;box-shadow:0 15px 35px #0000000d}.overview-card-heading{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.overview-card-kicker{color:var(--primary);font-size:12px;font-weight:900}.overview-card-heading strong{color:var(--text);font-family:Prompt,sans-serif;font-size:18px;font-weight:800;line-height:1.35}.overview-main-title{color:var(--text);letter-spacing:0;margin-bottom:6px;font-size:28px;font-weight:800}.overview-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:16px;font-weight:600;display:block}.overview-progress-wrap{margin-top:0}.progress-header{color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.progress-bar-container{background:#0000000d;border-radius:10px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:10px;width:75%;height:100%}.section-label{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:800;display:block}.overview-stats-grid{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.stat-item-row{color:var(--text-muted);align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.stat-dot{border-radius:50%;width:8px;height:8px}.goal-option:hover{background:#ffffffe6;transform:translateY(-2px)}.goal-option.selected{background:color-mix(in srgb, var(--primary) 7%, var(--bg-alt));border-color:var(--primary);box-shadow:0 14px 32px #2563eb33, inset 0 0 0 1px var(--primary);transform:scale(1.02)}.goal-name{color:var(--text);font-size:16px;font-weight:700}.goal-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.goal-option.selected .goal-status{color:var(--primary)}.goal-tip{text-align:center;color:#94a3b8;margin:24px 0 14px;font-size:13px;font-weight:600}.overview-action-group{flex-direction:column;gap:14px;padding:8px 0 40px;display:flex}.overview-primary-btn,.overview-secondary-btn{border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:16px 18px;font-size:16px;font-weight:800;display:inline-flex}.overview-primary-btn{background:var(--primary);color:#fff;border:none;box-shadow:0 10px 20px #2563eb2e}.overview-secondary-btn{background:var(--btn-soft-bg);color:var(--btn-soft-text);border:1.5px solid var(--btn-soft-border);box-shadow:0 10px 22px #2563eb1f}.overview-secondary-btn i{color:var(--accent-on-surface);font-size:15px}.overview-secondary-btn:active,.overview-primary-btn:active{transform:scale(.98)}#sub-category-screen{background-color:var(--bg-alt)}.sub-cat-list{flex-direction:column;gap:16px;display:flex}.sub-cat-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(#fff 0%,#f8fbfff5 100%);border:1px solid #d3e2f5d1;border-radius:22px;align-items:flex-start;gap:14px;padding:17px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 12px 30px #0f172a0f}.sub-cat-item:active{background:#f8fafc;transform:scale(.98)}.sub-cat-icon{background:var(--primary-light);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.sub-cat-thumb-wrap{background:color-mix(in srgb, var(--sub-cat-color,var(--primary)) 10%, #fff);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;margin-top:1px;display:flex;overflow:hidden;box-shadow:0 10px 22px #0f172a14}.sub-cat-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.sub-cat-main{flex-direction:column;flex:1;gap:7px;min-width:0;padding-top:1px;display:flex}.sub-cat-top-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.sub-cat-info{flex:1;min-width:0}.sub-cat-title{color:var(--text);-webkit-line-clamp:2;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-box-orient:vertical;min-height:40px;margin-bottom:0;font-size:16px;font-weight:800;line-height:1.26;display:-webkit-box;overflow:hidden}.sub-cat-desc{color:var(--text-muted);opacity:.9;max-width:100%;font-size:12.5px;font-weight:650;line-height:1.62}.sub-cat-progress{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;min-width:64px;padding-top:1px;display:flex}.sub-cat-progress-percent{color:var(--primary);white-space:nowrap;font-size:11px;font-weight:900;line-height:1.2}.sub-cat-progress-count{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:800;line-height:1.2}.sub-cat-header-wrap{background:#f1f5f9;border-radius:28px;flex-direction:column;flex-shrink:0;justify-content:flex-end;height:180px;min-height:180px;margin:16px 16px 20px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.sub-cat-banner{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.sub-cat-banner:after{content:"";z-index:1;background:linear-gradient(90deg,#000000b3 0%,#0003 60%,#0000 100%);position:absolute;inset:0}#sub-category-screen .screen-header{z-index:2;pointer-events:none;background:0 0;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}#sub-category-screen .screen-header .back-btn{pointer-events:auto;position:absolute;top:20px;left:24px}#sub-category-screen .screen-header-content{pointer-events:auto;flex:none;width:100%;min-width:0;max-width:100%;padding-left:4px;padding-right:4px}#sub-category-screen .screen-title{text-shadow:0 2px 10px #0009;margin-bottom:8px;font-size:25px;font-weight:900;line-height:1.08;color:#fff!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important}#sub-category-screen .screen-sub{background:#2563eb;border-radius:12px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-block;box-shadow:0 4px 10px #2563eb4d;color:#fff!important;text-shadow:none!important;opacity:1!important}#sub-category-screen .back-btn{color:var(--text);cursor:pointer;z-index:10;pointer-events:auto;background:#ffffffe6;border:1px solid #ffffff80;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0000001a}#sub-category-screen .back-btn:active{background:var(--bg-alt);transform:scale(.9)}.animate-item{opacity:0;animation:.5s forwards slideUpFade}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0 32px;display:grid}.cat-pct{color:var(--success-dark);background:var(--surface);border:1.5px solid var(--success);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;right:8px;box-shadow:0 4px 10px #dc262626}.lesson-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;overflow:hidden}.lesson-card-thumb{background:var(--bg-alt)}.lesson-card-icon-img{object-fit:contain;filter:drop-shadow(0 7px 12px #0f172a1f);width:40px;height:40px}.lesson-card-category-img{object-fit:cover;filter:none;width:100%;height:100%}.lesson-card-body{flex:1}.lesson-card-body h4{margin-bottom:2px;font-size:15px;font-weight:700}.lesson-card-body p{color:var(--text-muted);font-size:12px}.lesson-card{background:var(--bg-alt);border:1.5px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.lesson-card-badge{letter-spacing:.01em;z-index:2;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:26px;padding:0 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 14px #0f172a0f}.lesson-card:active{background:var(--primary-light);transform:scale(.97)}.badge-new{color:var(--primary);background:#eff6ff;border-color:#93c5fdb8}.badge-progress,.badge-failed{color:#c2410c;background:#fff7ed;border-color:#fb923c61}.badge-done{background:var(--success-light);color:var(--success-dark)}.badge-passed{color:var(--primary);background:#eff6ff;border-color:#93c5fdb8}.badge-lock{background:var(--bg-alt);color:var(--text-light);border:1.5px solid var(--border)}.lesson-card-badge i{margin-right:4px}.badge-premium{box-shadow:0 4px 10px #ef444433;background:linear-gradient(135deg, var(--primary), #3b82f6)!important;color:#fff!important;border:none!important;padding:4px 10px!important;font-weight:800!important}.lesson-progress-wrap{align-items:center;gap:8px;margin-top:6px;display:flex}.lesson-progress-bar-mini{background:var(--primary-light);border-radius:10px;flex:1;max-width:100px;height:6px;overflow:hidden}.lesson-progress-bar-mini .fill{border-radius:10px;height:100%;transition:width .4s}.lesson-progress-count{color:var(--text-muted);font-size:11px;font-weight:800}.lesson-card.completed .lesson-progress-count{color:var(--success-dark);opacity:.8}.mic-anim{animation:1.5s infinite mic-pulsate;color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}@keyframes mic-pulsate{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.progress-wrap{z-index:9;box-sizing:border-box;background:0 0;flex-shrink:0;width:100%;padding:8px 20px 12px;position:relative}.nav-buttons{justify-content:space-between;gap:12px;display:flex}.nav-buttons .btn{border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:800;display:flex}.progress-bar{border-radius:var(--radius-pill);background:#e2e8f0;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.progress-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--primary), #3b82f6);border-radius:var(--radius-pill);height:100%;transition:width .4s;box-shadow:0 0 8px #dc262633}.progress-label{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid var(--border);justify-content:center;align-items:center;padding:6px 16px;font-size:14px;font-weight:800;display:inline-flex}.lesson-timer{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:0;padding:2px 10px;font-size:12px;font-weight:700}.mode-toggle{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);gap:3px;margin-bottom:12px;padding:3px;display:flex}.mode-btn{text-align:center;border-radius:var(--radius-pill);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;padding:8px 10px;font-size:12px;font-weight:700;transition:all .2s}.mode-btn.active{background:var(--success);color:#fff;box-shadow:0 3px 0 var(--success-dark)}.flashcard{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;width:100%;margin:0;padding:24px 20px;transition:all .3s;display:flex;position:relative}.flashcard.failed{border:1.5px solid #ef4444!important;box-shadow:0 10px 30px #ef44441f!important}.flashcard-main-content{flex-direction:column;align-items:center;gap:8px;width:100%;animation:.4s ease-out cardContentFade;display:flex}@keyframes cardContentFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.flashcard-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.flashcard-header-left{justify-content:flex-start;display:flex}.flashcard-header-center{justify-content:center;display:flex}.flashcard-header-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn-circle{border:1px solid var(--border);background:var(--bg-alt);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.action-btn-circle:active{background:var(--primary-light);transform:scale(.9)}.flashcard-kr{color:var(--text);margin-bottom:var(--sp-1);word-break:break-word;justify-content:center;align-items:center;font-family:Noto Sans KR,sans-serif;font-size:34px;font-weight:800;line-height:1.3;display:flex}.flashcard-th{color:var(--primary);margin-bottom:var(--sp-1);justify-content:center;align-items:center;font-family:Prompt,sans-serif;font-size:24px;font-weight:700;display:flex}.flashcard-category{display:none}.flashcard-kr.med{font-size:30px}.flashcard-kr.long{font-size:24px}.flashcard-th.med{font-size:15px}.flashcard-th.long{font-size:13px;line-height:1.4}.flashcard-pr.med{padding:6px 12px}.flashcard-pr.med .pronunciation-text{font-size:20px!important}.flashcard-pr.long{padding:4px 10px}.flashcard-pr.long .pronunciation-text{font-size:18px!important}.pronunciation-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.pronunciation-text{letter-spacing:.5px;color:var(--text);word-break:break-word;text-align:center;background:var(--primary-light);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);border:2px solid var(--border);width:100%;display:block;font-size:40px!important;font-weight:800!important;line-height:1.4!important}.pronunciation-continuous{white-space:normal;width:100%;display:block}.flashcard-divider{background:var(--border);height:1px;margin:16px 0}.info-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);text-align:left;margin-top:var(--sp-3)}.info-box-label{color:var(--primary);text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.info-box-text{color:#1e3a8a;font-size:13px;line-height:1.5}.sentence-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);text-align:left;margin-top:var(--sp-2);box-shadow:var(--shadow-sm)}.sentence-box-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.sentence-kr{margin-bottom:2px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700}.sentence-th{color:var(--text-muted);font-size:13px}.situation-tag{background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-sm);margin-right:var(--sp-2);border:1px solid var(--border);vertical-align:middle;text-transform:none;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.phrase-pr{margin:var(--sp-4) auto!important;background:var(--primary-light)!important;border:2px dashed var(--primary)!important;box-shadow:none!important;padding:var(--sp-3) var(--sp-4)!important;border-radius:var(--radius-md)!important}.flashcard-pr{width:100%;margin:var(--sp-2) 0}.flashcard-pr .pronunciation-text{font-size:38px!important;font-weight:800!important}.phrase-th{line-height:1.5;color:var(--text-muted)!important;margin-bottom:24px!important;font-size:16px!important;font-weight:600!important}.phrase-actions{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:0;display:grid}.phrase-actions.mic-group{grid-template-columns:1fr;margin-top:12px}.audio-group{margin-top:4px;margin-bottom:8px}.mic-group{margin-top:16px;margin-bottom:8px}.copy-group{margin-top:0;margin-bottom:12px}.action-btn{background:var(--bg-alt);border:1.5px solid var(--border);cursor:pointer;color:var(--text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:8px 4px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.action-btn i,.action-btn span.icon{justify-content:center;align-items:center;height:20px;font-size:18px;display:flex}.action-btn:active{background:var(--primary-light);border-color:var(--primary);transform:scale(.95)}.action-btn.copy{width:auto;min-width:140px;color:var(--text-muted);opacity:.6;box-shadow:none;background:0 0;border:none;border-radius:99px;flex-direction:row;gap:8px;margin:4px auto 12px;padding:8px 20px;font-size:12px}.action-btn.copy:active{opacity:1;background:#0000000d}.action-btn.mic{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 0 var(--primary-dark);border-radius:24px;flex-direction:row;gap:16px;min-height:88px;padding:20px 24px;font-size:20px;animation:2s infinite mic-pulsate}.action-btn.mic i{color:#fff}.action-btn.mic:active{background:var(--primary-dark);border-color:var(--primary-dark);transform:scale(.95)}.action-btn.copy i{color:var(--text-muted);font-size:14px}.action-btn i{color:var(--primary);font-size:18px}.action-btn.mic{background:var(--primary);color:#fff;border:none;width:100%;padding:20px;box-shadow:0 8px 20px #dc262640}.action-btn.mic i{color:#fff;font-size:20px}.action-btn.loading{box-shadow:0 0 0 3px var(--primary-light), 0 4px 12px #dc26261a;border-color:var(--primary)!important;background:var(--primary-light)!important;color:var(--primary-dark)!important}.action-btn.loading i,.action-btn.loading span{animation:1s infinite action-pulse;color:var(--primary)!important}@keyframes action-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.mic-anim{animation:1.5s infinite mic-pulsate;background:#fef2f2!important;border-color:#ef4444!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.contact-group-title{color:var(--text);align-items:center;margin:12px 0 16px;padding-left:12px;font-size:16px;font-weight:800;display:flex;position:relative}.contact-group-title:before{content:"";background:var(--primary);border-radius:2px;width:4px;height:18px;position:absolute;left:0}.contact-card{background:var(--bg-alt);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.contact-card:active{background:#f8fafc;transform:scale(.96)}.contact-card:after{content:"";background:0 0;width:5px;transition:background .3s;position:absolute;top:0;bottom:0;left:0}.contact-card:hover:after{background:var(--primary)}.contact-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex;box-shadow:inset 0 2px 5px #00000005}.contact-body{flex:1;min-width:0}.contact-name{color:var(--text);text-shadow:0 1px 2px #fffc;margin-bottom:2px;font-size:16px;font-weight:800}.contact-name-ko{color:var(--text-muted);margin-bottom:6px;font-size:14px;font-weight:800}.contact-desc{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:500;line-height:1.5}.contact-number-row{align-items:center;gap:10px;display:flex}.contact-number{letter-spacing:.5px;font-size:17px;font-weight:900}.contact-btn-circle{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #0000001a}.toast-notification{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:9999;opacity:0;pointer-events:none;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.18,.89,.32,1.28);position:absolute;bottom:120px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 25px -5px #0000004d}.toast-notification.show{opacity:1;transform:translate(-50%)translateY(0)}.nav-buttons{gap:8px;width:100%;display:flex}.nav-buttons .btn{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:11px 4px;font-size:14px;display:flex}.login-screen{text-align:center;isolation:isolate;width:100%;height:100%;min-height:100%;display:block;position:relative;overflow:hidden}.login-screen-bg{z-index:0;pointer-events:none;background:#e8f0fb;position:absolute;inset:0;overflow:hidden}.login-content{z-index:10;scrollbar-width:none;width:100%;height:100%;min-height:100%;padding:clamp(16px, 6vw, 28px) clamp(18px, 6vw, 28px) calc(clamp(28px, 8vw, 44px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;max-width:480px;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.app-shell::-webkit-scrollbar{display:none}.login-screen::-webkit-scrollbar{display:none}.login-content::-webkit-scrollbar{display:none}.app-shell,.login-screen,.login-content{-ms-overflow-style:none;scrollbar-width:none}.login-bg-overlay{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 7%,#2563eb29,#0000 30%),linear-gradient(#0f172a1f 0%,#ffffff6b 36%,#f8fafce0 72%,#f8fafcfa 100%),linear-gradient(135deg,#2563eb1a,#dc262614);position:absolute;inset:0}.login-bg-slide{opacity:0;filter:saturate(1.05)contrast(1.04)brightness(1.02);z-index:1;background-position:50%;background-size:cover;transition:opacity 1.5s ease-in-out;position:absolute;inset:0;transform:scale(1.04)}.login-bg-slide.active{opacity:1;transform:scale(1)}.login-title{z-index:10;text-shadow:0 2px 12px #0000001a,0 1px 2px #fff9;margin-bottom:clamp(2px,1vw,4px);position:relative}.login-title img{aspect-ratio:1;object-fit:contain;width:clamp(132px,38vw,178px);max-width:100%;height:auto;margin:0 auto;display:block}.login-sub{z-index:10;color:var(--text);text-shadow:0 1px 2px #ffffff80;margin-bottom:clamp(2px,1vw,4px);font-size:clamp(14px,4.8vw,18px);font-weight:800;position:relative}.login-tagline{z-index:10;color:#334155;text-shadow:0 1px 2px #ffffff80;max-width:280px;margin-bottom:clamp(10px,3vw,16px);font-size:clamp(12px,3.7vw,14px);font-weight:600;line-height:1.5;position:relative}.login-features{z-index:10;grid-template-columns:1fr;gap:clamp(6px,2vw,10px);width:100%;margin-bottom:clamp(10px,3vw,16px);display:grid;position:relative}.login-feature-item{-webkit-backdrop-filter:blur(12px)saturate(140%);text-align:left;background:linear-gradient(135deg,#ffffffc7 0%,#ffffff9e 100%);border:1px solid #fff9;border-radius:18px;align-items:center;gap:clamp(10px,3vw,14px);padding:clamp(8px,2.5vw,14px) clamp(12px,4vw,18px);transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #0f172a0f,0 2px 4px #0f172a08,inset 0 1px #ffffffa6}.login-feature-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14,0 3px 6px #0f172a0a,inset 0 1px #ffffffb3}.login-feature-item i{color:#fff;text-shadow:0 1px 1px #0000002e;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:clamp(10px,3.5vw,13px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,10vw,40px);height:clamp(32px,10vw,40px);font-size:clamp(14px,4.5vw,17px);display:flex;position:relative;box-shadow:0 8px 16px #2563eb38,inset 0 1px #ffffff8c,inset 0 -2px 4px #0f172a2e}.login-feature-item:nth-child(2) i{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 8px 16px #1d4ed838,inset 0 1px #ffffff8c,inset 0 -2px 4px #0f172a2e}.login-feature-item:nth-child(3) i{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 16px #dc262638,inset 0 1px #ffffff8c,inset 0 -2px 4px #0f172a2e}.login-feature-item span{color:var(--text);font-size:clamp(13px,4vw,15px);font-weight:700}.login-form-card{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#fffffff2;border:1px solid #fff;border-radius:clamp(18px,6vw,24px);width:100%;margin-bottom:clamp(10px,3.5vw,18px);padding:clamp(14px,5vw,24px);position:relative;box-shadow:0 20px 40px #0000000f}.form-control{width:100%;color:var(--text);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.form-control:focus{background:var(--bg-alt);border-color:var(--primary);box-shadow:0 0 0 4px #dc26261a}.login-label{color:var(--text-muted);margin-bottom:6px;margin-left:4px;font-size:13px;font-weight:800;display:block}.login-actions{z-index:20;flex-direction:column;gap:clamp(8px,3vw,12px);width:100%;padding-bottom:8px;display:flex;position:relative}.login-welcome-view,.login-options-view{flex-direction:column;gap:clamp(10px,3vw,14px);width:100%;display:flex}.login-mini-hero{aspect-ratio:16/9;border:1px solid #ffffffd1;border-radius:16px;width:min(100%,260px);margin:0 auto clamp(4px,1.5vw,8px);overflow:hidden;box-shadow:0 16px 34px #0f172a24,inset 0 1px #ffffff9e}.login-mini-hero img{object-fit:cover;width:100%;height:100%;display:block}.login-guest-note{color:#0f172a;text-shadow:none;background:#ffffffeb;border-radius:999px;align-self:center;padding:6px 12px;font-size:clamp(12px,3.5vw,13px);font-weight:900;line-height:1.35;box-shadow:0 8px 18px #0f172a14}.login-account-link,.login-back-link{appearance:none;color:#1d4ed8;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:14px;font-weight:900;line-height:1.35;text-decoration:none}.login-account-link{align-self:center;padding:8px 10px}@media (width<=480px) and (height>=620px){#login-screen .login-content{justify-content:center;padding-top:max(10px, env(safe-area-inset-top,0px))!important;padding-bottom:max(16px, env(safe-area-inset-bottom,0px))!important}#login-screen .login-title img{width:clamp(104px,30vw,132px)}#login-screen .login-sub{margin-bottom:0}#login-screen .login-tagline{margin-bottom:clamp(8px,2.5vh,12px)}#login-screen .login-features{gap:clamp(6px,1.5vh,9px);margin-bottom:clamp(8px,2.2vh,12px)}#login-screen .login-feature-item{padding-block:clamp(7px,1.8vh,10px)}#login-screen .login-actions,#login-screen .login-welcome-view{gap:clamp(7px,1.8vh,10px);padding-bottom:0}#login-screen .btn-hero{height:48px;min-height:48px}#login-screen .login-guest-note{padding-block:5px}#login-screen .login-account-link{padding:4px 10px}}@media (width<=480px) and (height<=700px){#login-screen .login-content{justify-content:flex-start;padding-top:10px!important;padding-bottom:max(12px, env(safe-area-inset-bottom,0px))!important}#login-screen .login-title img{width:clamp(92px,27vw,116px)}#login-screen .login-tagline,#login-screen .login-features{margin-bottom:7px}}.login-options-header{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:4px 2px 0;display:flex}.login-options-header h2{color:#0f172a;text-shadow:0 1px 2px #ffffff9e;margin:0;font-size:clamp(18px,5vw,22px);font-weight:950;line-height:1.2}.login-back-link{align-items:center;gap:8px;padding:8px 0;display:inline-flex}.login-option-list{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.login-option-btn{color:#0f172a;cursor:pointer;background:#fffffff0;border:1.5px solid #94a3b852;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:54px;padding:0 18px;font-family:inherit;font-size:clamp(14px,4vw,16px);font-weight:900;line-height:1.2;display:flex;box-shadow:0 12px 26px #0f172a14}.login-option-btn i{color:#2563eb;text-align:center;flex:0 0 22px;width:22px;font-size:18px}.login-option-btn .google-mark{color:#ea4335}#auth-apple-btn i{color:#111827;font-size:20px}.login-form-card .form-control{padding:clamp(10px,3vw,14px) clamp(14px,4vw,18px);font-size:clamp(14px,4vw,16px)}.btn-hero{height:clamp(46px,13vw,54px);border-radius:clamp(14px,4.5vw,18px)!important;font-size:clamp(15px,4.6vw,18px)!important;box-shadow:0 10px 25px #dc262640!important}.btn-sample{height:clamp(46px,13vw,54px);color:#475569!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:clamp(14px,4.5vw,18px)!important;margin-top:0!important;font-size:clamp(14px,4.2vw,16px)!important}.btn-guest-primary{min-height:clamp(52px,14vw,60px);color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 56%,#dc2626 100%)!important;border:0!important;font-weight:900!important}.login-link{z-index:10;color:var(--text-muted);margin-top:12px;font-size:14px;font-weight:600;position:relative}.login-link a{color:var(--primary);margin-left:4px;font-weight:800;text-decoration:none}.login-auth-title{color:var(--text);text-align:center;margin:0 0 14px;font-size:clamp(17px,5vw,20px);font-weight:900}.login-forgot-row{text-align:right;margin-top:8px}.login-forgot-row a{color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}.login-or{z-index:20;color:#334155;text-shadow:none;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex;position:relative}.login-or:before,.login-or:after{content:"";background:#33415538;flex:1;height:1px}.preview-mode .app-header,.preview-mode .app-nav{display:none!important}.preview-mode-banner{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:1600;max-width:min(92vw,420px);min-height:44px;color:var(--text);opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #2563eb38;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:13px;font-weight:800;transition:transform .2s,opacity .2s;display:flex;position:fixed;transform:translate(-50%,120%);box-shadow:0 16px 36px #0f172a2e}.preview-mode .preview-mode-banner{opacity:1;pointer-events:auto;transform:translate(-50%)}.preview-mode-banner button{background:var(--primary);color:#fff;font:inherit;white-space:nowrap;border:0;border-radius:999px;padding:9px 12px;font-size:12px}[data-theme=dark] .preview-mode-banner{color:#f8fafc;background:#0f172af0;border-color:#93c5fd47;box-shadow:0 18px 38px #0206176b,inset 0 1px #ffffff14}[data-theme=dark] .preview-mode-banner span{color:#f8fafc}[data-theme=dark] .preview-mode-banner button{color:#fff;background:linear-gradient(#3b82f6,#2563eb);box-shadow:0 8px 18px #2563eb42}.btn-google{justify-content:center;align-items:center;gap:10px;height:clamp(46px,13vw,54px);display:flex;color:#1f2937!important;background:#fff!important;border:1.5px solid #dadce0!important;border-radius:clamp(14px,4.5vw,18px)!important;font-size:clamp(14px,4.2vw,16px)!important;font-weight:800!important}.btn-google i{color:#ea4335;font-size:18px}.btn-apple{justify-content:center;align-items:center;gap:10px;height:clamp(46px,13vw,54px);display:flex;color:#fff!important;background:#111827!important;border:1.5px solid #111827!important;border-radius:clamp(14px,4.5vw,18px)!important;font-size:clamp(14px,4.2vw,16px)!important;font-weight:800!important}.btn-apple i{font-size:20px}.social-login-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.social-login-row .btn-google,.social-login-row .btn-apple{min-width:0}.social-login-row .btn-google span,.social-login-row .btn-apple span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phone-login-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1.5px solid #e2e8f0f2;border-radius:clamp(14px,4.5vw,18px);flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.phone-login-title{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.phone-login-title i{color:var(--primary)}.phone-login-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.phone-login-row .form-control{min-width:0}.btn-phone-otp{background:var(--primary);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:14px;min-width:96px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:900}.btn-phone-otp.verify{background:var(--success)}.btn-guest{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:var(--primary)!important;color:var(--primary)!important;background:#ffffffe0!important}.login-email-toggle{color:#1d4ed8;cursor:pointer;text-shadow:none;background:#ffffffe6;border:1px solid #2563eb2e;border-radius:999px;align-self:center;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px #0f172a14}.login-email-card{margin-top:clamp(8px,3vw,12px)}.auth-email-primary{margin-top:14px}.btn-google:disabled,.btn-apple:disabled,.btn-phone-otp:disabled,.login-option-btn:disabled,.btn-guest:disabled,.btn-hero:disabled{opacity:.6;pointer-events:none}#login-screen .login-progress-dots{display:none!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-title,.login-sub,.login-tagline{animation:.8s cubic-bezier(.16,1,.3,1) both titleScale}.login-features{animation:.8s cubic-bezier(.16,1,.3,1) .2s both slideUpFade}.login-form-card{animation:.8s cubic-bezier(.16,1,.3,1) .3s both slideUpFade}.login-actions{animation:.8s cubic-bezier(.16,1,.3,1) .4s both slideUpFade}.login-link{animation:.8s cubic-bezier(.16,1,.3,1) .5s both slideUpFade}.contact-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #00000008;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 18px;display:flex;box-shadow:0 4px 12px #00000005}.contact-info h4{margin-bottom:2px;font-size:15px;font-weight:700}.contact-info p{color:var(--text-muted);font-size:13px}.contact-call-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .1s;display:flex}.contact-call-btn:active{transform:scale(.93)}.profile-header-area{margin-bottom:32px;position:relative}.profile-banner{background:#f1f5f9;border-bottom-right-radius:40px;border-bottom-left-radius:40px;height:140px;position:relative;overflow:hidden}.profile-banner:after{content:"";background:linear-gradient(#0000,#0003);position:absolute;inset:0}.profile-avatar-wrap{text-align:center;z-index:10;margin-top:-48px;position:relative}.profile-avatar{background:var(--bg-alt);width:96px;height:96px;color:var(--primary);border:4px solid #fff;border-radius:28px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:40px;display:flex;position:relative;box-shadow:0 12px 25px #00000014}.profile-level-badge{background:linear-gradient(135deg, var(--primary), #991b1b);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 10px #dc262666}.profile-name{color:var(--text);letter-spacing:-.5px;margin-bottom:2px;font-size:24px;font-weight:900}.profile-email{color:var(--text-muted);font-size:13px;font-weight:600}.profile-premium-tag{color:#b91c1c;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:99px;align-items:center;gap:6px;margin-top:4px;margin-bottom:4px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.profile-avatar.is-premium{border-color:#fecaca;box-shadow:0 10px 25px #dc262626}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px;padding:0 20px;display:grid}.stat-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px 12px;transition:transform .2s;display:flex;box-shadow:0 4px 10px #00000005}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:16px;display:flex}.stat-val{color:var(--text);margin-bottom:2px;font-size:20px;font-weight:800;line-height:1.2}.stat-lbl{color:var(--text-muted);font-size:13px;font-weight:700}.profile-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-md);margin:0 20px 24px;padding:24px}.xp-card{background:var(--bg-alt);padding:20px!important}.xp-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.xp-title{color:var(--text);font-size:15px;font-weight:800}.xp-next-level{color:var(--primary-dark);text-transform:uppercase;background:#eff6ff;border-radius:12px;padding:6px 12px;font-size:11px;font-weight:800}.xp-bar-container{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shine;position:absolute;inset:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-footer{color:#94a3b8;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:800;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:0 20px;display:grid}.stat-box{background:var(--bg-alt);text-align:center;border:1px solid #00000008;border-radius:20px;padding:16px 8px;transition:transform .2s;box-shadow:0 4px 12px #00000005}.stat-box .val{color:var(--text);font-size:20px;font-weight:900;display:block}.stat-box .lbl{color:#94a3b8;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:800}.profile-menu-group{flex-direction:column;margin-top:8px;padding-bottom:120px;display:flex}.profile-menu-item{background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;margin:0 20px 12px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000005}.profile-menu-item:active{background:#f8fafc;transform:scale(.98)}.profile-menu-item-left{align-items:center;gap:16px;display:flex}.profile-menu-icon{background:var(--icon-tile-bg);width:44px;height:44px;color:var(--icon-tile-fg);border-radius:14px;justify-content:center;align-items:center;font-size:18px;display:flex}.profile-menu-label{color:var(--text);font-size:15px;font-weight:700}.profile-menu-item i.fa-chevron-right{color:#cbd5e1;font-size:12px}.premium-hero{text-align:center;padding:30px 20px 20px}.premium-hero .icon{margin-bottom:12px;font-size:64px}.premium-hero h2{margin-bottom:8px;font-size:26px;font-weight:800}.premium-hero p{color:var(--text-muted);font-size:14px;line-height:1.7}.feature-list{margin:20px 0}.feature-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:15px;font-weight:600;display:flex}.feature-item:last-child{border:none}.feature-item i{color:var(--primary);font-size:18px}.quiz-question{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;min-height:240px;margin-bottom:20px;padding:32px 24px;display:flex}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-opt-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--text);padding:16px 20px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s}.quiz-opt-btn:active{transform:scale(.98)}.quiz-opt-btn.correct{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.quiz-opt-btn.wrong{background:var(--danger-light);color:#ef4444;border-color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:5000;background:#000000a6;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.modal-overlay.active{display:flex}.modal-box{background:var(--surface);border-radius:var(--radius-lg);width:320px;max-height:calc(var(--app-vvh,100dvh) - 48px);text-align:center;-webkit-backdrop-filter:blur(25px);border:1px solid #fff6;padding:28px 24px;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-icon{margin-bottom:12px;font-size:48px}.modal-icon.modal-logo-icon{width:72px;height:72px;margin:0 auto 12px;overflow:hidden}.modal-icon.modal-logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.modal-title{margin-bottom:8px;font-size:20px;font-weight:800}.modal-msg{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.6}.premium-success-list{text-align:left}.premium-success-list p{text-align:center;color:var(--text);margin:0 0 15px;font-size:18px;font-weight:800}.premium-success-list ul{width:fit-content;max-width:100%;color:var(--text-muted);margin:0 auto;padding:0;font-weight:700;list-style:none}.premium-success-list li{align-items:center;gap:8px;margin-bottom:10px;display:flex}.premium-success-list li:last-child{margin-bottom:0}.premium-success-list i{color:var(--primary);font-size:18px}.modal-actions{flex-direction:column;gap:10px;display:flex}.profile-info-list{text-align:left;flex-direction:column;gap:10px;display:flex}.profile-info-row{background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;padding:10px 12px}.profile-info-row strong{color:var(--text);margin-bottom:3px;font-size:13px;display:block}.profile-info-row span,.profile-info-value{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.45;display:block}.profile-info-bullets{margin:0;padding-left:18px}.profile-info-bullets li{overflow-wrap:anywhere;margin:2px 0}.profile-about-copy{text-align:left;color:var(--text-muted);margin-bottom:12px;font-size:13px;line-height:1.6}.profile-about-copy p{margin:0 0 8px}.profile-info-note{text-align:left;color:var(--text-muted);margin:12px 0 0;font-size:13px;line-height:1.55}.profile-diagnostics{text-align:left;color:#e2e8f0;overflow-wrap:anywhere;background:#0f172a;border-radius:12px;margin-top:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.5}[data-theme=dark] .profile-app-card,[data-theme=dark] .pml-item-muted,[data-theme=dark] .pml-guest-save,[data-theme=dark] .profile-info-row{background:#0f172ab8;border-color:#94a3b83d}[data-theme=dark] .pml-guest-save .pml-icon{color:#93c5fd;background:#60a5fa29}[data-theme=dark] .profile-app-meta span{color:#cbd5e1;background:#0f172a9e}.profile-edit-modal{text-align:left}.profile-edit-modal .modal-icon,.profile-edit-modal .modal-title{text-align:center}.profile-edit-modal .modal-icon{color:var(--primary)}.profile-edit-form{color:var(--text);flex-direction:column;gap:10px;margin:16px 0 22px;display:flex}.profile-edit-form label{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:800}.profile-edit-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.avatar-picker{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;display:grid}.avatar-choice{color:var(--text-muted);cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast);background:linear-gradient(#fff 0%,#f8fbff 100%);border:1.5px solid #bfdbfeeb;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-family:inherit;font-size:11px;font-weight:800;display:flex}.avatar-choice img{object-fit:cover;background:#fff;border-radius:18px;width:54px;height:54px;box-shadow:0 8px 18px #0f172a1a}.avatar-choice.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark);box-shadow:0 10px 20px #2563eb1f}.avatar-choice:active{transform:scale(.96)}.profile-photo-preview{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #bfdbfeeb;border-radius:20px;align-items:center;gap:14px;padding:12px;display:flex;box-shadow:0 10px 24px #0f172a0f}.profile-photo-preview img{object-fit:cover;background:#eff6ff;border:2px solid #fff;border-radius:22px;width:72px;height:72px;box-shadow:0 8px 18px #2563eb1f}.profile-photo-preview strong{color:var(--text);font-size:16px;font-weight:900;line-height:1.2;display:block}.profile-photo-preview span{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:700;line-height:1.45;display:block}.profile-photo-actions{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.profile-photo-actions input[type=file]{display:none}.profile-upload-btn,.profile-clear-photo-btn{cursor:pointer;border:1px solid #2563eb38;border-radius:14px;min-height:42px;font-family:inherit;font-size:13px;font-weight:900}.profile-upload-btn{color:#1d4ed8;background:#eff6ff;justify-content:center;align-items:center;gap:8px;display:inline-flex}.profile-clear-photo-btn{color:var(--text-muted);background:#fff;padding:0 12px}@media (width<=370px){.avatar-picker{grid-template-columns:repeat(2,1fr)}.profile-photo-preview,.profile-photo-actions{grid-template-columns:1fr}.profile-photo-preview{flex-direction:column;align-items:flex-start}.profile-photo-actions{display:grid}.profile-clear-photo-btn{width:100%}}.honor-card{text-align:center}.honor-badge{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:#fff;filter:drop-shadow(0 12px 22px #0f172a38);text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;width:88px;height:76px;margin:0 auto 14px;font-size:30px;display:flex;position:relative}.honor-badge:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff6 0%,#fff0 50%,#00000026 100%);position:absolute;inset:0}.honor-badge i{z-index:2;position:relative}.honor-badge-bronze{background:linear-gradient(135deg,#fbbf81 0%,#cd7f32 50%,#92400e 100%)}.honor-badge-silver{background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 50%,#475569 100%)}.honor-badge-gold{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 50%,#b45309 100%)}.honor-badge-platinum{background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 45%,#1e40af 100%)}.honor-badge-diamond{background:linear-gradient(135deg,#f0f9ff 0%,#67e8f9 42%,#7c3aed 100%)}.honor-stat-icon{margin-bottom:4px;font-size:14px;line-height:1}.honor-stat-xp{color:#f59e0b}.honor-stat-streak{color:#ef4444}.honor-stat-lessons{color:#3b82f6}.honor-rank{color:var(--text);font-size:22px;font-weight:900}.honor-sub{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:700}.honor-progress{border-radius:var(--radius-pill);background:#e2e8f0;height:10px;margin:18px 0;overflow:hidden}.honor-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #60a5fa);height:100%;display:block}.honor-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.honor-stats div{background:#eff6ffb8;border-radius:16px;padding:10px 6px}.honor-stats strong,.honor-stats span{display:block}.honor-stats strong{color:var(--text);font-size:18px;font-weight:900}.honor-stats span{color:var(--text-muted);font-size:11px;font-weight:800}.honor-rank-list{text-align:left;flex-direction:column;gap:8px;margin-top:14px;display:flex}.honor-rank-list-title{color:var(--text);font-size:14px;font-weight:900}.honor-rank-row,.honor-rank-max-row{background:#f8fafcdb;border:1px solid #94a3b82e;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid}.honor-rank-row.is-current{background:#eff6fff0;border-color:#2563eb47;box-shadow:0 10px 22px #2563eb14}.honor-rank-row.is-done{opacity:.72}.honor-rank-mini{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:#fff;text-shadow:0 1px 2px #00000047;justify-content:center;align-items:center;width:34px;height:30px;font-size:13px;display:flex}.honor-rank-row-main{min-width:0}.honor-rank-row-main strong,.honor-rank-row-main span{display:block}.honor-rank-row-main strong{color:var(--text);font-size:13px;font-weight:900}.honor-rank-row-main span{color:var(--text-muted);font-size:11px;font-weight:800}.honor-rank-row em{color:#2563eb;white-space:nowrap;background:#2563eb1a;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900}.honor-rank-row.is-done em{color:#059669;background:#10b9811c}.honor-rank-max-row{border-style:dashed}.honor-rank-max-row i{color:#d97706;background:#f59e0b1f;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.honor-rank-max-row span{color:var(--text);font-size:13px;font-weight:900}.honor-rank-max-row strong{color:#d97706;white-space:nowrap;font-size:12px;font-weight:900}.splash{--splash-text:#0f172a;--splash-muted:#3b4a60;z-index:200;isolation:isolate;contain:paint;background-color:#fff;background-image:radial-gradient(ellipse 90% 55% at 50% -8%, #bad5ffb3 0%, #dbeafe40 50%, transparent 78%), radial-gradient(circle 30% at 85% 5%, #60a5fa24, transparent 70%), linear-gradient(180deg, #e4eeff 0%, #fff 50%, #f0f6ff 100%);padding:calc(clamp(34px, 6vh, 64px) + env(safe-area-inset-top,0px)) clamp(18px, 5.2vw, 34px) 0;text-align:left;color:var(--splash-text);grid-template-rows:auto minmax(0,1fr);align-content:stretch;place-items:center;gap:clamp(4px,1.4vh,14px);transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0;overflow:hidden}.splash.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-welcome{color:#fff;--splash-text:#fff;background:#07162b!important;padding:0!important;display:block!important}.splash-welcome .sw-photo,.splash-welcome .sw-photo img,.splash-welcome .sw-shade{width:100%;height:100%;position:absolute;inset:0}.splash-welcome .sw-photo img{object-fit:cover;object-position:51% center;display:block}.splash-welcome .sw-shade{pointer-events:none;background:linear-gradient(#020916cc 0%,#030c1c4d 32%,#040f2347 52%,#020917f5 100%),linear-gradient(115deg,#0d47a138,#d32f2f14)}.splash-welcome .sw-top{z-index:6;padding:calc(18px + env(safe-area-inset-top,0px)) 22px 0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.splash-welcome .sw-brand{align-items:center;gap:10px;display:flex}.splash-welcome .sw-logo{background:#fffffff2;border:1px solid #ffffff47;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 12px 28px #00000038}.splash-welcome .sw-logo img{object-fit:contain;width:40px;height:40px}.splash-welcome .sw-brand-name{letter-spacing:.12em;color:#fff;text-shadow:0 2px 10px #0006;font-size:13px;font-weight:800}.splash-welcome .sw-location{color:#ffffffd9;letter-spacing:.08em;white-space:nowrap;background:#0411276b;border:1px solid #ffffff38;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:700}.splash-welcome .sw-copy{left:22px;right:22px;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:6;position:absolute}.splash-welcome .sw-headline{color:#fff;letter-spacing:-.02em;text-shadow:0 5px 24px #00000080;margin:0;font-size:clamp(30px,9vw,40px);font-weight:800;line-height:1.16}.splash-welcome .sw-headline .sw-accent{color:#ff5d58;display:block}.splash-welcome .sw-subhead{color:#ebf2ffd1;margin:8px 0 0;font-size:13px;font-weight:500}.splash-welcome .sw-features{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff29,#ffffff12);border:1px solid #ffffff2e;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:16px 0 0;padding:12px;list-style:none;display:grid;box-shadow:0 16px 38px #00000038}.splash-welcome .sw-feature{color:#fffffff0;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;line-height:1.25;display:flex}.splash-welcome .sw-feature i{color:#fff;background:#071b3c9e;border:1px solid #ffffff40;border-radius:7px;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;font-weight:800;display:grid}[data-theme=dark] .splash-welcome{background:#07162b!important}.splash .splash-header,.splash .splash-hero{transition:opacity .4s,transform .4s}.splash .splash-hero{opacity:0;pointer-events:none;transform:translateY(28px)}.splash.phase-2 .splash-hero{opacity:1;pointer-events:auto;transform:translateY(0)}.splash-header{z-index:3;flex-direction:column;gap:clamp(12px,2.1vh,18px);width:100%;max-width:min(400px,100%);padding:0 clamp(12px,3vw,24px);display:flex;position:relative}.splash-header>*{animation:.7s ease-out both splashEnter}.splash-header>:first-child{animation-delay:80ms}.splash-header>:nth-child(2){animation-delay:.2s}.splash-header>:nth-child(3){animation-delay:.32s}@keyframes splashEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.splash-logo{aspect-ratio:1;align-self:center;width:clamp(156px,51vw,238px);max-width:100%;overflow:hidden}.splash-logo img{object-fit:contain;width:100%;height:100%;display:block}.splash-logo .blue{color:var(--primary)}.splash-logo .red{color:var(--danger)}.splash-logo .fire{color:#ff4d00}.splash-tagline h1{text-wrap:balance;margin:0;font-size:clamp(26px,7.2vw,32px);font-weight:800;line-height:1.18;color:var(--splash-text)!important}.splash-tagline p{margin:6px 0 0;font-size:clamp(18px,5.1vw,20px);font-weight:600;line-height:1.25;color:var(--splash-muted)!important}.splash-features{-webkit-backdrop-filter:blur(8px)saturate(130%);background:linear-gradient(135deg,#ffffffb3 0%,#ffffff8c 100%);border:1px solid #dbeafeb3;border-radius:18px;flex-direction:column;gap:clamp(7px,1.45vh,10px);margin:4px 0 0;padding:clamp(13px,2.1vh,16px) clamp(16px,4.5vw,20px);list-style:none;display:flex;box-shadow:0 16px 38px #0f172a12,0 3px 8px #0f172a0a,inset 0 1px #ffffff8c}.splash-features li{align-items:center;gap:12px;font-size:clamp(13.5px,3.8vw,15.5px);font-weight:700;line-height:1.35;display:flex;color:var(--splash-muted)!important}.splash-features i{background:var(--primary);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:0;display:inline-flex;box-shadow:0 6px 12px #2563eb2e}.splash-features i:before{content:"✓";font-family:Prompt,Kanit,sans-serif;font-size:12px;font-weight:900;line-height:1}.splash-hero{z-index:1;flex:1 0 auto;justify-content:center;align-items:flex-end;width:100%;min-height:clamp(250px,43vh,420px);margin-top:clamp(-26px,-2.6vh,-10px);display:flex;position:relative;overflow:hidden}.splash-hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#fff 0%,#fffffff0 24%,#ffffff75 62%,#fff0 100%);height:clamp(92px,14vh,132px);position:absolute;top:0;left:0;right:0}.splash-character-wrap{z-index:1;will-change:transform;flex:none;width:min(116%,500px);max-width:none;animation:4.8s ease-in-out infinite splashCharacterFloat;position:relative}.splash-character-img{z-index:1;filter:drop-shadow(0 -18px 28px #0f172a1f);transform-origin:50% 88%;will-change:transform;width:100%;height:auto;animation:5.6s ease-in-out infinite splashCharacterSway;display:block;position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#0000005c 7%,#000 18% 100%);mask-image:linear-gradient(#0000 0%,#0000005c 7%,#000 18% 100%)}.splash-bubble{z-index:4;-webkit-backdrop-filter:blur(6px)saturate(135%);color:var(--primary-dark);letter-spacing:.01em;text-align:center;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;pointer-events:none;opacity:0;will-change:transform, opacity;background:linear-gradient(135deg,#fff9 0%,#ffffff6b 100%);border:1px solid #fff6;border-radius:22px 22px 22px 8px;padding:clamp(8px,2.6vw,11px) clamp(13px,3.8vw,17px);font-family:Noto Sans KR,Prompt,sans-serif;font-size:clamp(13px,3.8vw,15px);font-weight:800;line-height:1.15;position:absolute;top:18%;right:13%;box-shadow:0 18px 36px #0f172a12,0 8px 22px #0f172a14,0 1px 2px #0f172a0a,inset 0 1px #ffffffd9,inset 0 8px 12px -6px #ffffff73}.splash.phase-2 .splash-bubble{animation:.9s cubic-bezier(.22,1,.36,1) .2s both bubbleEnter,7s ease-in-out 1.1s infinite splashBubble}.splash-wave{z-index:4;pointer-events:none;opacity:0;transform-origin:0 100%;will-change:transform, opacity;border-top:3px solid #2563eb7a;border-left:3px solid #2563eb57;border-radius:60% 0 0;width:34px;height:42px;animation:3.8s ease-in-out infinite splashWaveMark;position:absolute;top:33%;left:18%}.splash-wave-two{border-top-color:#2563eb4d;border-left-color:#2563eb33;width:45px;height:54px;animation-delay:.25s;top:30%;left:15.5%}@keyframes splashCharacterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes splashCharacterSway{0%,to{transform:rotate(0)}38%{transform:rotate(-.45deg)}68%{transform:rotate(.55deg)}}@keyframes bubbleEnter{0%{opacity:0;transform:translateY(14px)scale(.88)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splashBubble{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-1.5px,-3px)rotate(-.6deg)scale(1.005)}50%{transform:translate(1.5px,-5px)rotate(.5deg)scale(1.01)}75%{transform:translate(2px,-2px)rotate(.8deg)scale(1.005)}}@keyframes splashWaveMark{0%,to{opacity:0;transform:rotate(-18deg)scale(.84)}22%,58%{opacity:.9}42%{opacity:.58;transform:rotate(10deg)scale(1.08)}}@media (resolution>=2x) and (width>=390px){.splash-features{-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(135deg,#ffffffa6 0%,#ffffff73 100%);box-shadow:0 20px 46px #0f172a14,0 4px 10px #0f172a0d,inset 0 1px #ffffffb3}.splash-bubble{-webkit-backdrop-filter:blur(9px)saturate(150%);box-shadow:0 22px 44px #0f172a14,0 10px 26px #0f172a1a,0 2px 4px #0f172a0d,inset 0 1px #ffffffe6,inset 0 10px 14px -7px #ffffff8c}.splash-character-img{filter:drop-shadow(0 -22px 32px #0f172a24)}}@media (width<=360px){.splash{padding-inline:12px}.splash-header{gap:10px}.splash-logo{width:clamp(138px,48vw,172px)}.splash-tagline h1{font-size:clamp(23px,7vw,27px)}.splash-tagline p{font-size:clamp(16px,5vw,18px)}.splash-features{padding:12px 14px}.splash-features li{gap:10px;font-size:13px}.splash-features i{font-size:18px}.splash-hero{min-height:clamp(220px,39vh,330px)}.splash-character-wrap{width:min(115%,380px)}.splash-bubble{top:16%;right:8%}}@media (height<=720px) and (orientation:portrait){.splash{padding-top:calc(clamp(22px, 4vh, 34px) + env(safe-area-inset-top,0px));gap:2px}.splash-header{gap:9px;max-width:360px}.splash-logo{width:clamp(136px,42vw,176px)}.splash-tagline h1{font-size:clamp(22px,6.2vw,27px)}.splash-tagline p{margin-top:3px;font-size:clamp(15px,4.5vw,18px)}.splash-features{border-radius:16px;gap:6px;padding:11px 14px}.splash-features li{font-size:12.8px;line-height:1.28}.splash-features i{font-size:17px}.splash-hero{min-height:clamp(205px,37vh,292px);margin-top:-12px}.splash-character-wrap{width:min(108%,360px)}}@media (width>=700px) and (height>=700px){.splash{padding:calc(clamp(32px, 5vh, 58px) + env(safe-area-inset-top,0px)) clamp(36px, 6vw, 72px) calc(clamp(24px, 4vh, 48px) + env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);place-items:center stretch;gap:clamp(24px,4.6vw,56px)}.splash-header{align-self:center;gap:clamp(16px,2vh,22px);max-width:430px;padding:0;transform:translateY(clamp(-96px,-9vh,-52px))}.splash-logo{align-self:flex-start;width:clamp(176px,22vw,258px)}.splash-tagline h1{max-width:390px;font-size:clamp(34px,4.2vw,46px);line-height:1.12}.splash-tagline p{margin-top:8px;font-size:clamp(20px,2.35vw,24px)}.splash-features{border-radius:20px;gap:11px;width:min(360px,100%);padding:18px 20px}.splash-features li{font-size:clamp(15px,1.7vw,17px)}.splash-hero{justify-content:center;align-self:stretch;align-items:center;min-height:0;margin-top:0;overflow:hidden}.splash-hero:before{background:linear-gradient(#fff 0%,#ffffffd1 32%,#ffffff3d 72%,#fff0 100%);height:clamp(84px,16vh,148px);top:0}.splash-character-wrap{width:min(104%,560px)}.splash-bubble{font-size:clamp(14px,1.7vw,17px);top:24%;right:7%}.splash-wave{top:34%;left:17%}.splash-wave-two{top:31%;left:14%}}@media (width>=1000px) and (height>=760px){.splash{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.splash-header{max-width:470px}.splash-logo{width:clamp(190px,20vw,278px)}.splash-features{width:min(390px,100%)}.splash-character-wrap{width:min(104%,640px)}}@media (orientation:landscape) and (height<=600px){.splash{padding-top:calc(clamp(8px, 2.2vh, 18px) + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(14px,3.4vw,30px)}.splash-header{align-self:center;gap:7px;max-width:480px;padding:0;transform:none}.splash-logo{align-self:flex-start;width:clamp(92px,14vw,128px)}.splash-tagline h1{font-size:clamp(19px,3.6vw,24px);line-height:1.08}.splash-tagline p{margin-top:2px;font-size:clamp(13px,2.4vw,16px)}.splash-features{border-radius:14px;gap:4px;padding:8px 12px}.splash-features li{gap:8px;font-size:clamp(11px,2vw,12.5px);line-height:1.18}.splash-features i{width:16px;height:16px}.splash-features i:before{font-size:10px}.splash-character-wrap{width:min(94%,360px)}}@media (width<=390px){#home-screen{gap:14px}.home-hero-section,.progress-section-new,.categories-section-new{padding-left:16px;padding-right:16px}.home-banner-card{min-height:204px}.progress-section-new{margin-top:-6px}.ps-card{column-gap:10px;padding:9px 12px 10px}.banner-copy{width:min(235px,100% - 74px);max-width:calc(100% - 74px);padding:14px 16px}.banner-title{font-size:28px}.banner-sub{font-size:14px}.category-scene-hero{border-radius:26px;min-height:202px;margin-top:8px}.category-scene-copy{width:min(292px,100% - 36px);padding:16px}.category-scene-title{font-size:26px}.category-scene-subtitle{font-size:13px}.overview-header-card{border-radius:24px;padding:18px}.lessons-scene-hero{min-height:184px}}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.badge{border-radius:var(--radius-pill);margin-left:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.badge-premium{background:linear-gradient(90deg, var(--primary), #3b82f6);color:#fff}.history-header-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.history-stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);flex:1;padding:16px}.history-stat-val{color:var(--primary);font-size:24px;font-weight:800}.history-item:active{transform:scale(.98)}.history-item:before{content:"";background:var(--primary);border:2px solid var(--surface);width:10px;height:10px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;position:absolute;top:16px;left:-21px}.history-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.progress-label{background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:700}.history-category-lbl{color:var(--text-light);text-transform:uppercase;font-size:11px;font-weight:800}.history-xp-lbl{color:var(--primary-dark);background:var(--primary-light);border-radius:var(--radius-pill);padding:3px 8px;font-size:10px;font-weight:800}.history-word-kr{color:var(--text);align-items:center;font-family:Noto Sans KR,sans-serif;font-size:18px;font-weight:700;display:flex}.history-word-th{color:var(--primary);margin-top:4px;font-size:14px;font-weight:600}.history-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px;font-weight:600;line-height:1.5}.search-section{margin-bottom:18px}.search-section-header{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.search-section-header div{align-items:center;gap:9px;font-size:15px;font-weight:900;display:inline-flex}.search-section-header i{color:var(--accent-on-surface)}.search-section-header strong{background:var(--chip-soft-bg);min-width:28px;height:24px;color:var(--chip-soft-text);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.search-section-list{gap:10px;display:grid}.search-result-card{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;color:inherit;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;display:grid}.search-result-card:active{transform:scale(.99)}.search-result-icon{width:44px;height:44px;color:var(--accent-on-surface);background:linear-gradient(135deg,#2563eb1f,#ef444414);border-radius:14px;justify-content:center;align-items:center;font-size:18px;display:flex}.search-result-main{min-width:0}.search-result-type{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:11px;font-weight:800;overflow:hidden}.search-result-kr{color:var(--text);overflow-wrap:anywhere;font-size:17px;font-weight:900;line-height:1.3}.search-result-th{color:var(--accent-on-surface);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.35}.search-result-pr{color:var(--text-muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;font-weight:700;line-height:1.35}.search-result-chevron{color:var(--text-light);font-size:12px}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}.modal-processing-text{color:var(--text-muted);margin-top:10px;font-size:14px;font-weight:700}.instant-mode-overlay{background:var(--bg);z-index:1000;padding:max(20px, env(safe-area-inset-top,0px)) 20px max(24px, env(safe-area-inset-bottom,0px));flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:none;position:absolute;inset:0}.instant-mode-overlay.active{display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.instant-close{top:max(12px, env(safe-area-inset-top,0px));right:var(--corner-btn-right);background:var(--primary-light);width:44px;height:44px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 10px 24px #2563eb24}.instant-close:active{transform:scale(.95)}.instant-close:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.instant-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;min-height:0;padding-top:28px;display:flex}.instant-kr{color:var(--primary);word-break:keep-all;max-width:min(100%,680px);margin-bottom:6px;font-family:Noto Sans KR,sans-serif;font-size:clamp(34px,7vw,48px);font-weight:800;line-height:1.1}.instant-th{color:var(--text);max-width:min(100%,620px);font-family:Prompt,sans-serif;font-size:clamp(22px,4.8vw,28px);font-weight:700;line-height:1.3}.instant-pr{color:var(--text);word-break:break-word;background:#eef6ff;border:1.5px solid #bfdbfe;border-radius:16px;max-width:min(100%,620px);padding:10px 18px;font-size:clamp(20px,4.5vw,24px);font-weight:900;line-height:1.35}.instant-footer{width:100%;padding:12px 0 0}.btn-speak-big{background:var(--primary);color:#fff;cursor:pointer;appearance:none;border:none;border-radius:28px;justify-content:center;align-items:center;gap:16px;width:100%;max-width:640px;min-height:78px;margin:0 auto;padding:24px;font-size:20px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 12px 30px #2563eb3d}.btn-speak-big:active{transform:scale(.96);box-shadow:0 8px 18px #2563eb33}.btn-speak-big:focus-visible{outline-offset:4px;outline:3px solid #2563eb33}.btn-speak-big i{font-size:32px}.btn-instant{color:var(--primary)!important;background:#eff6ff!important;border-color:#bfdbfe!important}.btn-instant:active{background:#dbeafe!important}.instant-phrases-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:none;border-radius:20px;padding:16px;transition:all .2s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px #2563eb33}.instant-phrases-btn:active{transform:scale(.98)}.instant-phrases-btn:before{content:"";background:radial-gradient(circle,#fff3 0%,#fff0 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.ipb-content{align-items:center;gap:16px;display:flex}.ipb-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fde047;background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ipb-text{flex:1;padding-right:30px}.ipb-text h4{color:#fff;margin-bottom:2px;font-size:16px;font-weight:800}.ipb-text p{color:#fffc;font-size:12px;font-weight:600}.ipb-arrow{color:#ffffffb3;font-size:16px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.ip-overlay{background:var(--bg);z-index:100;color:var(--text);flex-direction:column;animation:.25s ipFadeIn;display:none;position:absolute;inset:0}.ip-overlay.active{display:flex}@keyframes ipFadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.ip-header{padding:12px var(--corner-btn-right);background:var(--bg-alt);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:44px 1fr auto;align-items:center;min-height:68px;display:grid}.ip-btn-float{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;grid-column:1;justify-content:center;align-items:center;font-size:16px;display:flex}.ip-counter{color:#2563eb;white-space:nowrap;background:#f0f7ff;border:1px solid #dbeafe;border-radius:20px;grid-column:2;justify-self:center;padding:6px 16px;font-size:15px;font-weight:800;box-shadow:0 8px 18px #dc26260d}.ip-header-right{grid-column:3;align-items:center;gap:8px;display:flex}.ip-category-tag{background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-pill);border:1px solid var(--success-border);box-shadow:var(--shadow-sm);white-space:nowrap;padding:6px 12px;font-size:13px;font-weight:800}.ip-tag-badge{align-items:center;gap:6px;display:inline-flex}.ip-tag-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 4px 8px #0f172a1f);width:20px;height:20px}.ip-body{text-align:center;-webkit-user-select:none;user-select:none;touch-action:pan-x;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:280px;padding:15px 24px;display:flex;overflow-y:auto}@media (height<=680px){.app-header{padding:6px 16px!important}.app-nav{min-height:52px!important;padding:4px 10px 5px!important}.flashcard{min-height:0!important;margin:4px 0!important;padding:12px!important}.flashcard-kr{font-size:22px!important}.flashcard-th{font-size:16px!important}.ip-korean{margin-bottom:12px!important;font-size:34px!important}.ip-pronunciation{margin-bottom:12px!important;font-size:24px!important;line-height:1.6!important}.ip-header{padding:8px var(--corner-btn-right)!important}.ip-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom,14px))!important;min-height:90px!important}.ip-body{min-height:220px!important;padding:10px 18px!important}#login-screen{overflow:hidden!important}.login-content{justify-content:flex-start!important;padding:10px 18px!important;overflow-y:auto!important}.login-title{margin-bottom:0!important;font-size:24px!important}.login-sub{margin-bottom:0!important;font-size:13px!important}.login-tagline{margin-bottom:4px!important;font-size:11px!important}.login-features{gap:2px!important;margin-bottom:6px!important}.login-feature-item{padding:4px 10px!important}.login-form-card{margin-bottom:6px!important;padding:10px 14px!important}.login-actions{padding-bottom:4px!important}}.ip-korean{color:var(--text);text-shadow:0 2px 10px #0000000d;margin-bottom:20px;font-family:Noto Sans KR,sans-serif;font-size:42px;font-weight:800;line-height:1.3;transition:opacity .2s}.ip-pronunciation{color:var(--primary-dark);letter-spacing:0;background:var(--primary-light);border:1.5px solid var(--primary);word-break:break-word;text-align:center;border-radius:16px;max-width:100%;margin-bottom:20px;padding:12px 20px;font-size:28px!important;font-weight:900!important;line-height:1.6!important}.ip-thai{color:var(--text);text-shadow:none;font-family:Prompt,sans-serif;font-size:24px;font-weight:700}.ip-footer{padding:20px 16px max(20px, env(safe-area-inset-bottom,24px));flex-shrink:0;justify-content:center;align-items:center;gap:16px;min-height:110px;display:flex}.ip-nav-btn{background:var(--surface);border:2px solid var(--border);width:56px;height:56px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.ip-nav-btn:active{background:#ffffff40}.ip-speak-btn{background:linear-gradient(135deg, var(--primary), #3b82f6);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:800;transition:transform .1s;display:flex;box-shadow:0 4px 16px #dc262666}.ip-speak-btn:active{transform:scale(.95)}@media (width<=480px){body{background:var(--bg);min-height:100dvh;display:block;overflow:hidden}.app-shell{width:100vw;height:100dvh;box-shadow:none;border-radius:0}.status-bar{display:none}.ip-korean{margin-bottom:12px;font-size:32px}.ip-thai{font-size:20px}.ip-pronunciation{text-align:center;padding:12px 16px;font-size:26px!important;line-height:1.6!important}.instant-kr{font-size:34px}.instant-th{font-size:22px}.instant-pr{text-align:center;padding:12px 16px;font-size:26px!important;line-height:1.6!important}}.passed-badge,.failed-badge{border-radius:var(--radius-pill);z-index:10;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:800;animation:.3s ease-out fadeInDown;display:inline-flex;box-shadow:0 4px 10px #0000000d}.passed-badge{color:var(--primary-dark)!important;background:var(--primary-light)!important;border:1px solid var(--primary)!important}.failed-badge{color:#ef4444!important;background:#fee2e2!important;border:1px solid #fecaca!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.arrange-zone{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;gap:8px;min-height:50px;margin-bottom:20px;padding:10px;display:flex}.arrange-pool{flex-wrap:wrap;justify-content:center;gap:8px;min-height:50px;display:flex}.arrange-block{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;padding:10px 16px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.arrange-block:active{box-shadow:none;transform:scale(.95)}.listen-btn-big{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:40px;transition:all .2s;display:flex;box-shadow:0 8px 24px #dc26264d}.listen-btn-big:active{transform:scale(.92);box-shadow:0 4px 12px #dc26264d}.quiz-review-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:left;margin-bottom:8px;padding:12px 14px}.quiz-review-korean{color:var(--text);margin-bottom:2px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700}.quiz-review-thai{color:var(--text-muted);font-size:13px}.comp-table-container{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;height:auto;margin:20px 0;overflow:hidden}.comp-table{border-collapse:collapse;width:100%;font-size:13px}.comp-table th{background:var(--surface);text-align:left;border-bottom:2px solid var(--border);color:var(--text);padding:12px 10px;font-weight:800}.comp-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 10px}.comp-table tr:last-child td{border-bottom:none}.comp-header-free{color:var(--text-muted);text-align:center!important}.comp-header-prem{color:var(--primary);text-align:center!important}.comp-cell-val{text-align:center;font-weight:700}.comp-check{color:var(--primary);font-size:16px}.comp-cross{color:#ef4444;font-size:16px}.comp-feature-name{color:var(--text);font-weight:600}.btn{border-radius:var(--radius-modern);letter-spacing:-.01em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;transform:translateZ(0)}.btn:active{transform:scale(.96)translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px #2563eb3d}.btn-outline-modern{background:var(--bg-alt);color:var(--text-muted);border:1.5px solid #e2e8f0}.btn-outline-modern:active{background:#f8fafc;border-color:#cbd5e1}.btn-block{width:100%}.audio-fix-card{background:var(--bg-alt);box-shadow:var(--shadow-premium);text-align:center;border:1px solid #00000008;border-radius:24px;margin:0 0 24px;padding:24px}.af-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:800}.af-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:13px}.af-steps{text-align:left;background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:16px}.af-step{color:var(--text-muted);align-items:flex-start;gap:10px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.af-step:last-child{margin-bottom:0}.af-step-num{background:var(--bg-alt);width:20px;height:20px;color:var(--primary);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.ip-overlay{background:linear-gradient(#f8fafc 0%,#fff 100%)}.ip-body{padding:10px 24px}.ip-main-card{background:var(--bg-alt);border:1px solid #00000005;border-radius:32px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:100%;margin:auto 0;padding:40px 24px;display:flex;box-shadow:0 20px 50px #0000000f}.ip-korean{color:var(--text)!important;margin-top:20px!important;margin-bottom:24px!important;font-size:44px!important;font-weight:800!important;line-height:1.5!important}.ip-pronunciation{background:var(--primary-light)!important;color:var(--primary-dark)!important;border:1px solid var(--primary)!important;border-radius:16px!important;margin-bottom:14px!important;padding:10px 24px!important;font-size:24px!important;font-weight:800!important}.ip-thai{color:var(--text)!important;margin-top:8px!important;font-size:26px!important;font-weight:700!important}.corner-action-btn{width:var(--corner-btn-size);height:var(--corner-btn-size);color:var(--text-muted);cursor:pointer;background:#f8fafce6;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.corner-action-btn:active{background:#e2e8f0;transform:scale(.92)}.ip-voice-group{background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;align-items:stretch;gap:8px;width:100%;margin-top:32px;padding:6px;display:flex}.ip-v-btn-sleek{cursor:pointer;appearance:none;background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:14px 8px;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s;display:flex}.ip-v-btn-sleek i{color:var(--text-muted);font-size:18px}.ip-v-btn-sleek span{color:var(--text-muted);font-size:11px;font-weight:700}.ip-v-btn-sleek:active{background:#dbeafeb3}.ip-v-btn-sleek.active{z-index:2;background:#eff6ff;transform:scale(1.04);box-shadow:0 12px 26px #2563eb29}.ip-v-btn-sleek.active i,.ip-v-btn-sleek.active span{color:var(--primary)}.ip-v-btn-sleek:not(.active){opacity:.72;transform:scale(.96)}.ip-v-btn-sleek.primary{background:var(--primary)}.ip-v-btn-sleek.primary i,.ip-v-btn-sleek.primary span{color:#fff}.ip-v-btn-sleek:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}#lesson-list-container{flex-direction:column;flex-shrink:0;gap:12px;width:100%;display:flex}.lessons-content-padding{padding:0 0 82px}.lessons-scene-hero{min-height:188px;margin-top:8px;margin-bottom:18px}.lessons-scene-hero .category-scene-copy{width:min(304px,100% - 44px);padding:18px}.lessons-scene-hero .category-scene-title{font-size:26px}.category-grid,#sub-category-grid{flex-shrink:0}.quiz-overlay{background:var(--bg-alt);z-index:2000;flex-direction:column;display:none;position:absolute;inset:0}.quiz-overlay.active{display:flex}.quiz-header{padding:16px var(--corner-btn-right);border-bottom:1px solid var(--border);align-items:center;gap:15px;display:flex}.quiz-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:20px}.quiz-progress-container{background:#f1f5f9;border-radius:6px;flex:1;height:12px;overflow:hidden}.quiz-progress-fill{background:var(--primary);width:0%;height:100%;transition:width .3s}.quiz-lives{color:#ef4444;align-items:center;gap:5px;font-weight:800;display:flex}.quiz-body{flex-direction:column;flex:1;padding:30px 20px;display:flex;overflow-y:auto}.quiz-question-title{color:var(--text);margin-bottom:25px;font-size:22px;font-weight:800;line-height:1.4}.quiz-options-grid{grid-template-columns:1fr;gap:12px;display:grid}.quiz-option{padding:var(--sp-4) var(--sp-5);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:var(--surface);box-shadow:0 4px 0 var(--border);font-size:16px;font-weight:700;transition:all .2s}.quiz-option:hover{background:var(--primary-light);border-color:var(--primary)}.quiz-option.selected{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.quiz-option.correct{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.quiz-option.wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.quiz-sorting-area{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:120px;margin-bottom:30px;padding-bottom:10px;display:flex}.quiz-word-bank{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quiz-word-chip{background:var(--bg-alt);color:var(--text);cursor:pointer;border:2px solid #f1f5f9;border-radius:12px;padding:10px 16px;font-size:16px;font-weight:700;transition:all .1s;box-shadow:0 2px #f1f5f9}.quiz-word-chip:active{box-shadow:none;transform:translateY(2px)}.quiz-word-chip.used{opacity:0;pointer-events:none}.quiz-footer{border-top:1px solid var(--border);background:var(--bg-alt);flex-direction:column;padding:0;display:flex}.quiz-footer-btn-wrap{padding:20px}.quiz-feedback-panel{border-top:1px solid var(--border);padding:20px;animation:.3s quizSlideUp;display:none}.quiz-feedback-panel.active{display:block}.quiz-feedback-panel.correct{background:var(--primary-light);border-top:2px solid var(--primary)}.quiz-feedback-panel.wrong{background:var(--danger-light);border-top:2px solid #ef4444}.feedback-status{align-items:center;gap:10px;margin-bottom:8px;font-size:18px;font-weight:800;display:flex}.feedback-status.correct{color:var(--primary-dark)}.feedback-status.wrong{color:#b91c1c}.feedback-answer{color:var(--text);font-size:15px;line-height:1.4}.feedback-answer .label{color:var(--text-muted);margin-right:5px;font-weight:700}@keyframes quizSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quiz-check-btn{color:#fff;cursor:pointer;background:var(--primary);width:100%;box-shadow:0 4px 0 var(--primary-dark);border:none;border-radius:16px;padding:16px;font-size:18px;font-weight:800;transition:all .2s}.quiz-check-btn:active{box-shadow:none;transform:translateY(2px)}.quiz-check-btn.disabled{color:#cbd5e1;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.quiz-check-btn.next{background:#3b82f6;box-shadow:0 4px #2563eb}.quiz-result-overlay{background:var(--bg-alt);z-index:2100;justify-content:center;align-items:center;padding:40px 20px;display:none;position:absolute;inset:0}.quiz-result-overlay.active{display:flex}.qr-content{text-align:center;width:100%;max-width:400px}.qr-medal{filter:drop-shadow(0 10px 15px #f59e0b4d);margin-bottom:20px;font-size:80px;animation:2s ease-in-out infinite qr-medal-bounce;display:inline-block}@keyframes qr-medal-bounce{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.1)translateY(-10px)}}.qr-content h2{color:var(--text);margin-bottom:10px;font-size:28px;font-weight:800}.qr-content p{color:var(--text-muted);margin-bottom:30px}.qr-stats{grid-template-columns:1fr;gap:15px;margin-bottom:30px;display:grid}.qr-stat-item{background:#f8fafc;border-radius:20px;flex-direction:column;gap:5px;padding:20px;display:flex}.qr-stat-item .label{color:var(--text-light);font-size:14px;font-weight:700}.qr-stat-item .value{color:var(--primary);font-size:24px;font-weight:800}.qr-review-section{text-align:left;margin-bottom:30px}.qr-review-section h3{color:#ef4444;margin-bottom:15px;font-size:18px;font-weight:800}.qr-review-list{flex-direction:column;gap:10px;max-height:200px;padding-right:5px;display:flex;overflow-y:auto}.qr-review-card{background:#fff1f2;border-left:4px solid #ef4444;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.qr-review-card .kr{color:#b91c1c;font-weight:800}.qr-review-card .th{color:#e11d48;font-size:13px}.qr-home-btn{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:18px;font-size:18px;font-weight:800}.btn-voice-large{background:var(--primary);color:#fff;cursor:pointer;width:80px;height:80px;box-shadow:0 4px 0 var(--primary-dark);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:32px;transition:all .1s;display:flex}.btn-voice-large:active{box-shadow:none;transform:translateY(2px)}.btn-voice-small{background:var(--primary-light);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.is-busy{pointer-events:none;opacity:.7}#contacts-screen{background:linear-gradient(#f0f4ff 0%,#fff 40%,#fff5f5 100%)!important;padding:16px 20px 70px!important}.ct-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ct-title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:24px;font-weight:900}.ct-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:600}.ct-sos-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:900;animation:2s infinite sosPulse;display:flex;box-shadow:0 8px 20px #ef44444d}.ct-sos-badge i{font-size:16px;animation:1.5s infinite sosShake}@keyframes sosPulse{0%,to{box-shadow:0 8px 20px #ef44444d}50%{box-shadow:0 8px 30px #ef444480}}@keyframes sosShake{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}75%{transform:rotate(0)}}.ct-tabs-wrap{scrollbar-width:none;-ms-overflow-style:none;margin:0 -20px 20px;padding:0 20px;overflow-x:auto}.ct-tabs-wrap::-webkit-scrollbar{display:none}.ct-tabs{white-space:nowrap;gap:8px;padding:4px 0;display:flex}.ct-tab{background:var(--bg-alt);color:var(--text-muted);cursor:pointer;border:1.5px solid #e2e8f0;border-radius:999px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000008}.ct-tab:active{transform:scale(.95)}.ct-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#0000;box-shadow:0 6px 16px #2563eb4d}.ct-sos-hero{background:linear-gradient(135deg,#991b1b 0%,#dc2626 40%,#ef4444 100%);border-radius:28px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #dc262640}.ct-sos-overlay{pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"80\" cy=\"20\" r=\"40\" fill=\"rgba(255,255,255,0.05)\"/><circle cx=\"20\" cy=\"80\" r=\"30\" fill=\"rgba(255,255,255,0.03)\"/></svg>") 0 0/cover;position:absolute;inset:0}.ct-sos-content{z-index:2;position:relative}.ct-sos-title{color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}.ct-sos-title i{color:#fde047;font-size:16px}.ct-sos-grid{align-items:center;gap:0;display:flex}.ct-sos-item{text-align:center;cursor:pointer;border-radius:20px;flex:1;padding:12px 8px;transition:all .2s}.ct-sos-item:active{background:#ffffff26;transform:scale(.96)}.ct-sos-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#fff3;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 10px;font-size:24px;display:flex}.ct-sos-name{color:#fff;margin-bottom:2px;font-size:16px;font-weight:800}.ct-sos-name-ko{color:#ffffffb3;margin-bottom:8px;font-size:11px;font-weight:600}.ct-sos-number{color:#fde047;letter-spacing:.02em;text-shadow:0 2px 10px #0003;font-size:28px;font-weight:900}.ct-sos-divider{background:#fff3;flex-shrink:0;width:1px;height:80px}.ct-list{flex-direction:column;gap:12px;display:flex}.ct-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:16px 0 8px;padding-left:4px;font-size:13px;font-weight:800;display:flex}.ct-group-title:before{content:"";border-radius:4px;flex-shrink:0;width:4px;height:16px}.ct-group-title[data-color=red]:before{background:#ef4444}.ct-group-title[data-color=green]:before{background:#22c55e}.ct-group-title[data-color=blue]:before{background:#0ea5e9}.ct-card{background:var(--bg-alt);cursor:pointer;border:1px solid #0000000a;border-radius:22px;align-items:center;gap:16px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.ct-card:before{content:"";opacity:.06;z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.ct-card:active{transform:scale(.98);box-shadow:0 2px 8px #0000000f}.ct-card-icon{z-index:1;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:relative;box-shadow:0 6px 14px #00000014}.ct-card-body{z-index:1;flex:1;min-width:0;position:relative}.ct-card-name{color:var(--text);margin-bottom:1px;font-size:16px;font-weight:800;line-height:1.3}.ct-card-name-ko{color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:600}.ct-card-desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.ct-card-right{z-index:1;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex;position:relative}.ct-card-number{letter-spacing:.02em;white-space:nowrap;font-size:15px;font-weight:900}.ct-call-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex;box-shadow:0 6px 16px #00000026}.ct-call-btn:active{transform:scale(.9);box-shadow:0 2px 6px #0000001a}.search-dropdown{background:var(--bg-alt);border:1px solid var(--border);z-index:999;border-radius:24px;max-height:450px;padding:10px;animation:.25s cubic-bezier(.4,0,.2,1) dropdownFadeIn;display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 50px #0003}.search-dropdown.active{display:block}.search-dropdown::-webkit-scrollbar{width:4px}.search-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.search-result-item{cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.search-result-item:hover{background:#f8fafc;border-color:#f1f5f9;transform:translate(4px)}.sri-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.sri-info{flex:1;min-width:0}.sri-title{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:800}.sri-cat{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.search-empty{text-align:center;color:var(--text-muted);padding:30px;font-size:14px;font-weight:600}.search-empty i{opacity:.5;margin-bottom:10px;font-size:24px;display:block}.all-cats-container{padding:0 20px 120px}.premium-banner-bottom{cursor:pointer;background:linear-gradient(135deg,#fff5f5 0%,#fffbf0 100%);border:1px solid #dc26261a;border-radius:28px;align-items:center;margin-top:32px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #0000000a}.premium-banner-bottom:active{transform:scale(.97)}.pb-left{margin-right:18px}.pb-star{filter:drop-shadow(0 4px 10px #f59e0b4d);font-size:32px}.pb-content{flex:1}.pb-title{color:#dc2626;letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:900}.pb-desc{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:800}.pb-sub{color:var(--text-muted);font-size:13px;font-weight:600}.pb-right{color:#dc2626;opacity:.6;font-size:16px}#profile-screen,#settings-screen{scrollbar-width:none;-ms-overflow-style:none;background:#f8fafc;position:absolute;top:0;left:0;width:100%!important;height:100%!important;overflow-y:auto!important}#profile-screen::-webkit-scrollbar{display:none}#settings-screen::-webkit-scrollbar{display:none}.profile-header-new{background:var(--bg-alt);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;min-height:64px;padding:12px 20px;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.profile-header-new .back-btn{flex:0 0 40px;justify-content:center;align-items:center;margin:0;display:inline-flex}.profile-title-new{color:var(--text);text-align:center;flex:1;margin:0;font-size:20px;font-weight:800}.profile-content-new,.settings-content{flex-direction:column;gap:24px;padding:12px 20px 20px;display:flex}.profile-main-card{background:var(--bg-alt);border-radius:24px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 14px 32px #0f172a14,0 4px 10px #0f172a0a,inset 0 1px #ffffff80}.pmc-avatar-wrap{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;padding:4px;box-shadow:0 12px 24px #2563eb47,0 4px 8px #0f172a1f,inset 0 1px #ffffff59}.pmc-avatar{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #fff;border-radius:28px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden;box-shadow:inset 0 4px 12px #0f172a0f,0 1px 3px #0000000a}.pmc-avatar img{object-fit:cover;width:100%;height:100%}.pmc-info{flex:1}.pmc-name{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:800}.pmc-status{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px 5px 10px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex}.pmc-status.premium{color:#fff;text-shadow:0 1px 1px #0f172a52;background:linear-gradient(135deg,#0f4ca8 0%,#2563eb 56%,#dc2626 100%);box-shadow:0 8px 16px #2563eb38,inset 0 1px #ffffff47,inset 0 -1px 2px #0f172a33}.pmc-status.premium i{color:#fff;filter:drop-shadow(0 1px 1px #0f172a59);font-size:10px}.pmc-status.free{color:#64748b;letter-spacing:.06em;background:#f1f5f9}.pmc-edit-link{border:1px solid var(--pill-soft-border);border-radius:var(--radius-pill);background:var(--pill-soft-bg);-webkit-backdrop-filter:blur(8px)saturate(140%);width:fit-content;color:var(--btn-soft-text);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 10px #2563eb14,inset 0 1px #fff9}.pmc-edit-link:hover{border-color:#2563eb66;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb24,inset 0 1px #ffffffb3}.pmc-edit-link:active{transform:translateY(0)scale(.96);box-shadow:0 2px 6px #2563eb1a,inset 0 1px #fff6}.pmc-edit-link i{font-size:13px}.profile-stats-bar{background:var(--bg-alt);border-radius:20px;justify-content:space-around;align-items:center;padding:20px;display:flex;box-shadow:0 4px 15px #00000008}.psb-item{text-align:center;flex:1}.psb-icon{margin-bottom:6px;font-size:16px;line-height:1}.psb-icon-xp{color:#f59e0b}.psb-icon-streak{color:#ef4444}.psb-icon-lessons{color:#3b82f6}.psb-val{color:var(--text);letter-spacing:-.02em;margin-bottom:2px;font-size:28px;font-weight:900;line-height:1.1}.psb-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.psb-divider{background:#f1f5f9;width:1px;height:44px}.profile-rank-card{background:var(--bg-alt);border-radius:24px;padding:20px 22px 22px;box-shadow:0 14px 32px #0f172a0f,0 3px 8px #0f172a08,inset 0 1px #ffffff80}.prc-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.prc-title{color:var(--text);margin:0;font-size:15px;font-weight:800}.prc-body{align-items:center;gap:14px;margin-bottom:16px;display:flex}.prc-badge{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:#fff;filter:drop-shadow(0 8px 14px #0f172a38);text-shadow:0 1px 2px #00000047;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:56px;font-size:22px;display:flex;position:relative}.prc-badge:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff6 0%,#fff0 50%,#00000026 100%);position:absolute;inset:0}.prc-badge i{z-index:2;position:relative}.prc-badge-bronze{background:linear-gradient(135deg,#fbbf81 0%,#cd7f32 50%,#92400e 100%)}.prc-badge-silver{background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 50%,#475569 100%)}.prc-badge-gold{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 50%,#b45309 100%)}.prc-badge-platinum{background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 45%,#1e40af 100%)}.prc-badge-diamond{background:linear-gradient(135deg,#f0f9ff 0%,#67e8f9 42%,#7c3aed 100%)}.prc-rank-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prc-name{color:var(--text);letter-spacing:-.01em;font-size:20px;font-weight:900;line-height:1.15}.prc-next{color:#94a3b8;letter-spacing:.02em;font-size:12px;font-weight:600}.prc-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),color .18s}.prc-link:active{color:var(--primary-dark);transform:scale(.96)}.prc-progress-wrap{flex-direction:column;gap:6px;display:flex}.prc-progress-meta{color:#94a3b8;letter-spacing:.02em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.prc-progress-track{background:#f1f5f9;border-radius:999px;height:8px;position:relative;overflow:hidden}.prc-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px #2563eb59}.profile-content-new{gap:28px}.profile-content-new>*{animation:.6s cubic-bezier(.22,1,.36,1) both profileCardEnter}.profile-content-new>:first-child{animation-delay:60ms}.profile-content-new>:nth-child(2){animation-delay:.14s}.profile-content-new>:nth-child(3){animation-delay:.22s}.profile-content-new>:nth-child(4){animation-delay:.3s}@keyframes profileCardEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.profile-menu-list{flex-direction:column;gap:12px;display:flex}.splash-brand-wrap{width:min(82vw,340px)}.splash-brand-img{object-fit:contain;filter:drop-shadow(0 18px 30px #0f172a29);-webkit-mask-image:none;mask-image:none}.profile-support-list{gap:10px}.pml-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;padding:0 4px 2px;font-size:12px;font-weight:900}.pml-item{background:var(--bg-alt);cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000005}.pml-guest-save{background:linear-gradient(135deg,#eff6fffa,#fffffff5);border:1px solid #2563eb2e}.pml-guest-save .pml-icon{color:#2563eb;background:#2563eb1a}.pml-item-muted{background:#f8fafc}.pml-item:active{background:#f8fafc;transform:scale(.98)}.pml-icon{background:var(--icon-tile-bg);width:40px;height:40px;color:var(--icon-tile-fg);border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.pml-label{color:var(--text);flex:1;font-size:16px;font-weight:700}.pml-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pml-copy .pml-label{overflow-wrap:anywhere;flex:none;font-size:15px;line-height:1.22}.pml-sub{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.pml-item i.fa-chevron-right{color:#cbd5e1;font-size:14px}.profile-app-card{background:linear-gradient(135deg,#fff 0%,#eef6ff 100%);border:1px solid #bfdbfee6;border-radius:18px;padding:18px;box-shadow:0 12px 28px #2563eb14}.profile-app-main{align-items:center;gap:14px;display:flex}.profile-app-icon{width:48px;height:48px;color:var(--primary);background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:3px;display:flex;overflow:hidden;box-shadow:0 8px 18px #2563eb29}.profile-app-icon img{object-fit:contain;width:100%;height:100%;display:block}.profile-app-copy{min-width:0}.profile-app-copy h3{color:var(--text);margin:0 0 4px;font-size:18px;font-weight:900}.profile-app-copy p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.42}.profile-app-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-app-meta span{color:#475569;background:#ffffffbd;border-radius:8px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}#settings-screen{background:#f8fafc}.settings-content{flex-direction:column;gap:24px;padding:20px;display:flex}.settings-group{background:var(--bg-alt);border-radius:24px;padding:8px 0;overflow:hidden;box-shadow:0 4px 15px #00000008}.settings-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0;padding:16px 24px 8px;font-size:13px;font-weight:800}.settings-item{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 24px;transition:background .2s;display:flex}.settings-item:not(:last-child){border-bottom:1px solid #f8fafc}.settings-item:active{background:#f8fafc}.settings-item-left{color:var(--text);align-items:center;gap:16px;font-size:16px;font-weight:700;display:flex}.settings-item-left i{width:24px;color:var(--text-muted);text-align:center;font-size:18px}.settings-item-right{align-items:center;gap:12px;display:flex}.settings-value{color:#94a3b8;font-size:15px;font-weight:600}.settings-theme-item{align-items:flex-start;gap:16px}.settings-theme-item .settings-item-left{padding-top:8px}.settings-theme-item .settings-item-right{flex-direction:column;flex:1;align-items:flex-end;gap:10px;min-width:0}.theme-selector{background:#eef5ff;border:1px solid #bfdbfed6;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(264px,100%);padding:5px;display:grid}.theme-option{color:#64748b;cursor:pointer;min-width:0;min-height:44px;transition:transform var(--motion-fast), background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:900;line-height:1.15;display:inline-flex}.theme-option i{font-size:14px}.theme-option.active{color:var(--primary);background:#fff;box-shadow:0 8px 18px #2563eb1f}.theme-option:active{transform:scale(.96)}[data-theme=dark] .settings-group,[data-theme=dark] .theme-option.active{background:#111827}[data-theme=dark] .theme-selector{background:#0f172ad1;border-color:#60a5fa2e}[data-theme=dark] .settings-item:not(:last-child){border-bottom-color:#60a5fa1a}[data-theme=dark] .theme-option{color:#94a3b8}[data-theme=dark] .theme-option.active{color:#93c5fd;box-shadow:0 10px 22px #2563eb29}@media (width<=390px){.settings-theme-item{flex-direction:column;align-items:stretch}.settings-theme-item .settings-item-left{padding-top:0}.settings-theme-item .settings-item-right{align-items:stretch;width:100%}.theme-selector{width:100%}}.settings-item i.fa-chevron-right{color:#cbd5e1;font-size:14px}.logout-item .settings-item-left span,.logout-item .settings-item-left i{color:#ef4444}.ios-switch{width:50px;height:28px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e2e8f0;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--bg-alt);border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--primary-dark)}input:checked+.slider:before{transform:translate(22px)}#lesson-detail-screen{display:none;z-index:100!important;background:radial-gradient(circle at 50% 0,#dbeafeb3,#0000 38%),linear-gradient(#f8fbff 0%,#f8fafc 52%,#eef4ff 100%)!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important}#lesson-detail-screen.active{display:flex!important}.lesson-header{box-sizing:border-box;width:100%;min-height:68px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 6px;background:0 0;flex:0 0 68px;grid-template-columns:42px minmax(0,1fr) 112px;align-items:center;column-gap:10px;display:grid}.lesson-header .back-btn{background:var(--primary-light);width:40px;height:40px;color:var(--primary);cursor:pointer;border:1px solid #2563eb1f;grid-column:1;justify-self:start;padding:0;font-size:20px}.lesson-header-text{grid-column:2;min-width:0;overflow:hidden}.lesson-header-text h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:800;overflow:hidden}.lesson-header-text p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.lesson-goal-timer{box-sizing:border-box;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:104px;max-width:112px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);border-radius:999px;grid-column:3;justify-content:center;justify-self:end;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:800}.lesson-goal-timer.is-done{color:#16a34a;background:#16a34a24;border-color:#16a34a57}.lesson-progress-container{box-sizing:border-box;background:0 0;flex:0 0 28px;grid-template-columns:28px minmax(0,1fr) 58px;align-items:center;column-gap:10px;width:100%;padding:4px 16px 12px;display:grid}.progress-icon{text-align:center;width:28px;color:var(--primary);font-size:18px}.progress-track{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-track .progress-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);width:20%;height:100%;transition:width .3s}.progress-count{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:58px;font-size:14px;font-weight:700}.lesson-scroll-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 20px 20px;display:flex;overflow-y:auto}.flashcard-premium{text-align:center;background:linear-gradient(#fffffff7,#f8fafce6),radial-gradient(circle at 50% 0,#dbeafeb3,#0000 55%);border:1px solid #dbeafee6;border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-height:268px;padding:14px 14px 18px;display:flex;position:relative;box-shadow:0 14px 28px #0f172a0f,0 6px 16px #2563eb0f}.favorite-placeholder-btn{color:#ca8a04;z-index:2;background:#fffbebf2;border:1px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:absolute;top:18px;right:18px}.favorite-placeholder-btn.is-fav{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b6b}.fav-container{padding:12px 16px 40px}.fav-item{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.fav-play{background:color-mix(in srgb, var(--primary) 12%, transparent);width:42px;height:42px;color:var(--primary);cursor:pointer;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:16px;display:flex}.fav-body{flex:auto;min-width:0}.fav-cat{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;margin-bottom:5px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.fav-kr{color:var(--text);font-size:17px;font-weight:800;line-height:1.3}.fav-pr{color:var(--text-muted);margin-top:2px;font-size:13px}.fav-th{color:var(--text);opacity:.85;margin-top:2px;font-size:13px}.fav-remove{color:#f59e0b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;width:38px;height:38px;font-size:18px}.fav-empty{text-align:center;color:var(--text-muted);padding:60px 24px}.fav-empty i{color:#fbbf24;margin-bottom:14px;font-size:44px;display:block}.fav-empty p{margin:0;font-size:14px;line-height:1.5}.scenario-chip{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;max-width:100%;margin:0 0 16px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.25;display:inline-flex}.lesson-situation-img{object-fit:cover;border-radius:18px;width:100%;max-height:170px;margin:32px 0 16px}.lesson-situation-strip{text-align:left;background:#eff6ffc2;border:1px solid #bfdbfecc;border-radius:20px;align-items:center;gap:12px;width:100%;padding:8px 54px 8px 8px;display:flex}.lesson-situation-thumb{object-fit:cover;border-radius:16px;flex-shrink:0;width:58px;height:58px;box-shadow:0 8px 18px #0f172a1a}.lesson-situation-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.lesson-situation-copy span{color:var(--primary);font-size:11px;font-weight:800;line-height:1.2}.lesson-situation-copy strong{color:#334155;-webkit-line-clamp:2;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:13px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.lesson-empty-state{min-height:360px;box-shadow:none;border:1px dashed #cbd5e1;gap:14px}.empty-lesson-icon{background:#eff6ff;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;display:flex}.empty-lesson-note{color:#64748b;max-width:360px;margin:0;font-size:16px;font-weight:700;line-height:1.65}.card-tag{color:var(--primary);background:#eff6ffdb;border:1px solid #bfdbfed1;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:14px;left:16px}.flashcard-kr-new{color:var(--text);margin:4px 0 0;font-size:34px;font-weight:800;line-height:1.18}.flashcard-kr-new.long{font-size:28px;line-height:1.2}.flashcard-kr-new.very-long{font-size:24px;line-height:1.22}.pronunciation-pill{color:var(--primary);white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;background:#eff6ff;border:1px solid #bfdbfed1;border-radius:14px;max-width:100%;padding:9px 14px;font-size:15px;font-weight:700;line-height:1.45}.speaker-btn-round{color:var(--primary);cursor:pointer;appearance:none;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 8px 18px #2563eb1f}.flashcard-th-new{color:var(--text);margin-top:2px;font-size:18px;font-weight:700;line-height:1.35}.flashcard-th-new.long{font-size:17px}.flashcard-th-new.very-long{font-size:16px}.lesson-interactions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.mini-actions{background:#ffffffe0;border:1px solid #dbeafeeb;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:0;width:100%;padding:6px;display:grid;box-shadow:0 10px 22px #0f172a0d,0 4px 12px #2563eb0d}.mini-btn{box-shadow:none;cursor:pointer;width:100%;min-width:0;min-height:66px;font:inherit;text-align:center;appearance:none;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.mini-btn:not(:last-child):after{content:"";background:#bfdbfeb8;width:1px;height:64%;position:absolute;top:18%;right:-1px}.mini-icon{width:36px;height:36px;color:var(--primary);background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.mini-icon.blue{color:var(--primary);background:#eff6ff}.big-mic-btn{background:linear-gradient(135deg, var(--primary), #1d4ed8);color:#fff;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;padding:16px;font-size:18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 14px 28px #2563eb3d,0 6px 14px #1d4ed824}.speech-result-panel{text-align:center;transform-origin:50%;border:2px solid #0000;border-radius:20px;outline:none;width:100%;margin-top:20px;padding:16px;position:relative;overflow:hidden}.speech-result-panel.is-close{box-shadow:0 18px 34px #0f172a2e,0 0 0 1px #f59e0b38;background-color:#fff7d6!important;border-color:#f59e0b!important}.speech-result-panel.is-success-ready{box-shadow:0 18px 34px #0f172a29,0 0 0 1px #22c55e3d;background-color:#dcfce7!important;border-color:#22c55e!important}#speech-result-spoken{color:#334155!important}.speech-result-panel>*{z-index:1;position:relative}.speech-result-panel.is-success-pop{animation:.58s cubic-bezier(.16,1.2,.28,1) both successPop;box-shadow:0 16px 34px #22c55e2e,0 6px 14px #16a34a1f}.speech-result-panel.is-success-ready{border-color:#22c55e}.speech-result-panel.is-success-pop:after{content:"";pointer-events:none;background:radial-gradient(circle at 32% 35%,#fffffff2 0 3px,#0000 4px),radial-gradient(circle at 68% 24%,#fffc 0 2px,#0000 3px),radial-gradient(circle at 76% 68%,#fffc 0 3px,#0000 4px),linear-gradient(105deg,#0000 35%,#ffffff85,#0000 62%);animation:.82s ease-out both successSparkle;position:absolute;inset:-35%}.speech-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.speech-result-actions .btn{border-radius:12px;flex:1;transition:transform .12s,box-shadow .12s}.speech-result-actions .btn-outline{box-shadow:0 8px 16px #0f172a14;color:#1e40af!important;background:#ffffffeb!important;border:1.5px solid #2563eb47!important}.speech-result-actions .btn-primary,.speech-result-actions .speech-next-btn{box-shadow:0 12px 24px #2563eb42;color:#fff!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:0!important}.speech-result-actions .btn:active{transform:scale(.95)}.speech-repeat-btn.is-pressed{transform:scale(.95);box-shadow:0 0 0 4px #2563eb40}.speech-result-actions .speech-play-btn,.speech-result-actions .speech-record-btn{flex:1 0 100%;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.speech-record-btn.is-recording{color:#b91c1c;background:#fee2e2;border-color:#ef4444;animation:1s ease-in-out infinite speechRecPulse}@keyframes speechRecPulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 6px #ef444400}}.speech-result-actions.is-success-actions{display:block}.speech-result-actions.is-success-actions .speech-record-btn,.speech-result-actions.is-success-actions .speech-play-btn{width:min(190px,100%);min-height:48px;margin:0 auto 12px;box-shadow:0 8px 16px #16a34a1a;color:#15803d!important;background:#ffffffd1!important;border-color:#22c55e4d!important}.speech-result-panel.is-close .speech-record-btn,.speech-result-panel.is-close .speech-play-btn,.speech-result-panel.is-close .speech-repeat-btn{color:#92400e!important;background:#ffffffc7!important;border-color:#f59e0b5c!important}[data-theme=dark] #lesson-detail-screen .speech-result-panel{color:#0f172a!important}[data-theme=dark] #lesson-detail-screen .speech-result-panel #speech-result-spoken{color:#334155!important}[data-theme=dark] #lesson-detail-screen .speech-result-actions .btn-outline{color:#1e40af!important;background:#ffffffeb!important;border-color:#2563eb47!important}[data-theme=dark] #lesson-detail-screen .speech-result-panel.is-close .speech-record-btn,[data-theme=dark] #lesson-detail-screen .speech-result-panel.is-close .speech-play-btn,[data-theme=dark] #lesson-detail-screen .speech-result-panel.is-close .speech-repeat-btn{color:#92400e!important;background:#fffc!important;border-color:#f59e0b61!important}[data-theme=dark] #lesson-detail-screen .speech-result-actions.is-success-actions .speech-record-btn,[data-theme=dark] #lesson-detail-screen .speech-result-actions.is-success-actions .speech-play-btn{color:#15803d!important;background:#ffffffd6!important;border-color:#22c55e52!important}.speech-success-next-btn{justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-size:17px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #16a34a3d,0 6px 14px #15803d29;color:#fff!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;border:none!important;border-radius:16px!important}.speech-success-next-btn:active{transform:translateY(1px)scale(.99)}.speech-result-panel.is-close{animation:.34s both feedbackNudge}.speech-result-panel.is-wrong{animation:.28s both feedbackShake}@keyframes successPop{0%{opacity:.7;transform:scale(.94)translateY(8px)}56%{opacity:1;transform:scale(1.035)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes successSparkle{0%{opacity:0;transform:translate(-16%)rotate(-8deg)}35%{opacity:1}to{opacity:0;transform:translate(18%)rotate(8deg)}}@keyframes feedbackNudge{0%{opacity:.78;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackShake{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}.lesson-footer-nav{width:100%;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);z-index:1100;background:#fffffff5;border-top:1px solid #f1f5f9;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative;box-shadow:0 -12px 24px #0f172a0f}.lesson-footer-nav.feedback-mode{justify-content:flex-start}.lesson-footer-nav.feedback-mode #btn-next{display:none}.nav-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.pr-row{justify-content:center;align-items:center;gap:8px;width:100%;margin:0;display:flex}.pronunciation-pill{margin-bottom:0!important}.speaker-btn-round{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 8px 18px #2563eb1f}.speaker-btn-round:active{background:#dbeafe;transform:scale(.9)}.lesson-interactions{gap:12px;width:100%;background:0 0!important}.mini-btn{cursor:pointer;width:100%;min-width:0;min-height:66px;font:inherit;text-align:center;background:0 0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:none!important;border:1px solid #0000!important}.mini-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.mini-btn span{color:var(--text-muted);white-space:normal;word-break:break-word;font-size:11px;font-weight:700;line-height:1.35}.mini-btn:active{background:#eff6ffe6;transform:translateY(1px)scale(.97);box-shadow:0 6px 14px #2563eb1f!important}.mini-btn.loading{color:var(--primary);pointer-events:none}.mini-btn.loading .mini-icon i,.mini-btn.loading>i{animation:.9s linear infinite spin}.mini-btn:focus-visible,.big-mic-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb26,0 10px 24px #2563eb24!important}.big-mic-btn{cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;font-weight:800;transition:all .2s;display:flex;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:24px!important;padding:16px!important;font-size:18px!important;box-shadow:0 14px 28px #2563eb3d,0 6px 14px #1d4ed824!important}.big-mic-btn:active{transform:scale(.98)}@media (width<=420px){.instant-content{gap:20px;padding-top:40px}.btn-speak-big{gap:12px;padding:20px;font-size:18px}.mini-actions{gap:0}.mini-btn{min-height:64px;padding:9px 5px}.mini-btn span{font-size:11px}.lesson-scroll-content{padding:14px 16px 18px}}.pronunciation-pill .pronunciation-continuous{overflow-wrap:anywhere;word-break:break-word;white-space:normal!important;width:auto!important;display:inline!important}.listening-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;opacity:0;pointer-events:none;background:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.listening-overlay.active{opacity:1;pointer-events:auto}.listening-content{text-align:center;flex-direction:column;align-items:center;display:flex}.listening-animation-box{justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.listening-mic-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:40px;animation:1.5s infinite pulseMic;display:flex;box-shadow:0 10px 25px #2563eb4d}@keyframes pulseMic{0%{transform:scale(.95);box-shadow:0 0 #2563eb80}70%{transform:scale(1.05);box-shadow:0 0 0 20px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.sound-wave-left,.sound-wave-right{align-items:center;gap:4px;height:40px;display:flex}.sound-wave-left .bar,.sound-wave-right .bar{background-color:#93c5fd;border-radius:2px;width:4px;animation:1s ease-in-out infinite alternate waveAnim}.sound-wave-left .bar:first-child{height:10px;animation-delay:0s}.sound-wave-left .bar:nth-child(2){height:20px;animation-delay:.1s}.sound-wave-left .bar:nth-child(3){height:35px;animation-delay:.2s}.sound-wave-left .bar:nth-child(4){height:20px;animation-delay:.3s}.sound-wave-left .bar:nth-child(5),.sound-wave-right .bar:first-child{height:10px;animation-delay:.4s}.sound-wave-right .bar:nth-child(2){height:20px;animation-delay:.3s}.sound-wave-right .bar:nth-child(3){height:35px;animation-delay:.2s}.sound-wave-right .bar:nth-child(4){height:20px;animation-delay:.1s}.sound-wave-right .bar:nth-child(5){height:10px;animation-delay:0s}@keyframes waveAnim{0%{opacity:.5;height:8px}to{opacity:1;height:35px}}.listening-title{color:var(--text);margin-bottom:6px;font-size:24px;font-weight:800}.listening-subtitle{color:var(--primary);font-size:18px;font-weight:600}.big-mic-btn.mic-anim{animation:none;box-shadow:none!important;background:0 0!important;padding:0!important}.inline-listen-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.inline-listen-waves{align-items:center;gap:15px;display:flex}.inline-sound-wave{align-items:center;gap:4px;height:40px;display:flex}.inline-sound-wave .bar{background-color:#93c5fd;border-radius:2px;width:4px;animation:1s ease-in-out infinite alternate inlineWaveAnim}.inline-sound-wave.left .bar:first-child{height:10px;animation-delay:0s}.inline-sound-wave.left .bar:nth-child(2){height:20px;animation-delay:.1s}.inline-sound-wave.left .bar:nth-child(3){height:35px;animation-delay:.2s}.inline-sound-wave.left .bar:nth-child(4){height:20px;animation-delay:.3s}.inline-sound-wave.left .bar:nth-child(5),.inline-sound-wave.right .bar:first-child{height:10px;animation-delay:.4s}.inline-sound-wave.right .bar:nth-child(2){height:20px;animation-delay:.3s}.inline-sound-wave.right .bar:nth-child(3){height:35px;animation-delay:.2s}.inline-sound-wave.right .bar:nth-child(4){height:20px;animation-delay:.1s}.inline-sound-wave.right .bar:nth-child(5){height:10px;animation-delay:0s}@keyframes inlineWaveAnim{0%{opacity:.4;height:8px}to{opacity:1;height:35px}}.inline-mic-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;animation:1.5s infinite inlineMicPulse;display:flex;box-shadow:0 10px 25px #2563eb4d}@keyframes inlineMicPulse{0%{transform:scale(.95);box-shadow:0 0 #2563eb80}70%{transform:scale(1.05);box-shadow:0 0 0 15px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.inline-listen-text{text-align:center;line-height:1.2}.inline-listen-text .title{color:var(--text);font-size:16px;font-weight:800}.inline-listen-text .sub{color:var(--primary);margin-top:4px;font-size:14px;font-weight:600}#lesson-complete-screen{box-sizing:border-box;z-index:100;flex-direction:column;height:100%;min-height:100dvh;display:none;position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 8%, #60a5fa2e, transparent 34%), radial-gradient(circle at 12% 88%, #0ea5e91f, transparent 30%), var(--bg)!important;padding:0!important}#lesson-complete-screen.active{display:flex!important}.lc-confetti-bg{pointer-events:none;z-index:1;opacity:.95;position:absolute;inset:0;overflow:hidden}.confetti{opacity:0;transform-origin:50%;width:8px;height:16px;position:absolute}#lesson-complete-screen.celebrating .confetti{animation:3.6s cubic-bezier(.16,.7,.28,1) infinite confettiFall}.c1{background:#3b82f6;animation-delay:0s;top:-10%;left:10%;transform:rotate(45deg)}.c2{background:#38bdf8;border-radius:50%;width:10px;height:10px;animation-delay:1s;top:-20%;left:30%;transform:rotate(-20deg)}.c3{background:#fbbf24;animation-delay:.5s;top:-5%;left:50%;transform:rotate(15deg)}.c4{background:#10b981;animation-delay:1.5s;top:-15%;left:70%;transform:rotate(-45deg)}.c5{background:#60a5fa;border-radius:50%;width:12px;height:12px;animation-delay:.2s;top:-10%;left:85%;transform:rotate(30deg)}.c6{background:#f97316;animation-delay:2s;top:-25%;left:20%;transform:rotate(60deg)}.c7{background:#3b82f6;width:14px;height:14px;animation-delay:2.5s;top:-10%;left:60%;transform:rotate(-60deg)}.c8{background:#fbbf24;animation-delay:.8s;top:-20%;left:90%;transform:rotate(10deg)}.c9{background:#2563eb;border-radius:999px;width:12px;height:12px;animation-delay:1.2s;top:-18%;left:6%}.c10{background:#22c55e;width:7px;height:18px;animation-delay:1.7s;top:-24%;left:42%}.c11{background:#fde68a;border-radius:999px;width:14px;height:8px;animation-delay:2.1s;top:-22%;left:76%}.c12{background:#0ea5e9;width:9px;height:9px;animation-delay:2.6s;top:-12%;left:14%}.c13{background:#f59e0b;width:11px;height:16px;animation-delay:.35s;top:-18%;left:54%}.c14{background:#93c5fd;width:8px;height:20px;animation-delay:3s;top:-26%;left:94%}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)scale(.8)}10%{opacity:1}45%{opacity:.95;transform:translate(22px,44vh)rotate(260deg)scale(1)}to{opacity:0;transform:translate(-18px,104vh)rotate(720deg)scale(.86)}}.lc-header{top:max(14px, calc(10px + env(safe-area-inset-top,0px)));z-index:30;pointer-events:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;left:16px}.lc-header .back-btn{background:var(--primary-light);width:40px;height:40px;color:var(--primary);cursor:pointer;pointer-events:auto;border:1px solid #2563eb1f;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex;box-shadow:0 6px 16px #2563eb1a}.lc-content{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;min-height:0;padding:max(64px, calc(52px + env(safe-area-inset-top,0px))) 24px max(72px, calc(56px + env(safe-area-inset-bottom,0px)));z-index:10;text-align:center;flex-direction:column;flex:auto;align-items:center;display:flex;position:relative;overflow-y:auto}.lc-badge-container{margin-top:8px;margin-bottom:18px;position:relative}.lc-badge-container:before{content:"";filter:blur(2px);background:radial-gradient(circle,#60a5fa47,#60a5fa00);border-radius:50%;width:156px;height:156px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-hexagon{background:linear-gradient(135deg, var(--primary), #1d4ed8);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);justify-content:center;align-items:center;width:140px;height:160px;display:flex;position:relative;box-shadow:0 15px 30px #2563eb59}#lesson-complete-screen.celebrating .lc-hexagon{animation:.72s cubic-bezier(.19,1,.22,1) lcBadgePop,2.4s ease-in-out .72s infinite lcGlowPulse}.lc-hexagon i{color:#fbbf24;text-shadow:0 5px 15px #0000004d;filter:drop-shadow(0 4px #d97706);font-size:80px}.lc-title{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:800}#lesson-complete-screen.celebrating .lc-title,#lesson-complete-screen.celebrating .lc-subtitle{animation:.55s both lcFadeUp}#lesson-complete-screen.celebrating .lc-subtitle{animation-delay:80ms}.lc-subtitle{color:var(--text-muted);margin:0 0 18px;font-size:16px;font-weight:600}.lc-xp{color:var(--primary);text-shadow:0 2px 10px #2563eb33;background:#eff6ffc7;border:1px solid #93c5fdb8;border-radius:999px;margin-bottom:22px;padding:8px 18px;font-size:38px;font-weight:900;box-shadow:0 12px 28px #2563eb1f}#lesson-complete-screen.celebrating .lc-xp{animation:.86s cubic-bezier(.16,1.2,.28,1) .14s both xpBounce}.header-action-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .2s;display:flex}.header-action-btn:active{background:var(--bg-alt)}.vocab-search-container{margin-bottom:20px;animation:.3s slideDown;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vocab-search-container i{color:var(--text-muted);font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.vocab-search-container input{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);outline:none;padding:14px 16px 14px 44px;font-size:15px;font-weight:600;transition:all .2s}.vocab-tabs-container{gap:8px;margin-bottom:16px;display:flex}.vtab{background:var(--bg-alt);color:var(--text-muted);cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:10px 4px;font-size:13px;font-weight:700;transition:all .2s}.vtab.active{color:#3b3bff;background:#f0f7ff}[data-theme=dark] .vtab.active{background:var(--primary-light);color:var(--primary)}.vocab-card{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:16px;margin-bottom:0;padding:16px 0;transition:background .2s;display:flex}.vocab-card:active{background:#00000005}.vc-icon{width:40px;height:40px;color:var(--text-muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}[data-theme=dark] .vc-icon{background:var(--bg-alt);border-color:var(--border)}.vc-content{flex:1;min-width:0}.vc-kr{color:var(--text);margin-bottom:2px;font-size:18px;font-weight:800}.vc-th{color:var(--text-muted);font-size:14px;font-weight:600}.vc-actions{gap:8px;display:flex}.vc-btn-play{background:var(--bg);border:1px solid var(--border);width:40px;height:40px;color:var(--primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.vc-btn-play:active{background:var(--primary-light);transform:scale(.9)}[data-theme=dark] .vc-btn-play{background:var(--bg-alt)}.lc-progress-card{text-align:left;background:#ffffffe6;border:1px solid #dbeafee6;border-radius:22px;width:100%;margin-bottom:22px;padding:16px 20px;box-shadow:0 16px 34px #0f172a0f,0 6px 18px #2563eb14}#lesson-complete-screen.celebrating .lc-progress-card{animation:.58s .22s both lcFadeUp}.lc-progress-header{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.lc-progress-header span:last-child{color:var(--text-muted);font-weight:600}.lc-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0f172a14}.lc-progress-fill{background:linear-gradient(90deg, var(--primary), #60a5fa);border-radius:999px;height:100%;transition:width 1.35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 0 18px #2563eb47}.lc-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);position:absolute;inset:0;transform:translate(-100%)}#lesson-complete-screen.celebrating .lc-progress-fill:after{animation:1.2s .6s 2 progressShine}.lc-actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}#lesson-complete-screen.celebrating .lc-actions{animation:.55s .34s both lcFadeUp}.lc-actions .btn-primary{background:var(--primary)!important;color:#fff!important;border-radius:16px!important;padding:16px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 20px #2563eb4d!important}.lc-actions .btn-outline{color:var(--primary)!important;box-shadow:none!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;padding:16px!important;font-size:16px!important;font-weight:700!important}@media (height<=700px) and (width<=480px){#lesson-complete-screen .lc-content{padding-top:max(56px, calc(46px + env(safe-area-inset-top,0px)));padding-bottom:max(56px, calc(44px + env(safe-area-inset-bottom,0px)))}#lesson-complete-screen .lc-badge-container{margin-top:0;margin-bottom:12px}#lesson-complete-screen .lc-badge-container:before{width:132px;height:132px}#lesson-complete-screen .lc-hexagon{width:112px;height:128px}#lesson-complete-screen .lc-hexagon i{font-size:64px}#lesson-complete-screen .lc-title{margin-bottom:6px;font-size:22px}#lesson-complete-screen .lc-subtitle{margin-bottom:12px;font-size:15px}#lesson-complete-screen .lc-xp{margin-bottom:16px;padding:6px 16px;font-size:34px}#lesson-complete-screen .lc-progress-card{margin-bottom:16px;padding:14px 16px}#lesson-complete-screen .lc-actions{gap:10px}#lesson-complete-screen .lc-actions .btn-primary,#lesson-complete-screen .lc-actions .btn-outline{padding:14px!important}}@keyframes lcBadgePop{0%{opacity:0;transform:translateY(18px)scale(.74)rotate(-8deg)}58%{opacity:1;transform:translateY(-5px)scale(1.08)rotate(3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes lcGlowPulse{0%,to{box-shadow:0 15px 30px #2563eb59,0 0 #60a5fa00}50%{box-shadow:0 18px 34px #2563eb6b,0 0 34px #60a5fa52}}@keyframes xpBounce{0%{opacity:0;transform:translateY(18px)scale(.7)}55%{opacity:1;transform:translateY(-8px)scale(1.14)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lcFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}#premium-screen{flex-direction:column;display:none;background:#f8fafc!important}#premium-screen.active{display:flex!important}.prem-hero-card{color:#fff;background:linear-gradient(135deg,#ffffff21,#fff0 42%),linear-gradient(135deg,#0f4ca8 0%,#2563eb 52%,#dc2626 100%);border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding:20px 24px 30px;position:relative;overflow:hidden;box-shadow:0 16px 34px #2563eb38,0 6px 18px #0f172a29}.prem-hero-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 68%,#ffffff52 68% 70%,#0000 70%),linear-gradient(90deg,#0000 0 73%,#dc262661 73% 75%,#0000 75%);position:absolute;inset:0}.prem-top-nav{z-index:1;margin-bottom:20px;position:relative}.prem-top-nav .back-btn{color:#fff;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:none;padding:5px;font-size:20px}.prem-hero-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.prem-hero-text{flex:1}.prem-hero-text h2{text-shadow:0 2px 4px #0003;margin:0 0 8px;font-size:24px;font-weight:800}.prem-hero-text p{opacity:.9;margin:0;font-size:14px;line-height:1.4}.prem-hero-icon{margin-left:16px}.prem-circle-icon{background:#ffffff2e;border:1px solid #ffffff57;border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:inset 0 0 15px #ffffff3d,0 12px 24px #0f172a47}.prem-circle-icon i{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:36px}.prem-features-box{flex:1;padding:30px 24px}.prem-feat-title{color:var(--text);margin:0 0 20px;font-size:16px;font-weight:800}.prem-feat-list{background:#ffffffdb;border:1px solid #e2e8f0eb;border-radius:24px;margin:0;padding:18px;list-style:none;box-shadow:0 12px 28px #0f172a0f}.prem-feat-list li{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.prem-feat-list li i{color:#2563eb;filter:drop-shadow(0 4px 8px #2563eb29);font-size:20px}.prem-plans-box{padding:0 24px 12px}.prem-section-head{gap:4px;margin-bottom:14px;display:grid}.prem-section-head h3{color:var(--text);letter-spacing:0;margin:0;font-size:17px;font-weight:900}.prem-section-head p{color:var(--text-muted);margin:0;font-size:13px;font-weight:650;line-height:1.45}.prem-plan-list{gap:12px;display:grid}.prem-plan-card{appearance:none;text-align:left;color:var(--text);cursor:pointer;background:#ffffffeb;border:1px solid #cbd5e1f0;border-radius:20px;gap:9px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;box-shadow:0 10px 24px #0f172a0f}.prem-plan-card:active{transform:scale(.985)translateY(1px)}.prem-plan-card.selected{background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#2563ebb3;box-shadow:0 14px 30px #2563eb24}.prem-plan-card.recommended{border-color:#dc262657}.prem-plan-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #2563eb2e;border-radius:999px;justify-self:start;align-items:center;min-height:26px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.prem-plan-card.recommended .prem-plan-badge{color:#b91c1c;background:#fef2f2;border-color:#dc262638}.prem-plan-title{color:var(--text);font-size:19px;font-weight:950;line-height:1.2}.prem-plan-price{color:var(--text);align-items:baseline;gap:6px;display:flex}.prem-plan-price strong{letter-spacing:0;font-size:24px;font-weight:950}.prem-plan-price em{color:var(--text-muted);font-size:13px;font-style:normal;font-weight:800}.prem-plan-desc{color:var(--text-muted);font-size:14px;font-weight:650;line-height:1.45}.prem-plan-save{color:#1d4ed8;background:#2563eb1a;border-radius:999px;justify-self:start;padding:6px 10px;font-size:12px;font-weight:900}.prem-plan-features{gap:7px;margin-top:2px;display:grid}.prem-plan-features>span{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:13px;font-weight:720;line-height:1.35;display:flex}.prem-plan-features i{color:#2563eb;margin-top:1px;font-size:12px;line-height:1.35}.prem-selected-summary{color:var(--text);text-align:center;background:#ffffffd1;border:1px solid #e2e8f0eb;border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:14px;font-weight:850}.prem-package-note{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:12px;font-weight:650;line-height:1.45}.premium-checkout-state{color:#475569;text-align:center;margin-top:20px;font-size:16px;font-weight:700;line-height:1.45}.premium-checkout-state .spinner{border-color:#ef444433 #ef444433 #ef444433 #ef4444;margin:0 auto}@media (width>=720px){.prem-plan-list{grid-template-columns:repeat(3,minmax(0,1fr))}.prem-plan-card{align-content:start}}.prem-action-area{background:linear-gradient(#f8fafc00,#f8fafc 42%);padding:20px 24px 240px}.pro-free-note{color:#475569;margin-top:4px;font-size:11.5px;font-weight:600;line-height:1.4;display:block}.btn-upgrade-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f4ca8 0%,#2563eb 58%,#dc2626 100%);border:1px solid #ffffff3d;border-radius:16px;width:100%;padding:18px;font-size:18px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 26px #2563eb3d,0 4px 12px #0f172a29}.btn-upgrade-now:active{transform:scale(.98)translateY(1px);box-shadow:0 7px 16px #7f1d1d38}.stats-content{padding:20px}.stats-lv-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:24px;box-shadow:0 10px 30px #0000000d}[data-theme=dark] .stats-lv-card{background:var(--bg-alt);border-color:var(--border);box-shadow:none}.sl-header{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.sl-lv{color:var(--text);font-size:32px;font-weight:800}.sl-xp{color:var(--text-muted);font-size:14px;font-weight:700}.sl-progress-track{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden}[data-theme=dark] .sl-progress-track{background:var(--border)}.sl-progress-fill{background:var(--primary);border-radius:6px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.sl-footer{color:var(--text-muted);text-align:right;font-size:14px;font-weight:600}.stats-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ss-item{text-align:left}.ss-label{color:var(--text-muted);white-space:nowrap;margin-bottom:4px;font-size:11px;font-weight:700}.ss-val{color:var(--text);font-size:18px;font-weight:800}.stats-chart-section{margin-top:30px}.sc-title{color:var(--text);margin-bottom:20px;font-size:16px;font-weight:800}.sc-container{width:100%;height:200px}.screen-header,.ct-header,.profile-header-new,.settings-header{padding-inline:var(--screen-pad-x)}.category-grid,.stats-summary-grid,.ct-list,.profile-stats-grid{gap:var(--sp-3)}:is(.card,.ps-card,.cat-card,.continue-card,.premium-status-card,.overview-header-card,.overview-stat-card,.goal-option,.sub-cat-item,.lesson-card,.flashcard-premium,.mini-actions,.lc-progress-card,.prem-feat-list,.profile-main-card,.profile-rank-card,.settings-card,.ct-card,.contact-card,.audio-fix-card,.ip-main-card,.stats-lv-card){transition:transform var(--motion-base), box-shadow var(--motion-base), border-color var(--motion-base), background var(--motion-base);border-radius:var(--radius-card)!important;border-color:var(--surface-border)!important;box-shadow:var(--shadow-card)!important}:is(.cat-card,.continue-card,.goal-option,.sub-cat-item,.lesson-card,.ct-card,.contact-card,.profile-menu-item,.settings-item):active{transform:translateY(1px)scale(.985);box-shadow:var(--shadow-sm)!important}:is(.cat-card,.continue-card,.goal-option,.sub-cat-item,.lesson-card,.ct-card,.contact-card):hover{box-shadow:var(--shadow-card-hover)!important}:is(.home-banner-card,.category-scene-hero,.sub-cat-header-wrap,.ct-sos-hero){border-radius:var(--radius-panel)!important;box-shadow:var(--shadow-premium)!important}.prem-hero-card{border-bottom-left-radius:var(--radius-panel)!important;border-bottom-right-radius:var(--radius-panel)!important;box-shadow:var(--shadow-premium)!important}:is(.btn:not(.btn-icon),.btn-primary:not(.btn-icon),.btn-success:not(.btn-icon),.btn-danger,.btn-outline,.btn-outline-modern,.btn-main-cta,.banner-btn,.big-mic-btn,.btn-upgrade-now,.qr-home-btn,.btn-speak-big,.btn-hero,.btn-sample,.lc-actions .btn-primary,.lc-actions .btn-outline){transition:transform var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast);border-radius:var(--radius-control)!important}:is(.btn-primary:not(.btn-icon),.btn-success:not(.btn-icon),.btn-main-cta,.big-mic-btn,.btn-upgrade-now,.btn-speak-big,.banner-btn,.lc-actions .btn-primary){box-shadow:var(--shadow-control)!important}:is(.lesson-footer-nav,.bottom-nav,.instant-bottom-bar){border-top-color:var(--border);box-shadow:0 -12px 24px #0f172a0f}@media (width<=390px){:root{--screen-pad-x:16px;--section-gap:14px}}:root{--app-page-motion:.32s cubic-bezier(.16, 1, .3, 1);--app-bar-bg:#ffffffe0;--app-bar-border:#dbeafec7;--app-edge-glow:#2563eb14}[data-theme=dark]{--app-bar-bg:#0f172adb;--app-bar-border:#60a5fa29;--app-edge-glow:#2563eb1f}html{background:var(--bg);overscroll-behavior:none;-webkit-text-size-adjust:100%;min-height:100%}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow:hidden}body,button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button,.btn,.nav-item,.cat-card,.lesson-card,.sub-cat-item,.profile-menu-item,.settings-item,.contact-card{touch-action:manipulation}.app-shell{isolation:isolate;background:linear-gradient(180deg, #fffffff0, #f8fafcfa), var(--bg);box-shadow:var(--shadow-lg), 0 0 0 8px var(--app-edge-glow);border:1px solid #dbeafeb8;transform:translateZ(0)}.app-shell:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #2563eb0a}.app-content{overscroll-behavior:none;background:radial-gradient(circle at 12% -8%,#dbeafebd,#0000 32%),radial-gradient(circle at 92% 8%,#e0f2fe9e,#0000 34%),linear-gradient(#fbfdff 0%,#f8fafc 48%,#eef5ff 100%)}.screen{padding:var(--screen-pad-y) var(--screen-pad-x) max(44px, calc(var(--sp-8) + env(safe-area-inset-bottom,0px)));overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:opacity, transform;transform:translateY(8px)scale(.992)}.screen.active{transform:translate(0,0)scale(1)}.screen.fade-in{animation:appScreenEnter var(--app-page-motion) both}@keyframes appScreenEnter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}:is(.lesson-scroll-content,.quiz-body,.ip-body,.login-screen,#profile-screen,#settings-screen,#contacts-screen,#premium-screen){overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.status-bar,.app-header,.app-nav{-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);border-color:#ffffff8c;background:#fff9!important}.status-bar{box-shadow:0 8px 20px #0f172a09}.app-header{height:68px;padding-inline:var(--screen-pad-x);box-shadow:0 12px 24px #0f172a0b}.header-search input{border-color:#dbeafef5;box-shadow:inset 0 1px #ffffffb8}.notif-btn{transition:transform var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);box-shadow:0 8px 18px #2563eb1a}.notif-btn:active{transform:scale(.92);box-shadow:0 4px 10px #2563eb1f}.app-nav{left:max(12px, calc(env(safe-area-inset-left,0px) + 10px));right:max(12px, calc(env(safe-area-inset-right,0px) + 10px));bottom:max(8px, env(safe-area-inset-bottom,0px));isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.65);backdrop-filter:blur(18px)saturate(1.65);z-index:900;border-radius:999px;min-height:56px;padding:5px 10px 6px;position:absolute;overflow:hidden;box-shadow:0 10px 26px #0f172a24,0 2px 10px #2563eb14,inset 0 1px #ffffffe0,inset 0 -1px #94a3b81f;background:#ffffff94!important;border:1px solid #ffffffc2!important}.app-nav:before{content:"";pointer-events:none;border-radius:inherit;opacity:.72;background:linear-gradient(#ffffff9e,#ffffff14 46%,#0f172a0a),linear-gradient(90deg,#2563eb1f,#0000 28% 72%,#dc26261f);position:absolute;inset:0}.nav-item{transition:transform var(--motion-fast), color var(--motion-fast), background var(--motion-fast);color:#1f2937;z-index:1;border-radius:999px;min-width:0;margin-inline:0;padding:2px 0 3px;position:relative;transform:translateZ(0)}.nav-item.active{color:#2563eb;background:0 0}.nav-item span{text-align:center;white-space:normal;max-width:88px;color:inherit;font-size:11px;font-weight:850;line-height:1.04}.nav-item .nav-icon{color:#1f2937;box-shadow:none;width:27px;height:27px;transition:color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);background:0 0;font-size:23px}.nav-item.active .nav-icon{color:#2563eb;box-shadow:none;background:0 0;transform:scale(1.05)}.nav-item.active span{color:#2563eb;font-weight:900}.nav-item:active{background:0 0;transform:scale(.94)}#real-listening-screen{padding:0 16px max(18px, calc(18px + env(safe-area-inset-bottom,0px)));gap:14px;background:linear-gradient(#f8fbff 0%,#eef6ff 48%,#f8fafc 100%)!important}.real-listening-header{order:1}.rl-category-card{order:2}.rl-category-menu{order:3}.rl-player{order:4}.rl-section-heading{order:5}.rl-phrase-list{order:6}.rl-status-card{order:7}.real-listening-header{color:#fff;background:linear-gradient(135deg,#0b63f6 0%,#1d4ed8 100%);grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:0 -16px 2px;padding:18px 16px 24px;display:grid;box-shadow:0 12px 26px #1d4ed833}.rl-header-copy{text-align:center;min-width:0}.rl-header-copy h2{letter-spacing:0;margin:0;font-size:22px;font-weight:900}.rl-header-copy p{color:#ffffffd1;margin:5px 0 0;font-size:13px;font-weight:700}.rl-header-btn{color:#fff;background:#ffffff21;border:0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.rl-category-card,.rl-status-card,.rl-player{background:#fff;border:1px solid #bfdbfec7;border-radius:8px;box-shadow:0 14px 30px #0f172a14}.rl-category-card{padding:16px}.rl-category-top,.rl-category-body,.rl-progress-row,.rl-player-top,.rl-time-row,.rl-status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.rl-category-top{margin-bottom:14px}.rl-eyebrow{color:#2563eb;font-size:12px;font-weight:900;display:block}.rl-category-card h3,.rl-section-heading h3,.rl-status-card h3,.rl-player h3{color:#0f172a;letter-spacing:0;margin:0;font-weight:900}.rl-category-card h3{font-size:19px}.rl-change-btn{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:0;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:900}.rl-category-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:8px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:inline-flex;box-shadow:0 10px 20px #2563eb38}.rl-category-meta{flex:1;min-width:0}.rl-category-meta>div:first-child{color:#334155;font-size:14px;font-weight:800;line-height:1.35}.rl-counts{color:#475569;flex-wrap:wrap;gap:10px;margin-top:7px;font-size:12px;font-weight:800;display:flex}.rl-progress-row{color:#334155;margin-top:16px;font-size:13px;font-weight:900}.rl-progress-row strong{color:#1d4ed8}.rl-progress-track{background:#e8eef7;border-radius:999px;height:9px;margin-top:8px;overflow:hidden}.rl-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0ea5e9);height:100%;transition:width .24s}.rl-category-menu{background:#fff;border:1px solid #bfdbfeb8;border-radius:8px;gap:8px;padding:8px;display:grid;box-shadow:0 12px 24px #0f172a14}.rl-category-menu[hidden]{display:none}.rl-category-menu button{color:#0f172a;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;font-weight:900;display:grid}.rl-category-menu button.active{color:#1d4ed8;background:#eff6ff}.rl-category-menu button.is-locked{opacity:.62}.rl-category-menu button.is-locked i{color:#94a3b8}.rl-category-menu button.is-locked small{color:#d32f2f;white-space:nowrap;font-weight:800}.rl-category-menu i{color:#0369a1;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.rl-category-menu small{color:#64748b;white-space:nowrap;font-size:11px}.rl-search-bar{position:relative}.rl-search-bar i{color:#64748b;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.rl-search-bar input{color:#111827;background:#fff;border:1px solid #bfdbfef2;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 16px 0 44px;font-size:15px;font-weight:800;box-shadow:0 10px 24px #0f172a0a}.rl-search-bar input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd38}.rl-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:4px;display:flex}.rl-section-heading h3{white-space:nowrap;font-size:17px}.rl-section-heading p{color:#64748b;text-align:right;max-width:210px;margin:0;font-size:12px;font-weight:700;line-height:1.35}.rl-phrase-list{gap:8px;display:grid}.rl-phrase-item{background:#fff;border:1px solid #e2e8f0f5;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px;display:grid;box-shadow:0 8px 20px #0f172a0a}.rl-phrase-item.active{background:#f8fbff;border-color:#93c5fd}.rl-phrase-item.done .rl-phrase-number{background:#10b981;box-shadow:0 8px 16px #10b9812e}.rl-phrase-number{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 8px 16px #2563eb33}.rl-phrase-copy{gap:3px;min-width:0;display:grid}.rl-phrase-copy small{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.rl-phrase-copy .ko{color:#111827;font-family:Noto Sans KR,Noto Sans Thai,sans-serif;font-size:16px;font-weight:900;line-height:1.25}.rl-phrase-copy span{color:#64748b;font-size:12px;font-weight:800;line-height:1.3}.rl-phrase-actions{align-items:center;gap:6px;display:inline-flex}.rl-phrase-play,.rl-phrase-menu,.rl-circle-btn,.rl-main-play,.rl-save-btn,.rl-loop-btn,.rl-rate-btn{border:0;font-family:inherit}.rl-phrase-play{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 9px 18px #2563eb3d}.rl-phrase-play.loading i,.rl-main-play.loading i{animation:.9s linear infinite spin}.rl-phrase-wait{color:#c2410c;background:#fff7ed;border:0;border-radius:8px;min-width:110px;padding:8px 10px;font-size:11px;font-weight:900}.rl-search-empty{color:#64748b;text-align:center;background:#ffffffb8;border:1px dashed #94a3b8bf;border-radius:8px;justify-items:center;gap:10px;padding:28px 18px;font-size:14px;font-weight:800;line-height:1.45;display:grid}.rl-search-empty i{color:#2563eb;opacity:.8;font-size:24px}.rl-voice-pilot{background:#eff6ff;border:1px solid #2563eb29;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.rl-voice-pilot[hidden]{display:none}.rl-voice-copy{gap:2px;min-width:0;display:grid}.rl-voice-copy span{color:#64748b;font-size:11px;font-weight:900}.rl-voice-copy strong{color:#1e3a8a;font-size:13px;font-weight:950;line-height:1.25}.rl-voice-actions{flex:none;gap:6px;display:inline-flex}.rl-voice-btn{color:#2563eb;background:#ffffffd1;border:0;border-radius:8px;min-height:36px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:950}.rl-voice-btn.active{color:#fff;background:#2563eb;box-shadow:0 10px 20px #2563eb2e}.rl-voice-btn:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.rl-phrase-menu{color:#94a3b8;background:0 0;border-radius:8px;width:30px;height:40px}.rl-player{z-index:1;padding:14px;position:relative;bottom:auto}.rl-player-top{align-items:flex-start}.rl-player-top span{color:#64748b;font-size:12px;font-weight:900;display:block}.rl-player h3{margin-top:3px;font-family:Noto Sans KR,Noto Sans Thai,sans-serif;font-size:16px;line-height:1.25}.rl-player p{color:#475569;margin:3px 0 0;font-size:12px;font-weight:800;line-height:1.3}.rl-save-btn{color:#334155;background:#f8fafc;border-radius:8px;justify-items:center;gap:3px;min-width:52px;padding:6px;font-size:11px;font-weight:900;display:inline-grid}.rl-save-btn.active{color:#ca8a04;background:#fef9c3}.rl-save-btn i{font-size:19px}.rl-seek{accent-color:#2563eb;width:100%;margin:13px 0 4px}.rl-time-row{color:#475569;font-size:12px;font-weight:900}.rl-player-controls{grid-template-columns:minmax(48px,1fr) minmax(44px,.9fr) 44px 62px 44px minmax(44px,.9fr);justify-content:center;align-items:center;gap:clamp(5px,1.6vw,8px);margin-top:14px;display:grid}.rl-rate-btn{color:#2563eb;background:#eff6ff;border-radius:8px;min-width:0;min-height:42px;font-size:13px;font-weight:900}.rl-rate-btn span{color:#64748b;margin-top:1px;font-size:9px;display:block}.rl-rate-btn.active{color:#fff;background:#2563eb}.rl-rate-btn.active span{color:#fffc}.rl-circle-btn{color:#475569;background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:inline-flex;position:relative}.rl-circle-btn small{font-size:10px;font-weight:900;position:absolute}.rl-main-play{color:#fff;background:linear-gradient(135deg,#2563eb,#0b63f6);border-radius:999px;justify-content:center;align-items:center;width:62px;height:62px;font-size:23px;display:inline-flex;box-shadow:0 14px 28px #2563eb47}.rl-main-play:disabled,.rl-rate-btn:disabled,.rl-circle-btn:disabled,.rl-loop-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.rl-main-play.unavailable{color:#94a3b8;background:#f8fafc}.rl-loop-btn{color:#2563eb;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:14px auto 0;padding:8px 14px;font-size:13px;font-weight:900;display:flex}.rl-loop-btn.active{color:#15803d;background:#dcfce7}.rl-status-card{gap:10px;margin-bottom:4px;padding:14px;display:grid}.rl-status-card h3{font-size:16px}.rl-status-row{color:#475569;background:#f8fafc;border-radius:8px;align-items:flex-start;padding:10px;font-size:13px;font-weight:900}.rl-status-row span{color:#334155;white-space:nowrap}.rl-status-row span i{color:#64748b;margin-right:6px}.rl-status-row strong{color:#334155;text-align:right;font-size:12px}.rl-status-row.ready{background:#eff6ff}.rl-status-row.ready span i,.rl-status-row.ready strong{color:#2563eb}@media (width<=380px){#real-listening-screen{padding-inline:12px}.real-listening-header{grid-template-columns:40px 1fr 40px;margin-inline:-12px}.rl-player-controls{grid-template-columns:48px 44px 40px 58px 40px 44px;gap:5px}.rl-rate-btn{font-size:12px}.rl-rate-btn span{display:none}.rl-voice-pilot{flex-direction:column;align-items:stretch}.rl-voice-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.rl-phrase-item{grid-template-columns:30px minmax(0,1fr)}.rl-phrase-actions{grid-column:2;justify-content:flex-start}}@media (width<=450px){body{width:100%;height:100%;position:fixed;inset:0}.app-shell{width:100vw;height:100svh;box-shadow:none;border:0;border-radius:0}.app-shell:before{box-shadow:none;border-radius:0}.status-bar,.app-header,.screen{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.app-nav{left:max(12px, calc(env(safe-area-inset-left,0px) + 10px));right:max(12px, calc(env(safe-area-inset-right,0px) + 10px));padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.screen.fade-in{animation:none!important}}.notif-btn{position:relative}.notif-badge{border:1.5px solid var(--bg-alt);color:#fff;text-align:center;pointer-events:none;background:linear-gradient(#ff5b5b 0%,#e11d48 100%);border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:800;line-height:12px;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #e11d4866}.notif-backdrop{-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:1010;background:#0f172a59;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.notif-backdrop.active{opacity:1;visibility:visible}.notif-panel{top:calc(env(safe-area-inset-top,0px) + 100px);z-index:1020;opacity:0;visibility:hidden;transform-origin:100% 0;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbeafecc;border-radius:22px;max-width:380px;margin-left:auto;transition:opacity .26s,transform .26s cubic-bezier(.22,1,.36,1),visibility .26s;position:fixed;left:12px;right:12px;overflow:hidden;transform:translateY(-10px)scale(.98);box-shadow:0 24px 60px #0f172a2e,0 8px 18px #0f172a14}.notif-panel.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.notif-panel-header{border-bottom:1px solid #dbeafe99;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.notif-panel-title{color:var(--text);margin:0;font-size:17px;font-weight:800}.notif-panel-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#94a3b81f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:flex}.notif-panel-close:active{background:#94a3b840}.notif-panel-list{flex-direction:column;max-height:70vh;padding:6px 0;display:flex;overflow-y:auto}.notif-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:12px 18px;transition:background .15s;display:flex}.notif-item:active{background:#60a5fa14}.notif-item+.notif-item{border-top:1px solid #dbeafe66}.notif-icon{color:#fff;text-shadow:0 1px 1px #0000002e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:flex;position:relative;box-shadow:0 8px 16px #0f172a2e,inset 0 1px #ffffff8c,inset 0 -2px 4px #0f172a2e}.notif-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff47 0%,#fff0 45%);position:absolute;inset:0}.notif-icon.streak{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.notif-icon.lesson,.notif-icon.review{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.notif-icon.daily{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.notif-icon.empty{background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%)}.notif-content{flex:1;min-width:0}.notif-item-title{color:var(--text);margin:0 0 2px;font-size:14.5px;font-weight:800;line-height:1.25}.notif-item-msg{color:var(--text-muted);margin:0;font-size:13px;line-height:1.35}.notif-item-empty{text-align:center;color:var(--text-muted);padding:28px 18px;font-size:14px}@media (width<=360px){.notif-panel{top:calc(env(safe-area-inset-top,0px) + 96px);left:8px;right:8px}.notif-icon{border-radius:12px;width:40px;height:40px;font-size:17px}}.header-logo,.splash-logo,.profile-app-icon,.modal-icon.modal-logo-icon{box-shadow:none!important;background:0 0!important;border:0!important}.header-logo img,.splash-logo img,.login-title img,.profile-app-icon img,.modal-icon.modal-logo-icon img{clip-path:inset(1px);box-shadow:none!important;background:0 0!important;border:0!important}.cat-card,.sub-cat-item,.lesson-card{text-rendering:optimizelegibility}#home-screen .category-grid,#all-categories-grid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cat-card.has-category-image{background:linear-gradient(#fff 0%,#fbfdff 62%,#f5f9ff 100%);min-height:218px;padding:10px;border-color:#cbe0fceb!important}.home-survival-card.has-category-image{min-height:154px;padding:0}.cat-card-media{aspect-ratio:16/11;background-position:var(--cat-card-position,center);border-radius:18px;margin-bottom:10px}.cat-card-title{-webkit-line-clamp:3;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;min-height:0;margin:0 0 7px;padding:0 2px;font-size:15px;font-weight:900;line-height:1.28;display:-webkit-box;overflow:hidden}.home-survival-card.has-category-image .cat-card-title{-webkit-line-clamp:3;margin:0;padding:0 12px 14px}.hangeul-progress-bar{width:86%;height:5px;margin:auto 0 6px}.hangeul-progress-text,.hangeul-progress-count{overflow-wrap:anywhere;font-size:11.5px;line-height:1.2}.sub-cat-container{padding:0 16px calc(104px + env(safe-area-inset-bottom,0px))}.sub-cat-list{gap:14px}.sub-cat-item{background:linear-gradient(#fff 0%,#f8fbff 100%);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid;border-color:#cbe0fce6!important}.sub-cat-thumb-wrap{border-radius:18px;width:64px;height:64px;margin:0}.sub-cat-main,.sub-cat-info{min-width:0}.sub-cat-main{gap:9px;padding-top:0}.sub-cat-top-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.sub-cat-title{-webkit-line-clamp:2;text-wrap:balance;overflow-wrap:anywhere;min-height:0;margin:0;font-size:17px;font-weight:900;line-height:1.28}.sub-cat-desc{color:#728197;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:750;line-height:1.58;display:-webkit-box;overflow:hidden}.sub-cat-progress{gap:3px;min-width:76px;padding-top:2px}.sub-cat-progress-percent{font-size:11.5px;line-height:1.2}.sub-cat-progress-count{font-size:11px;line-height:1.2}#lesson-list-container{gap:14px}.lesson-card{grid-template-columns:58px minmax(0,1fr);grid-template-areas:"thumb body""thumb badge";align-items:start;gap:9px 14px;min-height:102px;margin-bottom:0;padding:16px;overflow:hidden;background:linear-gradient(#fff 0%,#f8fbff 100%)!important;border:1px solid #cbe0fce6!important;display:grid!important}.lesson-card-icon.lesson-card-thumb{border-radius:16px;grid-area:thumb;width:58px;height:58px}.lesson-card-body{grid-area:body;min-width:0;padding-right:0}.lesson-card-body h4{color:var(--text);letter-spacing:0;-webkit-line-clamp:2;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 5px;font-size:16px;font-weight:900;line-height:1.3;display:-webkit-box;overflow:hidden}.lesson-card-body p{color:#728197;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.lesson-progress-wrap{grid-template-columns:minmax(76px,1fr) auto;align-items:center;gap:8px;min-width:0;margin-top:8px;display:grid}.lesson-progress-bar-mini{background:#eef4fb;width:100%;max-width:none;height:6px}.lesson-progress-count{color:#64748b;white-space:nowrap;min-width:0;font-size:11.5px;font-weight:850;line-height:1.2}.lesson-card-badge{white-space:nowrap;border-radius:999px;grid-area:badge;place-self:start;min-width:0;height:auto;min-height:24px;margin-top:-1px;padding:6px 9px;position:static}#sub-category-screen .screen-title,#lessons-title,.category-scene-title{overflow-wrap:anywhere;text-wrap:balance}#sub-category-screen .screen-sub,#lessons-sub,.category-scene-subtitle{overflow-wrap:anywhere;line-height:1.45}@media (width<=370px){#home-screen .category-grid,#all-categories-grid.category-grid{gap:12px}.cat-card.has-category-image{min-height:208px;padding:9px}.home-survival-card.has-category-image{min-height:146px}.cat-card-title{font-size:14px}.sub-cat-item{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px}.sub-cat-thumb-wrap{border-radius:16px;width:56px;height:56px}.sub-cat-top-row{grid-template-columns:1fr;gap:5px}.sub-cat-progress{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;min-width:0}.lesson-card{grid-template-columns:54px minmax(0,1fr);gap:8px 12px;padding:14px}.lesson-card-icon.lesson-card-thumb{width:54px;height:54px}.lesson-progress-wrap{grid-template-columns:1fr;gap:5px}.lesson-progress-count{white-space:normal}}@media (width>=700px){.app-shell{border-radius:32px;width:min(760px,100vw - 48px);height:min(1024px,100dvh - 48px)}.header-center{max-width:430px}.screen{padding-left:28px;padding-right:28px}#home-screen .category-grid,#all-categories-grid.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cat-card.has-category-image{min-height:226px}.home-survival-card.has-category-image{min-height:170px}.sub-cat-container{padding-inline:0}.sub-cat-list,#lesson-list-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sub-cat-item{min-height:136px}.sub-cat-top-row{grid-template-columns:1fr}.sub-cat-progress{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;min-width:0}.lesson-card{min-height:136px}.lesson-card-body p{-webkit-line-clamp:3}}@media (width>=1000px){.app-shell{width:min(900px,100vw - 64px)}#all-categories-grid.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-theme=dark]{--text-muted:#cbd5e1;--text-light:#a8b6ca;--surface-border:#60a5fa42;--border:#94a3b838}[data-theme=dark] body{color:#f8fafc!important;background:#020617!important}[data-theme=dark] .app-shell{background:linear-gradient(#0f172a 0%,#111827 54%,#020617 100%)!important;border-color:#60a5fa2e!important}[data-theme=dark] .app-content,[data-theme=dark] .screen,[data-theme=dark] #home-screen,[data-theme=dark] #all-categories-screen,[data-theme=dark] #sub-category-screen,[data-theme=dark] #category-overview-screen,[data-theme=dark] #lessons-screen,[data-theme=dark] #lesson-detail-screen,[data-theme=dark] #real-listening-screen,[data-theme=dark] #contacts-screen,[data-theme=dark] #history-screen,[data-theme=dark] #profile-screen,[data-theme=dark] #settings-screen,[data-theme=dark] #premium-screen{color:#f8fafc!important;background-color:#0f172a!important}[data-theme=dark] #real-listening-screen{background:radial-gradient(circle at 12% -8%,#2563eb2e,#0000 36%),linear-gradient(#0f172a 0%,#111827 52%,#020617 100%)!important}[data-theme=dark] .app-header,[data-theme=dark] .app-nav,[data-theme=dark] .status-bar,[data-theme=dark] .screen-header,[data-theme=dark] .profile-header-new,[data-theme=dark] .settings-header{color:#f8fafc!important;background-color:#0f172af0!important;border-color:#60a5fa2e!important}[data-theme=dark] #sub-category-screen .sub-cat-header-wrap .screen-header{background-color:#0000!important;border-color:#0000!important}[data-theme=dark] #sub-category-screen .sub-cat-banner{filter:brightness(.82)saturate(1.04)contrast(1.04)!important}[data-theme=dark] #sub-category-screen .sub-cat-banner:after{background:linear-gradient(90deg,#0000006b 0%,#0000002e 58%,#0000000f 100%)!important}[data-theme=dark] #sub-category-screen .sub-cat-header-wrap .back-btn{color:#fff!important;background:#0f172ac7!important;border-color:#93c5fd75!important;box-shadow:0 8px 18px #0206175c,inset 0 1px #ffffff29!important}[data-theme=dark] .app-nav{-webkit-backdrop-filter:blur(18px)saturate(1.65);backdrop-filter:blur(18px)saturate(1.65);background-color:#0f172a94!important;border-color:#93c5fd38!important;box-shadow:0 12px 28px #0206175c,0 2px 10px #2563eb1f,inset 0 1px #ffffff1a!important}[data-theme=dark] .app-nav:before{background:linear-gradient(#bfdbfe24,#0f172a14 48%,#0206171f),linear-gradient(90deg,#60a5fa38,#0000 30% 70%,#f8717129)}[data-theme=dark] .header-search,[data-theme=dark] .search-container,[data-theme=dark] .search-box{background-color:#0f172ad1!important;border-color:#94a3b85c!important}[data-theme=dark] .header-search input,[data-theme=dark] .search-container input,[data-theme=dark] .search-box input,[data-theme=dark] .rl-search-bar input,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#f8fafc!important;background-color:#0f172ae6!important;border-color:#94a3b85c!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{opacity:.78;color:#cbd5e1!important}[data-theme=dark] .cat-card.has-category-image,[data-theme=dark] .sub-cat-item,[data-theme=dark] .lesson-card,[data-theme=dark] .overview-header-card,[data-theme=dark] .overview-stat-card,[data-theme=dark] .goal-option,[data-theme=dark] .settings-card,[data-theme=dark] .settings-group,[data-theme=dark] .profile-main-card,[data-theme=dark] .profile-rank-card,[data-theme=dark] .profile-menu-list,[data-theme=dark] .profile-app-card,[data-theme=dark] .history-stat-card,[data-theme=dark] .contact-card,[data-theme=dark] .ct-card,[data-theme=dark] .continue-card,[data-theme=dark] .premium-status-card,[data-theme=dark] .rl-category-card,[data-theme=dark] .rl-category-menu,[data-theme=dark] .rl-player,[data-theme=dark] .rl-status-card,[data-theme=dark] .rl-phrase-item,[data-theme=dark] .rl-search-empty,[data-theme=dark] .prem-feat-list,[data-theme=dark] .stats-lv-card,[data-theme=dark] .modal-box,[data-theme=dark] .notif-panel{color:#f8fafc!important;background-color:#111827!important;background-image:linear-gradient(#1e293bf5,#0f172af5)!important;border-color:#60a5fa3d!important}[data-theme=dark] .profile-menu-list{background-color:#0000!important;background-image:none!important;border-color:#0000!important}[data-theme=dark] .cat-card.has-category-image:active,[data-theme=dark] .sub-cat-item:active,[data-theme=dark] .lesson-card:active{background-color:#1e293b!important;background-image:linear-gradient(#334155eb,#1e293bf2)!important}[data-theme=dark] .sub-cat-header-wrap,[data-theme=dark] .category-scene-hero,[data-theme=dark] .home-banner-card{background-color:#111827!important;border-color:#60a5fa38!important}[data-theme=dark] .screen-title,[data-theme=dark] .screen-header h2,[data-theme=dark] .cat-card-title,[data-theme=dark] .sub-cat-title,[data-theme=dark] .lesson-card-body h4,[data-theme=dark] .category-scene-title,[data-theme=dark] .profile-title-new,[data-theme=dark] .pmc-name,[data-theme=dark] .settings-item-left,[data-theme=dark] .settings-item-left span,[data-theme=dark] .rl-category-card h3,[data-theme=dark] .rl-section-heading h3,[data-theme=dark] .rl-status-card h3,[data-theme=dark] .rl-player h3,[data-theme=dark] .rl-phrase-copy .ko,[data-theme=dark] .prem-feat-title,[data-theme=dark] .notif-item-title,[data-theme=dark] .goal-name,[data-theme=dark] .ss-val,[data-theme=dark] .sc-title,[data-theme=dark] .sl-lv{color:#f8fafc!important}[data-theme=dark] .screen-sub,[data-theme=dark] .category-scene-subtitle,[data-theme=dark] .sub-cat-desc,[data-theme=dark] .lesson-card-body p,[data-theme=dark] .lesson-progress-count,[data-theme=dark] .hangeul-progress-text,[data-theme=dark] .hangeul-progress-count,[data-theme=dark] .sub-cat-progress-count,[data-theme=dark] .settings-value,[data-theme=dark] .profile-about-copy,[data-theme=dark] .pmc-email,[data-theme=dark] .pmc-status,[data-theme=dark] .rl-category-meta>div:first-child,[data-theme=dark] .rl-counts,[data-theme=dark] .rl-progress-row,[data-theme=dark] .rl-time-row,[data-theme=dark] .rl-section-heading p,[data-theme=dark] .rl-phrase-copy span,[data-theme=dark] .rl-player-top span,[data-theme=dark] .rl-player p,[data-theme=dark] .rl-status-row,[data-theme=dark] .rl-status-row span,[data-theme=dark] .rl-status-row strong,[data-theme=dark] .rl-rate-btn span,[data-theme=dark] .rl-voice-copy span,[data-theme=dark] .notif-item-msg,[data-theme=dark] .ss-label,[data-theme=dark] .sl-xp,[data-theme=dark] .prem-feat-list li{color:#cbd5e1!important}[data-theme=dark] .cs-more,[data-theme=dark] .sub-cat-progress-percent,[data-theme=dark] .overview-card-kicker,[data-theme=dark] .goal-status,[data-theme=dark] .goal-option.selected .goal-name,[data-theme=dark] .rl-eyebrow,[data-theme=dark] .rl-progress-row strong,[data-theme=dark] .rl-phrase-copy small,[data-theme=dark] .rl-search-empty i,[data-theme=dark] .settings-group-title,[data-theme=dark] .prc-link{color:#93c5fd!important}[data-theme=dark] .hangeul-progress-bar,[data-theme=dark] .sub-cat-progress-bar,[data-theme=dark] .lesson-progress-bar-mini,[data-theme=dark] .rl-progress-track,[data-theme=dark] .progress-bar-container,[data-theme=dark] .sl-progress-track{background-color:#94a3b83d!important}[data-theme=dark] .nav-item,[data-theme=dark] .nav-item span,[data-theme=dark] .nav-item i{color:#cbd5e1!important}[data-theme=dark] .nav-item.active{color:#bfdbfe!important;background-color:#0000!important}[data-theme=dark] .nav-item.active span,[data-theme=dark] .nav-item.active i,[data-theme=dark] .nav-item.active .nav-icon{color:#bfdbfe!important}[data-theme=dark] .nav-item.active .nav-icon{box-shadow:none!important;background:0 0!important}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-outline-modern,[data-theme=dark] .rl-change-btn,[data-theme=dark] .rl-save-btn,[data-theme=dark] .rl-rate-btn,[data-theme=dark] .rl-circle-btn,[data-theme=dark] .rl-loop-btn,[data-theme=dark] .rl-voice-btn,[data-theme=dark] .back-btn,[data-theme=dark] .vtab{color:#bfdbfe!important;background-color:#2563eb29!important;border-color:#60a5fa47!important}[data-theme=dark] .vtab.active,[data-theme=dark] .rl-category-menu button.active,[data-theme=dark] .rl-rate-btn.active,[data-theme=dark] .rl-voice-btn.active{color:#fff!important;background-color:#1d4ed8!important;background-image:linear-gradient(135deg,#2563eb,#1d4ed8)!important}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-main-cta,[data-theme=dark] .overview-primary-btn,[data-theme=dark] .banner-btn,[data-theme=dark] .rl-main-play,[data-theme=dark] .rl-phrase-play{color:#fff!important;background-color:#1d4ed8!important;background-image:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}[data-theme=dark] .rl-category-menu button{color:#f8fafc!important}[data-theme=dark] .rl-category-menu small,[data-theme=dark] .rl-phrase-menu{color:#cbd5e1!important}[data-theme=dark] .rl-category-menu i{color:#bae6fd!important;background-color:#0ea5e92e!important}[data-theme=dark] .rl-voice-pilot,[data-theme=dark] .rl-status-row,[data-theme=dark] .rl-status-row.ready,[data-theme=dark] .rl-phrase-item.active{background-color:#1e293bf2!important;background-image:none!important;border-color:#60a5fa42!important}[data-theme=dark] .rl-voice-copy strong,[data-theme=dark] .rl-status-row.ready span i,[data-theme=dark] .rl-status-row.ready strong{color:#93c5fd!important}[data-theme=dark] .rl-save-btn.active{color:#fde68a!important;background-color:#facc1529!important}[data-theme=dark] .rl-loop-btn.active{color:#86efac!important;background-color:#22c55e29!important}[data-theme=dark] .rl-phrase-wait{color:#fed7aa!important;background-color:#fb923c29!important}[data-theme=dark] .rl-main-play.unavailable{color:#cbd5e1!important;background-color:#94a3b82e!important;background-image:none!important}[data-theme=dark] .rl-seek{accent-color:#60a5fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .prem-hero-card{background-color:#0f172a!important;background-image:linear-gradient(135deg,#ffffff14,#fff0 42%),linear-gradient(135deg,#0f172a 0%,#1d4ed8 58%,#991b1b 100%)!important;border-color:#60a5fa47!important}[data-theme=dark] .prem-action-area{background-color:#0f172a!important;background-image:linear-gradient(#0f172a00,#0f172a 38%)!important}[data-theme=dark] .prem-section-head h3,[data-theme=dark] .prem-plan-title,[data-theme=dark] .prem-plan-price,[data-theme=dark] .prem-selected-summary{color:#f8fafc!important}[data-theme=dark] .prem-section-head p,[data-theme=dark] .prem-plan-desc,[data-theme=dark] .prem-plan-price em,[data-theme=dark] .prem-plan-features>span,[data-theme=dark] .prem-package-note{color:#cbd5e1!important}[data-theme=dark] .prem-plan-card{background:#111827e6!important;border-color:#60a5fa29!important;box-shadow:0 14px 26px #00000047!important}[data-theme=dark] .prem-plan-card.selected{background:linear-gradient(#1e293bfa,#0f172af2)!important;border-color:#60a5fa9e!important}[data-theme=dark] .prem-plan-card.recommended{border-color:#f8717161!important}[data-theme=dark] .prem-plan-badge{color:#bfdbfe!important;background:#2563eb38!important;border-color:#60a5fa47!important}[data-theme=dark] .prem-plan-card.recommended .prem-plan-badge{color:#fecaca!important;background:#dc26262e!important;border-color:#f8717152!important}[data-theme=dark] .prem-plan-save{color:#bfdbfe!important;background:#2563eb38!important}[data-theme=dark] .prem-selected-summary{background:#0f172adb!important;border-color:#60a5fa29!important}[data-theme=dark] .premium-checkout-state{color:#cbd5e1!important}[data-theme=dark] .btn-upgrade-now{color:#fff!important;background-color:#1d4ed8!important;background-image:linear-gradient(135deg,#0f4ca8 0%,#2563eb 58%,#dc2626 100%)!important}[data-theme=dark] .profile-status-new,[data-theme=dark] .pmc-status.free{color:#cbd5e1!important;background-color:#94a3b824!important}[data-theme=dark] .profile-photo-preview,[data-theme=dark] .avatar-choice{color:#cbd5e1!important;background:linear-gradient(#1e293bfa,#0f172af2)!important;border-color:#60a5fa47!important}[data-theme=dark] .profile-photo-preview strong{color:#f8fafc!important}[data-theme=dark] .profile-photo-preview span{color:#cbd5e1!important}[data-theme=dark] .profile-photo-preview img,[data-theme=dark] .avatar-choice img{background:#0f172a!important;border-color:#ffffff24!important}[data-theme=dark] .avatar-choice.selected{color:#bfdbfe!important;background:#2563eb38!important;border-color:#93c5fdb3!important}[data-theme=dark] .profile-upload-btn{color:#bfdbfe!important;background:#2563eb33!important;border-color:#93c5fd57!important}[data-theme=dark] .profile-clear-photo-btn{color:#cbd5e1!important;background:#0f172ae6!important;border-color:#94a3b847!important}[data-theme=dark] .modal-box :is(.modal-title,h1,h2,h3,h4,strong,label,.honor-rank,.profile-info-row strong){color:#f8fafc!important}[data-theme=dark] .modal-box :is(.modal-msg,p,li,span,small,.profile-info-value,.profile-info-note,.honor-sub,.honor-stats span){color:#cbd5e1!important}[data-theme=dark] .modal-box :is(.honor-rank-row,.honor-rank-max-row){background:#0f172ab8!important;border-color:#94a3b83d!important}[data-theme=dark] .modal-box .honor-rank-row em{color:#bfdbfe!important;background:#60a5fa29!important}[data-theme=dark] .modal-box .honor-rank-row.is-done em{color:#86efac!important;background:#10b98129!important}[data-theme=dark] .modal-box .premium-success-list p,[data-theme=dark] .modal-box .premium-success-list strong{color:#f8fafc!important}[data-theme=dark] .modal-box .fa-circle-check,[data-theme=dark] .modal-box .premium-success-list i{color:#93c5fd!important}[data-theme=dark] .modal-box .btn-primary,[data-theme=dark] .modal-box .btn-success{color:#fff!important}[data-theme=dark] .modal-box .btn-outline{color:#bfdbfe!important}.access-badge{letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:fit-content;max-width:100%;min-height:24px;padding:5px 9px;font-size:10.5px;font-weight:950;line-height:1.15;display:inline-flex;box-shadow:0 8px 16px #0f172a12}.access-badge i{font-size:10px;line-height:1}.access-badge-free{color:#047857;background:#ecfdf5;border-color:#10b98147}.access-badge-trial{color:#1d4ed8;background:#eff6ff;border-color:#2563eb42}.access-badge-premium{color:#9a3412;background:#fff7ed;border-color:#d9770647}.access-badge-locked{color:#b91c1c;background:#fff1f2;border-color:#dc26263d}.cat-access-badge{z-index:2;margin:0 0 7px;position:relative}.home-survival-card .cat-access-badge{margin:0 12px 12px}.access-badge-premium,.access-badge-locked{text-shadow:0 1px 2px #00000047;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1e40af 45%,#dc2626 100%)!important;border:1.5px solid #f5c451bf!important;box-shadow:0 6px 16px #1e3a8a4d!important}.access-badge-premium i,.access-badge-locked i{text-shadow:0 0 6px #f5c4518c;color:#f5c451!important}.access-badge-free{text-shadow:none;color:#047857!important;background:#e8fff4!important;border:1.5px solid #34d399!important;box-shadow:0 5px 14px #10b98152!important}.access-badge-free i{color:#059669!important}.home-survival-card .access-badge{border-radius:999px;gap:7px;min-height:0;padding:clamp(6px,1.6vw,9px) clamp(14px,4vw,20px);font-size:clamp(12px,3.4vw,15px)}.home-survival-card .access-badge i{font-size:clamp(12px,3.4vw,15px)}.sub-cat-info{gap:6px;display:grid}.sub-cat-access-badge{align-self:start}.lesson-card-badge.access-badge{grid-area:badge;place-self:start;width:fit-content;min-width:0;height:auto;min-height:24px;margin-top:-1px;padding:6px 9px;position:static;box-shadow:0 8px 16px #0f172a12}.lesson-inline-status{border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:22px;margin:0 0 5px;padding:4px 8px;font-size:10.5px;font-weight:900;line-height:1.1;display:inline-flex}.sub-cat-locked,.lesson-card.locked{opacity:.82}[data-theme=dark] .access-badge-free{color:#047857!important;background:#e8fff4!important;border:1.5px solid #34d399!important;box-shadow:0 5px 14px #00000059!important}[data-theme=dark] .access-badge-trial{color:#1d4ed8!important;background:#eff6ff!important;border:1.5px solid #60a5fa!important;box-shadow:0 5px 14px #00000059!important}[data-theme=dark] .access-badge-premium,[data-theme=dark] .access-badge-locked{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1e40af 45%,#dc2626 100%)!important;border-color:#f5c451b3!important}[data-theme=dark] .access-badge-premium i,[data-theme=dark] .access-badge-locked i{color:#f5c451!important}[data-theme=dark] .lesson-inline-status.badge-new,[data-theme=dark] .lesson-inline-status.badge-passed,[data-theme=dark] .lesson-inline-status.badge-progress{color:#bfdbfe;background:#2563eb29;border:1px solid #93c5fd3d}@media (width<=370px){.access-badge,.lesson-inline-status{padding-inline:7px;font-size:10px}}:root{--app-vvh:100dvh;--keyboard-inset:0px}#login-screen{scroll-padding-bottom:calc(96px + var(--keyboard-inset));overflow:hidden!important}#login-screen .login-screen{height:100%;min-height:100%;overflow:hidden!important}#login-screen .login-content{scroll-padding-bottom:calc(96px + var(--keyboard-inset));overflow-y:auto!important}input,textarea,select{scroll-margin-bottom:calc(112px + var(--keyboard-inset))}body.keyboard-open{align-items:flex-start;overflow:hidden}body.keyboard-open .screen{scroll-padding-bottom:calc(132px + var(--keyboard-inset))}body.keyboard-open .modal-overlay{align-items:flex-start;padding-top:12px}body.keyboard-open #login-screen{padding-bottom:0!important}body.keyboard-open #login-screen .login-content{height:var(--app-vvh,100dvh)!important;min-height:var(--app-vvh,100dvh)!important;padding-top:10px!important;padding-bottom:max(14px, env(safe-area-inset-bottom,0px))!important;justify-content:flex-start!important;scroll-padding-bottom:72px!important}body.keyboard-open #login-screen :is(input,textarea,select){scroll-margin-bottom:72px!important}body.keyboard-open #login-screen .login-title{margin-bottom:0!important}body.keyboard-open #login-screen .login-title img{width:clamp(88px,27vw,116px)!important}body.keyboard-open #login-screen .login-tagline{margin-bottom:6px!important}body.keyboard-open #login-screen .login-features{gap:6px!important;margin-bottom:8px!important}body.keyboard-open #login-screen .login-feature-item{padding:8px 12px!important}body.keyboard-open #login-screen .login-feature-item i{border-radius:11px!important;width:34px!important;height:34px!important}body.keyboard-open #login-screen .login-form-card{margin-bottom:8px!important}body.keyboard-open #login-screen .login-actions{gap:8px!important;padding-bottom:0!important}body.keyboard-open #login-screen .login-or,body.keyboard-open #login-screen .login-mini-hero,body.keyboard-open #login-screen .login-guest-note,body.keyboard-open #login-screen #auth-google-btn,body.keyboard-open #login-screen #auth-apple-btn,body.keyboard-open #login-screen #auth-phone-option-btn,body.keyboard-open #login-screen .login-email-toggle,body.keyboard-open #login-screen .btn-sample,body.keyboard-open #login-screen .login-link,body.keyboard-open #login-screen .login-progress-dots{display:none!important}body.keyboard-open #login-screen .btn-hero{height:44px!important;min-height:44px!important}body.keyboard-open #login-screen .login-bg-overlay{background:linear-gradient(#0f172a73 0%,#0f172aa8 100%)!important}[data-theme=dark] #login-screen{background:#020617!important}[data-theme=dark] #login-screen .login-content{color:#f8fafc!important;padding:clamp(12px, 3.8vw, 22px) clamp(18px, 6vw, 28px) calc(clamp(18px, 5vw, 30px) + env(safe-area-inset-bottom,0px))!important}[data-theme=dark] #login-screen .login-bg-slide{filter:saturate(.92)contrast(1.08)brightness(.72)}[data-theme=dark] #login-screen .login-bg-overlay{background:radial-gradient(circle at 50% 9%,#2563eb52,#0000 28%),linear-gradient(#02061761 0%,#020617b8 38%,#020617f0 100%),linear-gradient(135deg,#dc262629,#2563eb3d)}[data-theme=dark] #login-screen .login-title{filter:drop-shadow(0 20px 32px #02061785);text-shadow:none!important}[data-theme=dark] #login-screen .login-title img{clip-path:none;border-radius:20px;width:clamp(118px,31vw,154px);padding:10px;background:#ffffffeb!important;box-shadow:0 18px 38px #02061757,0 0 0 1px #ffffff38!important}[data-theme=dark] #login-screen .login-sub{color:#fff!important;text-shadow:0 2px 12px #020617b8,0 1px 2px #020617e6!important}[data-theme=dark] #login-screen .login-tagline{color:#dbeafe!important;text-shadow:0 2px 10px #020617c7!important;margin-bottom:clamp(8px,2.4vw,12px)!important}[data-theme=dark] #login-screen .login-features{gap:clamp(6px,1.8vw,9px)!important;margin-bottom:clamp(8px,2.4vw,12px)!important}[data-theme=dark] #login-screen .login-feature-item{background:linear-gradient(135deg,#0f172ad1,#1e293bad)!important;border-color:#93c5fd3d!important;padding:clamp(7px,2.2vw,12px) clamp(12px,4vw,18px)!important;box-shadow:0 18px 34px #02061757,inset 0 1px #ffffff1f!important}[data-theme=dark] #login-screen .login-feature-item span{text-shadow:0 1px 8px #0206176b;color:#f8fafc!important}[data-theme=dark] #login-screen .login-feature-item i{box-shadow:0 10px 24px #2563eb6b,inset 0 1px #ffffff52,inset 0 -2px 4px #02061759!important}[data-theme=dark] #login-screen .login-feature-item:nth-child(3) i{box-shadow:0 10px 24px #dc26265c,inset 0 1px #ffffff47,inset 0 -2px 4px #02061759!important}[data-theme=dark] #login-screen .login-form-card{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#0f172aeb,#0f172ad6)!important;border-color:#93c5fd38!important;margin-bottom:clamp(8px,2.5vw,12px)!important;padding:clamp(12px,3.8vw,20px)!important;box-shadow:0 26px 56px #02061775,inset 0 1px #ffffff1a!important}[data-theme=dark] #login-screen .login-auth-title{text-shadow:0 1px 10px #0206176b;color:#f8fafc!important}[data-theme=dark] #login-screen .login-label{color:#cbd5e1!important}[data-theme=dark] #login-screen .form-control{color:#f8fafc!important;background:#020617b8!important;border-color:#94a3b852!important;box-shadow:inset 0 1px #ffffff0d,0 1px #ffffff0a!important}[data-theme=dark] #login-screen .form-control:focus{background:#0f172aeb!important;border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa2e,inset 0 1px #ffffff0f!important}[data-theme=dark] #login-screen .form-control::placeholder{color:#cbd5e1b3!important}[data-theme=dark] #login-screen .login-forgot-row a,[data-theme=dark] #login-screen .login-link a,[data-theme=dark] #login-screen .login-email-toggle{color:#93c5fd!important}[data-theme=dark] #login-screen .login-link{text-shadow:0 1px 8px #0206179e;color:#cbd5e1!important}[data-theme=dark] #login-screen .login-email-toggle{color:#f8fafc!important;background:#0f172ac7!important;border-color:#93c5fd42!important;box-shadow:0 14px 28px #02061747,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .login-or{color:#cbd5e1!important}[data-theme=dark] #login-screen .login-or:before,[data-theme=dark] #login-screen .login-or:after{background:#94a3b859!important}[data-theme=dark] #login-screen .btn-hero{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 58%,#dc2626 100%)!important;border:0!important;box-shadow:0 16px 34px #2563eb5c,inset 0 1px #ffffff40!important}[data-theme=dark] #login-screen .btn-google,[data-theme=dark] #login-screen .btn-sample{-webkit-backdrop-filter:blur(14px)saturate(130%);color:#f8fafc!important;background:#0f172ac7!important;border-color:#93c5fd42!important;box-shadow:0 14px 28px #02061747,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .btn-apple{color:#fff!important;background:#020617f0!important;border-color:#f8fafc2e!important;box-shadow:0 14px 28px #02061757,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .login-mini-hero{border-color:#93c5fd3d!important;box-shadow:0 18px 36px #02061761,inset 0 1px #ffffff1a!important}[data-theme=dark] #login-screen .login-guest-note{border:1px solid #93c5fd38;color:#f8fafc!important;background:#0f172ad1!important;box-shadow:0 14px 28px #02061747,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .login-account-link,[data-theme=dark] #login-screen .login-back-link{text-shadow:0 1px 8px #0206179e;color:#bfdbfe!important}[data-theme=dark] #login-screen .login-options-header h2{text-shadow:0 1px 10px #0206176b;color:#f8fafc!important}[data-theme=dark] #login-screen .login-option-btn{color:#f8fafc!important;background:#0f172ad1!important;border-color:#93c5fd42!important;box-shadow:0 14px 28px #02061747,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .login-option-btn i{color:#93c5fd!important}[data-theme=dark] #login-screen .login-option-btn .google-mark{color:#f87171!important}[data-theme=dark] #login-screen #auth-apple-btn i{color:#f8fafc!important}[data-theme=dark] #login-screen .phone-login-card{background:#0f172ac7!important;border-color:#93c5fd42!important;box-shadow:0 14px 28px #02061747,inset 0 1px #ffffff14!important}[data-theme=dark] #login-screen .phone-login-title{color:#f8fafc!important}[data-theme=dark] #login-screen .phone-login-title i{color:#93c5fd!important}[data-theme=dark] #login-screen .btn-google i{color:#f87171}@media (width<=450px){body.keyboard-open .app-shell{height:var(--app-vvh,100dvh)!important;max-height:var(--app-vvh,100dvh)!important}body.keyboard-open #login-screen .login-sub{font-size:14px!important;line-height:1.25!important}body.keyboard-open #login-screen .login-tagline{font-size:12px!important;line-height:1.35!important}}@media (height<=620px) and (width<=450px){body.keyboard-open #login-screen .login-tagline,body.keyboard-open #login-screen .login-features{display:none!important}}#premium-screen{padding-top:18px!important}#premium-screen .prem-hero-card{box-sizing:border-box;isolation:isolate;flex-shrink:0;width:100%;margin:0 0 24px;border-radius:24px!important;padding:18px 18px 28px!important;overflow:hidden!important}#premium-screen .prem-hero-card:after{z-index:0}#premium-screen .prem-top-nav,#premium-screen .prem-hero-content{z-index:1;position:relative}#premium-screen .prem-top-nav{justify-content:flex-start;align-items:center;min-height:44px;padding-top:4px;padding-left:10px;display:flex;margin:0 0 22px!important}#premium-screen .prem-top-nav .back-btn{-webkit-backdrop-filter:blur(12px);color:#2563eb!important;background:#ffffffe6!important;border:1px solid #ffffffb8!important;border-radius:50%!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:0 10px 22px #0f172a29!important}#premium-screen .prem-top-nav .back-btn i{font-size:17px;line-height:1}@media (width>=700px){#premium-screen{padding-top:18px!important}#premium-screen .prem-hero-card{border-radius:26px!important;padding:20px 24px 32px!important}#premium-screen .prem-top-nav{margin-bottom:24px!important}}.app-shell.premium-chrome{background:#f5f7fb!important}.app-shell.premium-chrome .status-bar{color:#fff!important;background:#0756cf!important;border-bottom:0!important}.app-shell.premium-chrome .status-bar i{color:#fff!important}#premium-screen.premium-pro-screen i[class*=fa-]{font-style:normal;font-weight:900;line-height:1;font-family:Segoe UI Symbol,Segoe UI Emoji,Apple Color Emoji,sans-serif!important}#premium-screen.premium-pro-screen .fa-xmark:before{content:"×"}#premium-screen.premium-pro-screen .fa-crown:before{content:"👑"}#premium-screen.premium-pro-screen .fa-gift:before{content:"🎁"}#premium-screen.premium-pro-screen .fa-user-shield:before{content:"👮"}#premium-screen.premium-pro-screen .fa-volume-high:before{content:"🔊"}#premium-screen.premium-pro-screen .fa-microphone-lines:before,#premium-screen.premium-pro-screen .fa-microphone:before{content:"🎙"}#premium-screen.premium-pro-screen .fa-book-open:before{content:"📖"}#premium-screen.premium-pro-screen .fa-heart:before{content:"♥"}#premium-screen.premium-pro-screen .fa-headset:before,#premium-screen.premium-pro-screen .fa-headphones:before{content:"🎧"}#premium-screen.premium-pro-screen .fa-arrow-left:before{content:"←"}#premium-screen.premium-pro-screen .fa-check:before{content:"✓"}#premium-screen.premium-pro-screen .fa-comments:before{content:"💬"}#premium-screen.premium-pro-screen .fa-bookmark:before{content:"▱"}#premium-screen.premium-pro-screen .fa-clock:before{content:"◷"}#premium-screen.premium-pro-screen .fa-download:before{content:"↓"}#premium-screen.premium-pro-screen .fa-shield-halved:before{content:"🛡"}#premium-screen.premium-pro-screen .fa-lock:before{content:"🔒"}#premium-screen.premium-pro-screen .fa-chevron-right:before{content:"›"}#premium-screen.premium-pro-screen .fa-rotate:before{content:"↻"}#premium-screen.premium-pro-screen .fa-thumbs-up:before{content:"👍"}#premium-screen.premium-pro-screen{scroll-behavior:smooth;display:none;overflow-y:auto;color:#0f172a!important;background:#f5f7fb!important;padding-top:0!important}#premium-screen.premium-pro-screen.active{display:block!important}#premium-screen.premium-pro-screen *{letter-spacing:0}.pro-hero-card{color:#fff;isolation:isolate;background:linear-gradient(#0756cfd6 0%,#2563ebf0 72%,#2563eb00 100%),url(/assets/home_premium_banner_v4-BdcOWeKL.png) 50% 33%/cover no-repeat;min-height:232px;padding:16px 22px 0;position:relative;overflow:visible}.pro-hero-card:before{content:"";z-index:-1;background:radial-gradient(circle at 17% 46%,#ef444429,#0000 26%),radial-gradient(circle at 75% 30%,#ffffff2e,#0000 24%),linear-gradient(#03256029,#0549aa33);position:absolute;inset:0}.pro-close-btn{color:#0b4db8;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff85;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:21px;display:inline-flex;position:absolute;top:14px;right:18px;box-shadow:0 10px 20px #0f172a2e}.pro-close-btn:active{transform:scale(.96)}.pro-hero-copy{text-align:center;padding-top:18px}.pro-brand-row{justify-content:center;align-items:center;gap:10px;margin:0 auto 8px;padding-right:24px;display:flex}.pro-crown-badge{color:#0000;background:linear-gradient(#ffe782,#ffd45a);border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:inset 0 -5px 10px #a6610029,0 12px 22px #0f172a2e}.pro-crown-badge:before{content:"";background:url(/assets/3d-premium-red-CB-r6I-n.png) 50%/contain no-repeat;width:38px;height:38px}.pro-crown-badge i{display:none}.pro-brand-row h1{color:#fff;text-shadow:0 4px 14px #0f172a42;margin:0;font-size:29px;font-weight:900;line-height:1.1}.pro-hero-copy p{color:#fffffff5;text-shadow:0 3px 10px #0f172a3d;margin:0;font-size:15px;font-weight:750;line-height:1.55}.pro-trial-pill{z-index:3;color:#0f172a;-webkit-backdrop-filter:blur(14px);background:#fffffff5;border-radius:16px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:10px 18px;display:grid;position:absolute;bottom:-35px;left:31px;right:31px;box-shadow:0 14px 28px #0f172a29,0 0 0 1px #bfdbfeb8}.pro-gift-icon{color:#ef4444;background:linear-gradient(135deg,#fff7ed,#ffe4e6);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;display:inline-flex}.pro-trial-pill strong{color:#125adf;font-size:17px;font-weight:900;line-height:1.25;display:block}.pro-trial-pill small{color:#334155;margin-top:2px;font-size:12.5px;font-weight:700;line-height:1.35;display:block}.pro-content{flex-direction:column;align-items:stretch;gap:0;padding:44px 12px 34px;display:flex}.pro-content>section{width:100%}.pro-benefits-panel{background:linear-gradient(#fffffff7,#f8fafcf5);border:1px solid #bfdbfee0;border-radius:22px;padding:20px 14px 12px;box-shadow:0 14px 36px #0f172a1c}.pro-benefits-panel h2,.pro-compare-section h2,.pro-compare-section h3,.pro-reviews-section h3{color:#0f172a;margin:0;font-weight:900;line-height:1.2}.pro-benefits-panel h2{margin-bottom:12px;font-size:19px}.pro-benefit-list{gap:4px;display:grid}.pro-benefit-card{background:#ffffffeb;border:1px solid #e2e8f0db;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:9px 12px;display:grid;box-shadow:0 10px 22px #0f172a0d}.pro-benefit-icon{border:1px solid #ffffffd6;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:inline-flex;box-shadow:0 8px 18px #0f172a14}.pro-benefit-icon.scenario{color:#1d4ed8;background:#dbeafe}.pro-benefit-icon.audio{color:#7c3aed;background:#ede9fe}.pro-benefit-icon.speak{color:#059669;background:#dcfce7}.pro-benefit-icon.book{color:#ea580c;background:#ffedd5}.pro-benefit-icon.heart{color:#e11d48;background:#fce7f3}.pro-benefit-icon.support{color:#2563eb;background:#dbeafe}.pro-benefit-card strong{color:#0f172a;margin-bottom:3px;font-size:14px;font-weight:900;line-height:1.22;display:block}.pro-benefit-card small{color:#1f2937;font-size:11.8px;font-weight:650;line-height:1.32;display:block}.pro-plan-section{padding:18px 0 8px}#premium-screen.premium-pro-screen .prem-plan-list{grid-template-columns:1fr;gap:12px;display:grid}#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row{color:#0f172a;cursor:pointer;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1.5px solid #d9e4f2;border-radius:14px;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;width:100%;min-height:78px;padding:15px 14px 15px 16px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:visible;box-shadow:0 12px 26px #0f172a0f}#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:4px;transition:background .16s;position:absolute;top:14px;bottom:14px;left:-1.5px}#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row.selected{background:linear-gradient(135deg,#2563eb1c 0%,#fffffffa 46%,#dbeafeeb 100%);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 16px 32px #2563eb2e,inset 0 0 0 1px #2563eb1a}#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row.selected:before{background:#2563eb}#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row:active{transform:scale(.99)}.pro-plan-copy{gap:5px;min-width:0;display:grid}.pro-plan-title{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:900;line-height:1.2;display:flex}.pro-plan-title mark{color:#fff;background:linear-gradient(#ff5d5d,#ef4444);border-radius:999px;align-items:center;min-height:21px;padding:3px 8px;font-size:10.8px;font-weight:900;display:inline-flex;box-shadow:0 6px 12px #ef44442e}.pro-plan-desc{color:#334155;font-size:12.5px;font-weight:650;line-height:1.25}.pro-plan-price{white-space:nowrap;color:#0f172a;text-align:right;justify-content:flex-end;align-items:baseline;gap:2px;display:flex}.pro-plan-price strong{font-size:24px;font-weight:950;line-height:1}.prem-plan-card.selected .pro-plan-price strong{color:#0f3e99}.pro-plan-price em{color:#0f172a;margin-left:2px;font-size:12px;font-style:normal;font-weight:800;display:inline}.pro-plan-radio{background:linear-gradient(#fff,#f8fbff);border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:inset 0 0 0 3px #ffffffe0}.prem-plan-card.selected .pro-plan-radio{background:linear-gradient(#2f6df4,#1d55dc);border-color:#2563eb;box-shadow:0 8px 16px #2563eb3d}.prem-plan-card.selected .pro-plan-radio:after{content:"✓";color:#fff;font-size:15px;font-weight:950;line-height:1}.pro-best-badge{color:#3b2b00;text-align:center;background:linear-gradient(#ffe27a,#ffc928);border:1px solid #ffffffe0;border-radius:999px;min-width:72px;min-height:25px;padding:4px 10px;font-size:11.5px;font-weight:900;position:absolute;top:-13px;right:14px;box-shadow:0 9px 18px #f59e0b47}#premium-screen.premium-pro-screen .prem-action-area{padding:14px 0 6px;background:0 0!important}#premium-screen.premium-pro-screen .prem-selected-summary{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#premium-screen.premium-pro-screen .btn-upgrade-now{cursor:pointer;border:0;width:100%;min-height:62px;font-size:18px;font-weight:900;box-shadow:0 18px 32px #2563eb52,inset 0 1px #ffffff38;color:#fff!important;background:#2563eb linear-gradient(#3b78ff 0%,#1554de 100%)!important;border-radius:14px!important}#premium-screen.premium-pro-screen .btn-upgrade-now:active{transform:scale(.985)}#premium-screen.premium-pro-screen .prem-package-note{color:#334155;text-align:center;margin:12px 0 0;font-size:12.5px;font-weight:720}.pro-free-link{color:#1554de;cursor:pointer;background:0 0;border:0;width:100%;margin-top:18px;font-size:15.5px;font-weight:900}.pro-free-link:after{content:"›";margin-left:6px;font-size:18px;line-height:1}.pro-compare-section{margin-top:12px;padding:12px 0 0}.pro-compare-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:48px;margin-bottom:18px;display:grid}.pro-back-mini{color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.pro-compare-header h2{text-align:center;font-size:21px}.pro-compare-section h3{margin:0 0 12px 4px;font-size:19px}.pro-compare-table{background:#fff;border:1px solid #e6edf7;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #0f172a12}.pro-table-row{grid-template-columns:43% 24% 33%;min-height:72px;display:grid}.pro-table-row>div{color:#0f172a;text-align:center;border-bottom:1px solid #e6edf7;border-right:1px solid #e6edf7;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 10px;font-size:12px;font-weight:760;line-height:1.3;display:flex}.pro-table-row>div:first-child{text-align:left;justify-content:flex-start;padding-left:13px}.pro-table-row>div:last-child{background:linear-gradient(#f8fbff 0%,#f2f7ff 100%);border-left:1px solid #bfdbfe;border-right:0}.pro-table-row:last-child>div{border-bottom:0}.pro-table-row.head{min-height:56px}.pro-table-row.head>div{color:#0f172a;border-bottom-color:#dbe5f4;font-size:14px;font-weight:900}.pro-table-row.head>div:nth-child(2){background:linear-gradient(#eef4ff,#e6eefb)}.pro-table-row.head .pro-col-head{color:#fff;background:linear-gradient(#2f6df4 0%,#1d55dc 100%);border-bottom-color:#2563eb;border-left-color:#2563eb;gap:6px;font-size:16px}.pro-table-row small{font-size:11.8px;font-weight:760;display:block}.pro-table-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:inline-flex;box-shadow:inset 0 -3px 7px #0f172a0a}.pro-table-icon.vocab{color:#ec4899;background:#ffe4ef}.pro-table-icon.chat{color:#2563eb;background:#dbeafe}.pro-table-icon.sound{color:#7c3aed;background:#ede9fe}.pro-table-icon.mic{color:#059669;background:#d1fae5}.pro-table-icon.save{color:#f59e0b;background:#fff7ed}.pro-table-icon.time{color:#0f766e;background:#ccfbf1}.pro-table-icon.down{color:#059669;background:#dcfce7}.pro-table-icon.help{color:#0891b2;background:#cffafe}.pro-table-icon.new{color:#dc2626;background:#fee2e2;border-radius:999px;width:34px;height:26px;font-size:8px;font-weight:950}.ok{color:#16a34a;font-size:18px}.ok-dark{color:#0f3445;font-size:18px}.blue{color:#1554de!important;font-weight:900!important}.pro-security-card{color:#fff;background:#2563eb linear-gradient(135deg,#2563eb,#1554de);border-radius:8px;grid-template-columns:54px minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:86px;margin:18px 4px 16px;padding:14px 16px;display:grid;box-shadow:0 14px 28px #2563eb3d}.pro-shield{color:#fbbf24;background:#ffffff2e;border-radius:17px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:inline-flex}.pro-security-card strong{color:#fff;font-size:16px;font-weight:900;display:block}.pro-security-card small{color:#ffffffeb;font-size:12px;font-weight:650;line-height:1.35;display:block}.pro-lock{color:#ffffff94;justify-self:end;font-size:28px}.pro-reviews-section{padding:0 4px}.pro-section-title{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 10px;display:flex}.pro-section-title h3{font-size:18px}.pro-section-title button{color:#1554de;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-size:13px;font-weight:900;display:inline-flex}.pro-review-card{background:#fff;border:1px solid #eef2f7;border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:92px;margin-bottom:10px;padding:12px 14px;display:grid;box-shadow:0 10px 22px #0f172a0d}.pro-review-card img{object-fit:cover;object-position:center;background:#eef2ff;border:3px solid #fff;border-radius:50%;width:58px;height:58px;box-shadow:0 9px 18px #0f172a1f,0 0 0 1px #bfdbfee6}.pro-review-card p{color:#0f172a;margin:0 0 6px;font-size:13px;font-weight:720;line-height:1.42}.stars{color:#f59e0b;font-size:13px;font-weight:900;line-height:1.2}.stars span{color:#64748b;font-size:11.5px;font-weight:720}.pro-trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0 4px;display:grid}.pro-trust-item{background:#ffffffe0;border:1px solid #e2e8f0eb;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:64px;padding:9px 10px;display:grid;box-shadow:0 8px 18px #0f172a0a}.pro-trust-copy strong,.pro-trust-copy small{color:#0f172a;white-space:nowrap;display:block}.pro-trust-copy strong{font-size:11.8px;font-weight:900;line-height:1.08}.pro-trust-copy small{margin-top:2px;font-size:10.8px;font-weight:760;line-height:1.12}.pro-thai-flag,.pro-trust-icon{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 7px 14px #0f172a14}.pro-thai-flag{background:linear-gradient(#da2332 0 16.66%,#fff 16.66% 33.33%,#243a8f 33.33% 66.66%,#fff 66.66% 83.33%,#da2332 83.33% 100%);border:2px solid #fff;overflow:hidden}.pro-trust-icon{color:#1554de;background:#eaf2ff;font-size:18px}@media (width<=430px){#premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row{min-height:86px}.pro-compare-header{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.pro-back-mini{width:36px;height:36px;font-size:18px}.pro-compare-header h2{white-space:nowrap;font-size:18px}.pro-table-row{grid-template-columns:48% 22% 30%;min-height:70px}.pro-table-row>div{gap:5px;padding:9px 5px;font-size:10.8px}.pro-table-row>div:first-child{padding-left:8px}.pro-table-row.head{min-height:54px}.pro-table-row.head>div{font-size:12px}.pro-table-row.head .pro-col-head{font-size:14px}.pro-table-row small{font-size:10.4px}.pro-table-icon{width:29px;height:29px;font-size:14px}.pro-table-icon.new{width:31px;height:22px;font-size:7px}.pro-trust-row{gap:6px}.pro-trust-item{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:6px;min-height:76px;padding:8px 4px}.pro-thai-flag,.pro-trust-icon{width:30px;height:30px;font-size:16px}.pro-trust-copy strong{font-size:10.6px}.pro-trust-copy small{font-size:9.8px}}@media (width<=360px){.pro-brand-row h1{font-size:25px}.pro-trial-pill{grid-template-columns:48px minmax(0,1fr);padding:10px 14px;left:18px;right:18px}.pro-gift-icon{width:48px;height:48px;font-size:26px}.pro-benefit-card{grid-template-columns:52px minmax(0,1fr);padding-inline:9px}.pro-benefit-icon{border-radius:14px;width:48px;height:48px;font-size:22px}.pro-review-card{grid-template-columns:58px minmax(0,1fr);padding-inline:10px}.pro-review-card img{width:52px;height:52px}.pro-plan-price strong{font-size:20px}.pro-table-row{grid-template-columns:48% 22% 30%;min-height:66px}.pro-table-row>div{gap:5px;padding-inline:6px;font-size:10.3px}.pro-table-row>div:first-child{padding-left:7px}.pro-table-icon{width:28px;height:28px;font-size:14px}}@media (width>=700px){#premium-screen.premium-pro-screen{padding-top:0!important}.pro-trial-pill{left:18px;right:18px}.pro-content{padding-left:18px;padding-right:18px}.pro-benefits-panel{max-width:none;margin-inline:0}}[data-theme=dark] .app-shell.premium-chrome .status-bar,[data-theme=dark] #premium-screen.premium-pro-screen,[data-theme=dark] #premium-screen.premium-pro-screen .pro-benefits-panel,[data-theme=dark] #premium-screen.premium-pro-screen .pro-benefit-card,[data-theme=dark] #premium-screen.premium-pro-screen .pro-plan-row,[data-theme=dark] #premium-screen.premium-pro-screen .pro-compare-table,[data-theme=dark] #premium-screen.premium-pro-screen .pro-review-card{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] #premium-screen.premium-pro-screen,[data-theme=dark] #premium-screen.premium-pro-screen .pro-content{color:#0f172a!important;background:#f5f7fb!important}[data-theme=dark] #premium-screen.premium-pro-screen .pro-benefits-panel,[data-theme=dark] #premium-screen.premium-pro-screen .pro-benefit-card,[data-theme=dark] #premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row,[data-theme=dark] #premium-screen.premium-pro-screen .pro-compare-table,[data-theme=dark] #premium-screen.premium-pro-screen .pro-review-card,[data-theme=dark] #premium-screen.premium-pro-screen .pro-trust-item{color:#0f172a!important;background-color:#fff!important;background-image:none!important;border-color:#e2e8f0!important}[data-theme=dark] #premium-screen.premium-pro-screen .pro-benefits-panel{background-image:linear-gradient(#fffffff7,#f8fafcf5)!important}[data-theme=dark] #premium-screen.premium-pro-screen .prem-plan-card.pro-plan-row.selected{background-color:#eef5ff!important;background-image:none!important;border-color:#2563eb!important}[data-theme=dark] #premium-screen.premium-pro-screen :is(.pro-benefits-panel h2,.pro-compare-section h2,.pro-compare-section h3,.pro-reviews-section h3,.pro-benefit-card strong,.pro-plan-title,.pro-plan-price,.pro-review-card p,.pro-table-row>div,.pro-trust-row span){color:#0f172a!important}[data-theme=dark] #premium-screen.premium-pro-screen :is(.pro-benefit-card small,.pro-plan-desc,.stars span,.prem-package-note){color:#334155!important}@media (width<=480px){#login-screen .login-content{padding-top:max(10px, env(safe-area-inset-top,0px))!important;padding-bottom:max(14px, env(safe-area-inset-bottom,0px))!important;justify-content:center!important}#login-screen .login-title{margin-bottom:0!important}#login-screen .login-title img,[data-theme=dark] #login-screen .login-title img{width:clamp(96px,30vw,128px)!important}#login-screen .login-sub{margin-bottom:0!important}#login-screen .login-tagline,[data-theme=dark] #login-screen .login-tagline{margin-bottom:clamp(7px,2vh,11px)!important}#login-screen .login-features,[data-theme=dark] #login-screen .login-features{gap:clamp(6px,1.5vh,9px)!important;margin-bottom:clamp(8px,2vh,12px)!important}#login-screen .login-feature-item,[data-theme=dark] #login-screen .login-feature-item{padding-top:clamp(7px,1.7vh,10px)!important;padding-bottom:clamp(7px,1.7vh,10px)!important}#login-screen .login-actions,#login-screen .login-welcome-view{gap:clamp(7px,1.8vh,10px)!important;padding-bottom:0!important}#login-screen .btn-hero{height:48px!important;min-height:48px!important}#login-screen .login-guest-note{padding-top:5px!important;padding-bottom:5px!important}#login-screen .login-account-link{padding-top:4px!important;padding-bottom:4px!important}}#lesson-detail-screen #speech-result-panel{color:#0f172a!important}#lesson-detail-screen #speech-result-panel.is-close{background:#fff3bd!important;border-color:#f59e0b!important;box-shadow:0 18px 34px #0f172a33,0 0 0 1px #f59e0b47!important}#lesson-detail-screen #speech-result-panel.is-success-ready{background:#d9fbe7!important;border-color:#22c55e!important;box-shadow:0 18px 34px #0f172a2e,0 0 0 1px #22c55e42!important}#lesson-detail-screen #speech-result-status,#lesson-detail-screen #speech-result-spoken,#lesson-detail-screen #speech-result-spoken strong{opacity:1!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}#lesson-detail-screen #speech-result-spoken,#lesson-detail-screen #speech-result-spoken strong{color:#334155!important}#lesson-detail-screen #speech-record-btn,#lesson-detail-screen #speech-result-play-btn,#lesson-detail-screen #speech-result-repeat-btn{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;opacity:1!important;background:#fff!important;border:2px solid #cbd5e1!important;font-weight:900!important;box-shadow:0 10px 18px #0f172a1f!important}#lesson-detail-screen #speech-result-panel.is-close #speech-record-btn,#lesson-detail-screen #speech-result-panel.is-close #speech-result-play-btn,#lesson-detail-screen #speech-result-panel.is-close #speech-result-repeat-btn{color:#92400e!important;-webkit-text-fill-color:#92400e!important;border-color:#f59e0b8c!important}#lesson-detail-screen #speech-result-panel.is-success-ready #speech-record-btn,#lesson-detail-screen #speech-result-panel.is-success-ready #speech-result-play-btn{color:#15803d!important;-webkit-text-fill-color:#15803d!important;border-color:#22c55e7a!important}#lesson-detail-screen #speech-result-next-btn{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:0!important;font-weight:900!important;box-shadow:0 14px 26px #2563eb52!important}#lesson-detail-screen #speech-result-next-btn.speech-success-next-btn{background:linear-gradient(135deg,#16a34a,#22c55e)!important;box-shadow:0 14px 26px #16a34a47!important}.ps-bar-bg,.cat-prog-bar,.lc-progress,.hangeul-progress-bar,.continue-progress-bar,.goal-prog-bar,.goal-daily-progress,.overview-progress-wrap .progress-bar-container,.progress-bar,.progress-track,.lesson-progress-bar-mini,.prc-progress-track,.lc-progress-track,.rl-progress-track,.quiz-progress-container,.honor-progress,.sl-progress-track{background:#e2e8f0e6!important;box-shadow:inset 0 1px 3px #0f172a1f!important}.ps-bar-fill,.cat-prog-fill:not(.is-done),.lc-fill,.hangeul-progress-bar .fill,.continue-progress-bar .fill,.goal-prog-fill:not(.is-done),.goal-daily-fill,.progress-bar-fill,.progress-fill,.progress-track .progress-fill,.lesson-progress-bar-mini .fill,.prc-progress-fill,.lc-progress-fill,.rl-progress-fill,.quiz-progress-fill,.honor-progress span,.sl-progress-fill,.cat-prog-fill.is-done,.goal-prog-fill.is-done{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 52%,#dc2626 100%)!important;box-shadow:0 0 12px #2563eb57,0 0 10px #dc26262e!important}[data-theme=dark] .ps-bar-bg,[data-theme=dark] .cat-prog-bar,[data-theme=dark] .lc-progress,[data-theme=dark] .hangeul-progress-bar,[data-theme=dark] .continue-progress-bar,[data-theme=dark] .goal-prog-bar,[data-theme=dark] .goal-daily-progress,[data-theme=dark] .overview-progress-wrap .progress-bar-container,[data-theme=dark] .progress-bar,[data-theme=dark] .progress-track,[data-theme=dark] .lesson-progress-bar-mini,[data-theme=dark] .prc-progress-track,[data-theme=dark] .lc-progress-track,[data-theme=dark] .rl-progress-track,[data-theme=dark] .quiz-progress-container,[data-theme=dark] .honor-progress,[data-theme=dark] .sl-progress-track{background:#0f172ab8!important;border:1px solid #60a5fa57!important;box-shadow:inset 0 1px 4px #020617b8,0 0 0 1px #0f172a38!important}[data-theme=dark] .ps-bar-fill,[data-theme=dark] .cat-prog-fill:not(.is-done),[data-theme=dark] .lc-fill,[data-theme=dark] .hangeul-progress-bar .fill,[data-theme=dark] .continue-progress-bar .fill,[data-theme=dark] .goal-prog-fill:not(.is-done),[data-theme=dark] .goal-daily-fill,[data-theme=dark] .progress-bar-fill,[data-theme=dark] .progress-fill,[data-theme=dark] .progress-track .progress-fill,[data-theme=dark] .lesson-progress-bar-mini .fill,[data-theme=dark] .prc-progress-fill,[data-theme=dark] .lc-progress-fill,[data-theme=dark] .rl-progress-fill,[data-theme=dark] .quiz-progress-fill,[data-theme=dark] .honor-progress span,[data-theme=dark] .sl-progress-fill{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 52%,#ef4444 100%)!important;box-shadow:0 0 16px #60a5fa8c,0 0 14px #ef444447,0 0 2px #ffffffb8!important}[data-theme=dark] .cat-prog-fill.is-done,[data-theme=dark] .goal-prog-fill.is-done{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 52%,#ef4444 100%)!important;box-shadow:0 0 16px #60a5fa8c,0 0 14px #ef444447,0 0 2px #ffffff9e!important}[data-theme=dark]{--text:#f8fafc;--text-muted:#d8e3f4;--border:#60a5fa57;--bg:#07111f;--bg-alt:#111827}[data-theme=dark] .app-shell{background:linear-gradient(#0f172afa,#020617fa),#020617!important;border-color:#60a5fa33!important;box-shadow:0 24px 48px #0206178f,0 0 0 1px #60a5fa1f!important}[data-theme=dark] .app-content{background-image:radial-gradient(circle at 12% -6%,#2563eb3d,#0000 34%),radial-gradient(circle at 94% 8%,#dc26261a,#0000 28%),linear-gradient(#07111f 0%,#0b1424 46%,#020617 100%)!important}[data-theme=dark] :is(.ps-card,.lc-card,.cat-card:not(.has-category-image),.sub-cat-item,.lesson-card,.overview-header-card,.overview-stat-card,.goal-option,.settings-card,.settings-group,.settings-item,.profile-main-card,.profile-rank-card,.profile-app-card,.profile-menu-item,.history-stat-card,.contact-card,.ct-card,.premium-status-card,.rl-category-card,.rl-category-menu,.rl-player,.rl-status-card,.rl-phrase-item,.rl-search-empty,.prem-feat-list,.stats-lv-card,.quiz-body,.quiz-option,.quiz-feedback-panel,.modal-box,.notif-panel,.notif-item){color:#f8fafc!important;background-color:#111827!important;background-image:linear-gradient(#1e293bfa,#0f172afa)!important;border-color:#60a5fa5c!important;box-shadow:0 14px 30px #02061761,inset 0 1px #ffffff0b!important}[data-theme=dark] :is(.goal-option.selected,.lesson-card.completed,.rl-phrase-item.active,.quiz-option.selected){background-image:linear-gradient(#2563eb47,#0f172afa)!important;border-color:#60a5fa9e!important;box-shadow:0 16px 34px #2563eb38,inset 0 1px #ffffff12!important}[data-theme=dark] :is(.screen-title,.screen-header h2,.cs-title,.ps-title,.lc-name,.cat-card-title,.sub-cat-title,.lesson-card-body h4,.overview-main-title,.overview-card-heading strong,.goal-name,.profile-title-new,.pmc-name,.settings-item-left,.settings-item-left span,.rl-category-card h3,.rl-section-heading h3,.rl-status-card h3,.rl-player h3,.rl-phrase-copy .ko,.quiz-question-title,.notif-item-title,.modal-title,.sl-lv,.ss-val){color:#fff!important;text-shadow:0 1px 2px #02061757!important}[data-theme=dark] :is(.screen-sub,.ps-xp,.lc-count,.category-scene-subtitle,.sub-cat-desc,.lesson-card-body p,.lesson-progress-count,.hangeul-progress-text,.hangeul-progress-count,.sub-cat-progress-count,.settings-value,.profile-about-copy,.pmc-email,.pmc-status,.overview-subtitle,.goal-desc,.rl-category-meta>div:first-child,.rl-counts,.rl-progress-row,.rl-time-row,.rl-section-heading p,.rl-phrase-copy span,.rl-player-top span,.rl-player p,.rl-status-row,.rl-status-row span,.rl-status-row strong,.rl-rate-btn span,.rl-voice-copy span,.quiz-review-thai,.notif-item-msg,.modal-msg,.ss-label,.sl-xp){color:#d8e3f4!important}[data-theme=dark] :is(.cs-more,.sub-cat-progress-percent,.overview-card-kicker,.goal-status,.rl-eyebrow,.rl-progress-row strong,.rl-phrase-copy small,.settings-group-title,.prc-link){color:#bfdbfe!important}[data-theme=dark] .app-nav{background:#040c1cc7!important;border-color:#93c5fd57!important;box-shadow:0 18px 34px #02061794,0 0 0 1px #60a5fa1f,inset 0 1px #ffffff1f!important}[data-theme=dark] .nav-item,[data-theme=dark] .nav-item span,[data-theme=dark] .nav-item i{color:#dbeafe!important}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item.active span,[data-theme=dark] .nav-item.active i,[data-theme=dark] .nav-item.active .nav-icon{color:#60a5fa!important}[data-theme=dark] :is(.btn-outline,.btn-outline-modern,.back-btn,.rl-change-btn,.rl-save-btn,.rl-rate-btn,.rl-circle-btn,.rl-loop-btn,.rl-voice-btn,.mini-btn){color:#dbeafe!important;background:#0f172ac2!important;border-color:#60a5fa75!important;box-shadow:0 8px 18px #0206173d!important}[data-theme=dark] :is(.btn-primary,.btn-main-cta,.overview-primary-btn,.banner-btn,.rl-main-play,.rl-phrase-play,.quiz-check-btn.next){color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 58%,#dc2626 100%)!important;border-color:#0000!important;box-shadow:0 14px 26px #2563eb47,0 8px 18px #dc262624!important}[data-theme=dark] #lesson-detail-screen #speech-result-panel{color:#0f172a!important}[data-theme=dark] #lesson-detail-screen #speech-result-panel.is-success-ready{color:#052e16!important;background:#dcfce7!important;border-color:#16a34a!important}[data-theme=dark] #lesson-detail-screen #speech-result-panel.is-close{color:#451a03!important;background:#fff3bd!important;border-color:#f59e0b!important}[data-theme=dark] #lesson-detail-screen :is(#speech-result-status,#speech-result-spoken,#speech-result-spoken strong){color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;opacity:1!important}[data-theme=dark] #lesson-detail-screen .big-mic-btn.mic-anim,#lesson-detail-screen .big-mic-btn.mic-anim{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}[data-theme=dark] #lesson-detail-screen .inline-mic-circle,#lesson-detail-screen .inline-mic-circle{color:#fff!important;background:#2563eb!important;border-radius:50%!important;width:70px!important;height:70px!important;box-shadow:0 10px 25px #2563eb5c!important}#login-screen .password-field-wrap{position:relative}#login-screen .password-field-wrap .form-control{padding-right:52px}#login-screen .password-toggle-btn{color:#2563eb;cursor:pointer;background:#2563eb14;border:0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#login-screen .password-toggle-btn:active{transform:translateY(-50%)scale(.96)}[data-theme=dark] #login-screen .password-toggle-btn{color:#bfdbfe!important;background:#60a5fa2e!important;box-shadow:inset 0 0 0 1px #93c5fd47!important}[data-theme=dark] #profile-screen .profile-stats-bar{gap:10px;background:#0f172abd!important;border:1px solid #60a5fa61!important;box-shadow:0 14px 30px #0206176b,inset 0 1px #ffffff0f!important}[data-theme=dark] #profile-screen .psb-item{border-radius:16px;min-width:0;padding:12px 8px;background:#1e293beb!important;border:1px solid #93c5fd42!important;box-shadow:inset 0 1px #ffffff0f!important}[data-theme=dark] #profile-screen .psb-val{font-weight:950;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px #0206178c!important}[data-theme=dark] #profile-screen .psb-label{font-weight:900;color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;opacity:1!important;text-shadow:none!important}[data-theme=dark] #profile-screen .psb-divider{background:#93c5fd3d!important}[data-theme=dark] #profile-screen .profile-rank-card .prc-progress-meta,[data-theme=dark] #profile-screen .profile-rank-card .prc-next{font-weight:900;color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;opacity:1!important}[data-theme=dark] #profile-screen .profile-rank-card .prc-name,[data-theme=dark] #profile-screen .profile-rank-card .prc-title{color:#fff!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] #real-listening-screen .rl-main-play:disabled,[data-theme=dark] #real-listening-screen .rl-rate-btn:disabled,[data-theme=dark] #real-listening-screen .rl-circle-btn:disabled,[data-theme=dark] #real-listening-screen .rl-loop-btn:disabled{cursor:not-allowed;opacity:1!important}[data-theme=dark] #real-listening-screen .rl-rate-btn:disabled,[data-theme=dark] #real-listening-screen .rl-circle-btn:disabled,[data-theme=dark] #real-listening-screen .rl-loop-btn:disabled{color:#dbeafe!important;background:#1e293bf5!important;border:1px solid #93c5fd61!important;box-shadow:inset 0 1px #ffffff0f!important}[data-theme=dark] #real-listening-screen .rl-rate-btn:disabled span{color:#bfdbfe!important}[data-theme=dark] #real-listening-screen .rl-main-play:disabled,[data-theme=dark] #real-listening-screen .rl-main-play.unavailable{color:#fff!important;background:linear-gradient(135deg,#3b82f6d1,#2563ebd1)!important;box-shadow:0 12px 24px #2563eb3d!important}[data-theme=dark] .modal-box .honor-card,[data-theme=dark] .modal-box .honor-rank-list{color:#f8fafc!important}[data-theme=dark] .modal-box :is(.honor-rank,.honor-rank-list-title,.honor-rank-row-main strong,.honor-rank-max-row span){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px #02061773!important}[data-theme=dark] .modal-box :is(.honor-sub,.honor-stats span,.honor-rank-row-main span){color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;opacity:1!important}[data-theme=dark] .modal-box .honor-stats{gap:10px}[data-theme=dark] .modal-box .honor-stats>div{grid-template-rows:34px 30px minmax(24px,auto);place-items:center;min-height:96px;display:grid;background:#1e293bf0!important;border:1px solid #93c5fd57!important;box-shadow:inset 0 1px #ffffff0f!important}[data-theme=dark] .modal-box .honor-stats strong{font-weight:950;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px #0206178c!important}[data-theme=dark] .modal-box .honor-stat-icon{border-radius:999px;justify-content:center;align-items:center;width:54px;height:34px;margin:0;display:inline-flex;background:#e6eef8!important}[data-theme=dark] .modal-box .honor-rank-row,[data-theme=dark] .modal-box .honor-rank-max-row{background:#0f172ac7!important;border-color:#93c5fd47!important}[data-theme=dark] .modal-box .honor-rank-row.is-current{background:#2563eb3d!important;border-color:#60a5faa8!important}[data-theme=dark] .modal-box .honor-rank-row.is-done{opacity:.92!important}[data-theme=dark] .modal-box .honor-rank-row em{color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;background:#60a5fa3d!important}#profile-screen .profile-stats-bar{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch;column-gap:clamp(8px,2.5vw,14px);display:grid}#profile-screen .psb-item{grid-template-rows:24px 36px minmax(32px,auto);place-items:center;width:100%;min-width:0;min-height:112px;display:grid}#profile-screen .psb-icon{align-self:end;margin-bottom:0}#profile-screen .psb-val{align-self:center;margin-bottom:0}#profile-screen .psb-label{text-align:center;justify-content:center;align-items:center;min-height:32px;line-height:1.18;display:flex}#profile-screen .psb-divider{align-self:center;height:58px}#history-screen .review-coming-soon{text-align:center;border-radius:18px;padding:28px 18px}#history-screen .review-coming-soon strong{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:900;display:block}#history-screen .review-coming-soon p{max-width:280px;color:var(--text-muted);margin:0 auto;font-size:13px;font-weight:800;line-height:1.55}.category-scene-copy,#sub-category-screen .screen-header-content{isolation:isolate;position:relative}.category-scene-copy:before,#sub-category-screen .screen-header-content:before{content:"";z-index:-1;filter:blur(.2px);pointer-events:none;background:radial-gradient(circle at 12% 42%,#02061785,#02061738 52%,#0000 78%),linear-gradient(90deg,#0206175c,#02061714);border-radius:20px;position:absolute;inset:-8px -10px}.category-scene-title,.category-scene-subtitle,#sub-category-screen .screen-title{text-shadow:0 2px 8px #020617b8,0 1px 2px #020617a8!important}.home-survival-card.has-category-image .cat-card-media:after{background:linear-gradient(#0206170f 0%,#0206172e 48%,#020617a3 100%),linear-gradient(90deg,#0206171f,#02061705 62%)!important}.home-survival-card.has-category-image .cat-card-title,.home-survival-card.has-category-image .hangeul-progress-text,.home-survival-card.has-category-image .hangeul-progress-count,.home-survival-card.has-category-image .cat-prog-label,.home-survival-card.has-category-image .cat-prog-done{text-shadow:0 2px 8px #020617c7,0 1px 2px #020617b8!important}.cat-access-badge,.sub-cat-access-badge,.lesson-card-badge.access-badge,.lesson-inline-status,.badge-premium{white-space:nowrap!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:76px!important;height:28px!important;min-height:28px!important;padding:0 11px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}.cat-access-badge i,.sub-cat-access-badge i,.lesson-card-badge.access-badge i,.lesson-inline-status i,.badge-premium i{flex:none;margin:0!important;font-size:10.5px!important;line-height:1!important}.home-survival-card .cat-access-badge{align-self:center;margin:0 12px 10px!important}.cat-card:not(.home-survival-card) .cat-access-badge{margin:0 auto 8px!important}.sub-cat-access-badge,.lesson-card-badge.access-badge{place-self:start;margin-top:0!important}@media (width<=380px){#profile-screen .profile-stats-bar{column-gap:8px;padding-left:12px;padding-right:12px}#profile-screen .psb-item{grid-template-rows:22px 34px minmax(34px,auto);min-height:106px}#profile-screen .psb-val{font-size:25px}#profile-screen .psb-label{font-size:10px}}:root{--app-bottom-nav-clearance:max(118px, calc(96px + env(safe-area-inset-bottom,0px)))}.screen:not(#login-screen):not(#lesson-detail-screen):not(#lesson-complete-screen):not(#premium-screen){padding-bottom:var(--app-bottom-nav-clearance)!important;scroll-padding-bottom:var(--app-bottom-nav-clearance)!important}