body{margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}:root{--sb-bg-top:#fff;--sb-bg-bot:#fff;--sb-hover:#12a5ff17;--sb-active-bg:#12a5ff1f;--sb-text:#55677a;--sb-text-bright:#0e1116;--sb-label:#667485;--sb-border:#e4f0fa;--purple:#12a5ff;--purple-dark:#0b7fc7;--purple-shadow:#0a5f96;--brand-ink:#0a6db2;--brand-solid:#0a6db2;--brand-gradient:linear-gradient(135deg, #0a75bc 0%, #085586 100%);--on-brand:#fff;--accent:#d4f520;--accent-dark:#a8c400;--on-accent:#4f6000;--ink:#0e1116;--brand:#12a5ff;--brand-dark:#0b7fc7;--track:#e7eef5;--muted:#55677a;--line:#dde7f0;--selected:#12a5ff;--selected-bg:#e4f6ff;--selected-ink:#0a6db2;--blue:#12a5ff;--blue-dark:#0b7fc7;--green:#16a34a;--green-dark:#15803d;--orange:#ea580c;--orange-dark:#c2410c;--pink:#db2777;--pink-dark:#be185d;--yellow:#ca8a04;--yellow-light:#fef9c3;--bg:#f4f9ff;--surface:#fff;--surface-2:#f4f9ff;--border:#e3edf5;--border-2:#dde7f0;--text:#0e1116;--text-2:#34434f;--text-muted:#6b7a8c;--text-light:#667485;--correct:#15803d;--correct-bg:#f0fdf4;--correct-border:#86efac;--wrong:#b91c1c;--wrong-bg:#fef2f2;--wrong-border:#fca5a5;--shadow-xs:0 1px 3px #0b3c6e14;--shadow-sm:0 2px 8px #0b3c6e1a;--shadow:0 6px 20px #0b3c6e1f;--shadow-md:0 10px 28px #0b3c6e29;--shadow-lg:0 16px 40px #0b3c6e2e;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,Segoe UI,sans-serif;overflow-x:hidden}.login-title,.home-title h1,.result-title,.summary-title,.cs-title,.flashcard-word,.flashcard-back-word,.fib-lesson-term,.gc-stat-value,.stat-value,.sidebar-title{letter-spacing:-.02em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800}.app-layout{min-height:100dvh;display:flex}.sidebar{background:var(--sb-bg-top);z-index:200;border-right:1.5px solid #e4f6ff;flex-direction:column;flex-shrink:0;width:256px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),width .25s;display:flex;overflow:hidden auto}.sidebar.collapsed{width:64px}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b3c6e59;display:none;position:fixed;inset:0}.sidebar-header{z-index:1;background:#fff;border-bottom:1.5px solid #e4f6ff;flex-shrink:0;align-items:center;gap:10px;min-height:68px;padding:18px 14px 16px;display:flex;position:sticky;top:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:18px 8px}.sidebar.collapsed .sidebar-nav{align-items:center;padding:10px 6px 24px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px 0}.sidebar.collapsed .sidebar-item-icon{width:auto;font-size:1.3rem}.sidebar-logo{border-radius:var(--r);background:#e4f6ff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.5rem;display:flex}.sidebar-title{color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.2}.sidebar-sub{color:var(--text-muted);letter-spacing:.03em;margin-top:2px;font-size:.68rem;font-weight:600}.sidebar-toggle{color:var(--brand-ink);border-radius:var(--r-sm);background:#eaf4fc;border:none;flex-shrink:0;margin-left:auto;padding:6px 8px;transition:background .15s;display:none}.sidebar-toggle:hover{background:#e4f6ff}.sidebar-close{color:var(--brand-ink);border-radius:var(--r-sm);background:#eaf4fc;border:none;padding:5px 8px;font-size:1rem;display:none}.sidebar-nav{flex-direction:column;gap:3px;padding:12px 8px 28px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--sb-label);padding:16px 10px 6px;font-size:.6rem;font-weight:700}.sidebar-item{border-radius:var(--r-lg);width:100%;color:var(--sb-text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.sidebar-item:hover{background:var(--sb-hover);color:var(--brand-ink);transform:translate(3px)}.sidebar-item.active{background:var(--sb-active-bg);color:var(--brand-ink);font-weight:700}.sidebar-item-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.sidebar-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-item-label{line-height:1.2}.sidebar-item-sub{opacity:.62;font-size:.68rem;font-weight:500;line-height:1.15}.sidebar-item.active .sidebar-item-sub{opacity:.75}.coming-pill{color:var(--brand-ink);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;background:#e4f6ff;padding:2px 7px;font-size:.52rem;font-weight:700}.app-loading{background:var(--bg);min-height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.app-loading-mark{background:var(--accent);width:72px;height:72px;color:var(--ink);letter-spacing:-.01em;border-radius:22px;place-items:center;font-size:1.9rem;font-weight:800;animation:1.1s ease-in-out infinite loadPulse;display:grid;box-shadow:0 10px 30px #8caa0059}.app-loading p{font-size:.9rem;font-weight:600}@keyframes loadPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #8caa004d}50%{transform:scale(1.08);box-shadow:0 16px 40px #8caa0073}}.app-loading p{opacity:.7;font-size:1rem;font-weight:600}.login-screen{background:linear-gradient(135deg,#12a5ff 0%,#0b7fc7 55%,#0a5f96 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{border-radius:var(--r-2xl);background:#fff;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:40px 36px;display:flex;box-shadow:0 24px 64px #0b3c6e59}.login-header{text-align:center}.login-logo{margin-bottom:8px;font-size:3rem;animation:.5s both bounce;display:block}.login-title{color:var(--text);letter-spacing:-.03em;font-size:1.9rem;font-weight:600}.login-subtitle{color:var(--text-muted);margin-top:6px;font-size:.9rem;font-weight:500;line-height:1.5}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.login-field input{border:2.5px solid var(--border);border-radius:var(--r-lg);color:var(--text);outline:none;padding:13px 16px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #12a5ff2e}.login-error{background:var(--wrong-bg);border:2px solid var(--wrong-border);border-radius:var(--r);color:var(--wrong);padding:10px 14px;font-size:.875rem;font-weight:600}.login-submit-btn{border-radius:var(--r-lg);background:var(--purple);border:none;border-bottom:4px solid var(--purple-shadow);width:100%;color:var(--on-brand);cursor:pointer;letter-spacing:-.01em;padding:15px;font-size:1.05rem;font-weight:700;transition:transform .1s,border-bottom-width .1s,opacity .15s}.login-submit-btn:hover{opacity:.93;transform:translateY(-2px)}.login-submit-btn:active{border-bottom-width:1px;transform:translateY(2px)}.login-submit-btn:disabled{opacity:.5;cursor:default;transform:none}.login-divider{color:var(--text-light);align-items:center;gap:12px;font-size:.8rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);border-radius:2px;flex:1;height:2px}.google-signin-full{justify-content:center;width:100%;padding:13px 16px;font-size:.95rem}.login-toggle{text-align:center;color:var(--text-muted);font-size:.9rem;font-weight:500}.login-toggle-btn{color:var(--brand-ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:700}.login-toggle-btn:hover{text-decoration:underline}.auth-bar{z-index:150;position:fixed;bottom:16px;right:16px}.google-signin-btn{border:2.5px solid var(--border);border-radius:var(--r-full);color:var(--text-2);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:700;transition:box-shadow .15s,transform .1s;display:flex}.google-signin-btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.user-chip{border:2.5px solid var(--border);border-radius:var(--r-full);box-shadow:var(--shadow-sm);cursor:pointer;color:var(--text-2);background:#fff;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:.875rem;font-weight:700;transition:box-shadow .15s;display:flex;position:relative}.user-chip:hover{box-shadow:var(--shadow)}.user-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.user-name{color:var(--text);font-size:.875rem;font-weight:700}.user-menu{border:2.5px solid var(--border);border-radius:var(--r-xl);min-width:210px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.user-menu-name{color:var(--text);padding:4px 4px 0;font-size:.9rem;font-weight:700}.user-menu-email{color:var(--text-muted);margin-bottom:6px;padding:0 4px;font-size:.72rem}.user-menu-signout{background:var(--wrong-bg);border-radius:var(--r-sm);color:var(--wrong);cursor:pointer;text-align:left;border:none;padding:9px 12px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .15s}.user-menu-signout:hover{background:#fee2e2}.main-area{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex;position:relative}.hamburger{z-index:198;border:2.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;padding:8px 12px;font-size:1.15rem;display:none;position:fixed;top:14px;left:14px}.main-content{flex:1;justify-content:center;align-items:flex-start;padding:32px 40px;display:flex}@media (width<=1023px){.sidebar{height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close,.hamburger{display:block}.main-content{padding-top:68px}html,body,#root{-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:visible}body{overflow-x:hidden}.app-layout,.main-area{height:auto;min-height:100dvh;overflow:visible}.main-content{overflow:visible}}@media (width>=1024px){.sidebar-toggle{display:block}}.coming-soon-screen{width:100%;max-width:440px}.coming-soon-card{border-radius:var(--r-2xl);box-shadow:var(--shadow-md);border:3px solid var(--border);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:16px;padding:52px 36px;display:flex}.cs-icon{font-size:4rem;animation:.5s both bounce}.cs-title{color:var(--text);letter-spacing:-.02em;font-size:1.8rem;font-weight:600}.cs-desc{color:var(--text-muted);font-size:1rem;font-weight:500;line-height:1.6}.cs-badge{background:var(--yellow-light);color:var(--yellow);border-radius:var(--r-full);border:2px solid #fde047;margin-top:8px;padding:8px 22px;font-size:.875rem;font-weight:700}.home-screen{width:100%}.home-card{flex-direction:column;gap:20px;display:flex}.home-columns{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.home-col{flex-direction:column;gap:12px;display:flex}@media (width<=640px){.home-columns{grid-template-columns:1fr}}.home-title{text-align:center}.home-emoji{margin-bottom:6px;font-size:2.75rem;animation:.6s both bounce;display:block}.home-title h1{color:var(--text);letter-spacing:-.03em;font-size:2rem;font-weight:600}.home-subtitle{color:var(--text-muted);margin-top:4px;font-size:.9rem;font-weight:600}.game-type-desc{border-left:4px solid var(--purple);border-radius:0 var(--r-lg) var(--r-lg) 0;color:var(--text-2);background:linear-gradient(135deg,#e4f6ff,#cfe8fb);padding:12px 16px;font-size:.9rem;font-weight:600;line-height:1.6}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-ink);font-size:.72rem;font-weight:700}.toggle-label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-ink);margin-bottom:-4px;font-size:.72rem;font-weight:700}.toggle-group{gap:8px;display:flex}.format-hint{color:var(--text-2,#6b7280);text-align:center;margin-top:-4px;font-size:.82rem;font-weight:600}.toggle-btn{border-radius:var(--r-lg);border:2.5px solid var(--border);color:var(--text-muted);background:#fff;flex:1;padding:12px;font-size:.9rem;font-weight:700;transition:all .15s}.toggle-btn.active{background:var(--purple);border-color:var(--purple);color:var(--on-brand);border-bottom:4px solid var(--purple-dark);box-shadow:0 4px 14px #12a5ff4d}.toggle-btn:hover:not(.active){border-color:var(--purple);color:var(--brand-ink);background:#e4f6ff}.level-group{gap:8px;display:flex}.level-btn{border-radius:var(--r-xl);border:2.5px solid var(--border);border-bottom:4px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;flex:1;align-items:center;gap:3px;padding:14px 6px;transition:all .15s;display:flex}.level-btn:first-child:not(.active){border-bottom-color:#86efac}.level-btn:nth-child(2):not(.active){border-bottom-color:#fdba74}.level-btn:nth-child(3):not(.active){border-bottom-color:#fca5a5}.level-btn:first-child.active{border-color:var(--green);border-bottom-color:var(--green-dark);background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 16px #16a34a40}.level-btn:nth-child(2).active{border-color:var(--orange);border-bottom-color:var(--orange-dark);background:#fff7ed;transform:translateY(-2px);box-shadow:0 4px 16px #ea580c40}.level-btn:nth-child(3).active{background:var(--wrong-bg);border-color:var(--wrong);border-bottom-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 16px #dc262640}.level-btn:first-child:hover:not(.active){border-color:var(--green);background:#f0fdf4}.level-btn:nth-child(2):hover:not(.active){border-color:var(--orange);background:#fff7ed}.level-btn:nth-child(3):hover:not(.active){border-color:var(--wrong);background:var(--wrong-bg)}.level-emoji{font-size:1.5rem}.level-label{color:var(--text);font-size:.875rem;font-weight:700}.level-desc{color:var(--text-muted);font-size:.67rem;font-weight:600}.level-best{color:var(--brand-ink);margin-top:2px;font-size:.65rem;font-weight:700}.q-bar{border-radius:var(--r-lg);border:2.5px solid var(--border);background:#fff;display:flex;overflow:hidden}.q-segment{color:var(--text-light);cursor:pointer;border:none;border-right:2px solid var(--border);background:0 0;flex:1;padding:11px 4px;font-size:.9rem;font-weight:700;transition:all .15s}.q-segment:last-child{border-right:none}.q-segment.filled{color:var(--brand-ink);background:#e4f6ff}.q-segment.selected{background:var(--purple);color:var(--on-brand);font-weight:700}.leaderboard{flex-direction:column;gap:6px;width:100%;display:flex}.lb-table{border-collapse:collapse;width:100%;font-size:.82rem}.lb-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);padding:4px 8px 7px;font-size:.62rem;font-weight:700}.lb-row td{border-top:1px solid var(--border);color:var(--text-2);padding:7px 8px;font-weight:600}.lb-row.lb-top td{color:var(--purple-dark);background:#e4f6ff;font-weight:700}.lb-rank{width:32px;color:var(--brand-ink);font-size:.9rem;font-weight:700}.lb-name{text-align:left;font-weight:700}.lb-zero{color:var(--correct);font-weight:700}.lb-date{color:var(--text-light);font-size:.7rem}.home-best{border:2.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.home-best--empty{border-color:var(--border);color:var(--text-light);background:#f4f9ff;justify-content:center;font-size:.9rem;font-weight:600}.home-best-label{color:var(--brand-ink);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.home-best-score{color:var(--text);font-size:1rem;font-weight:700}.home-best-detail{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-weight:600}.new-best-banner{background:linear-gradient(135deg, var(--yellow-light), #fde68a);border-radius:var(--r-lg);color:#92400e;text-align:center;border:2.5px solid #fbbf24;width:100%;padding:10px 20px;font-size:1rem;font-weight:700;animation:.4s pop}.prev-best-banner{border:2px solid var(--border);border-radius:var(--r);color:var(--text-muted);text-align:center;background:#f4f9ff;width:100%;padding:7px 16px;font-size:.8rem;font-weight:600}.play-btn{border-radius:var(--r-full);background:var(--accent);border:none;border-bottom:5px solid var(--accent-dark);width:100%;color:var(--ink);letter-spacing:-.01em;padding:17px;font-size:1.1rem;font-weight:800;transition:transform .1s,border-bottom-width .1s;box-shadow:0 10px 24px #8caa0052}.play-btn:hover:not(:disabled){transform:translateY(-2px)}.play-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.play-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.game-screen{flex-direction:column;gap:12px;width:100%;display:flex}.game-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.back-btn{border:2.5px solid var(--border);border-radius:var(--r-lg);color:var(--text-2);box-shadow:var(--shadow-xs);background:#fff;padding:7px 15px;font-size:.85rem;font-weight:700;transition:all .15s}.back-btn:hover{border-color:var(--purple);color:var(--brand-ink);background:#e4f6ff}.level-badge{background:var(--purple);color:var(--on-brand);border-radius:var(--r-full);border-bottom:2px solid var(--purple-dark);padding:6px 14px;font-size:.8rem;font-weight:700}.type-badge{color:var(--text-muted);border-radius:var(--r-full);border:2.5px solid var(--border);background:#fff;padding:5px 13px;font-size:.8rem;font-weight:700}.streak-badge{background:var(--ink);color:var(--accent);border-radius:var(--r-full);border:none;margin-left:auto;padding:6px 14px;font-size:.875rem;font-weight:800;animation:.4s wiggle}.correct-badge{background:var(--correct-bg);color:var(--correct);border-radius:var(--r-full);border:2.5px solid var(--correct-border);padding:5px 13px;font-size:.83rem;font-weight:700}.type-badge+.correct-badge{margin-left:auto}.wrong-badge{background:var(--wrong-bg);color:var(--wrong);border-radius:var(--r-full);border:2.5px solid var(--wrong-border);padding:5px 13px;font-size:.83rem;font-weight:700}.timer-badge{color:var(--text-muted);border:2.5px solid var(--border);border-radius:var(--r-full);font-variant-numeric:tabular-nums;background:#fff;padding:5px 13px;font-size:.83rem;font-weight:700}.gc-time{color:var(--text-2)}.mute-btn{border:2.5px solid var(--border);border-radius:var(--r);background:#fff;padding:5px 9px;font-size:1rem;transition:all .15s}.mute-btn:hover{border-color:var(--purple);background:#e4f6ff}.progress-wrap{border-radius:var(--r-full);border:2.5px solid var(--border);background:#fff;height:22px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#12a5ff,#0b7fc7);height:100%;transition:width .45s cubic-bezier(.34,1.56,.64,1)}.progress-label{color:var(--text);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.game-instruction{text-align:center;color:var(--text-muted);font-size:.875rem;font-weight:600}.punct-game{flex-direction:column;gap:20px;padding:4px 0;display:flex}.punct-prompt{color:var(--ink);text-align:center;margin-bottom:4px;font-size:1.05rem;font-weight:800}.wc-hint{color:var(--muted,#6b7a8c);margin-top:2px;font-size:.8rem;font-style:italic;font-weight:500;display:block}.punct-sentence-box{border-radius:var(--r-xl);background:linear-gradient(135deg,#e4f6ff,#cfe8fb);border:2.5px solid #bcdff5;padding:24px 28px}.punct-sentence{color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.8}.punct-blank{border-bottom:3px solid var(--purple);color:var(--brand-ink);letter-spacing:3px;background:#fff;border-radius:6px;margin:0 2px;padding:0 6px;font-weight:700;display:inline-block}.punct-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.punct-options--choice{grid-template-columns:1fr}.punct-opt{border-radius:var(--r-xl);border:2.5px solid var(--border);border-bottom:4px solid var(--border-2);color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);background:#fff;padding:16px 20px;font-size:1rem;font-weight:700;line-height:1.4;transition:all .15s}.punct-options:not(.punct-options--choice) .punct-opt{text-align:center;font-size:1.5rem}@media (hover:hover){.punct-opt:hover:not(:disabled){border-color:var(--purple);border-bottom-color:var(--purple-dark);background:#e4f6ff;transform:translateY(-2px)}}.punct-opt.correct{background:var(--correct-bg);border-color:var(--correct);border-bottom-color:var(--green-dark);color:var(--correct);animation:.35s pop}.punct-opt.wrong{background:var(--wrong-bg);border-color:var(--wrong);color:var(--wrong);border-bottom-color:#991b1b;animation:.5s shake}.columns{align-items:flex-start;gap:8px;display:flex}.column{flex-direction:column;flex:1;gap:8px;display:flex}.column-divider{flex-direction:column;align-items:center;gap:8px;min-width:10px;padding-top:6px;display:flex}.divider-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:6px;height:6px}.word-card{background:var(--surface-2,#f4f9ff);width:100%;color:var(--ink);text-align:center;border:2px solid #0000;border-radius:16px;min-height:64px;padding:18px 12px;font-size:1.05rem;font-weight:700;transition:all .12s}@media (hover:hover){.word-card:hover:not(:disabled):not(.matched):not(.selected){border-color:var(--brand)}}.word-card.selected{border-color:var(--accent-dark);background:var(--accent);color:var(--ink)}.word-card.matched{flex-direction:column;align-items:center;gap:3px;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) pop;display:flex;background:var(--correct-bg)!important;border-color:var(--correct)!important;color:var(--correct)!important}.card-stars{letter-spacing:1px;font-size:.62rem;line-height:1}.word-card:disabled{cursor:default}.word-card.wrong{animation:.5s shake;background:var(--wrong-bg)!important;border-color:var(--wrong)!important;color:var(--wrong)!important;border-bottom-color:#991b1b!important}.ws-example{text-align:center;color:var(--muted,#6b7280);margin:-4px 0 10px;font-size:.82rem}.ws-example b{color:var(--brand-ink)}.ws-list{flex-direction:column;gap:10px;display:flex}.ws-row{border-radius:var(--r-xl);border:2px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:10px;padding:8px 10px;display:flex}.ws-row.correct{border-color:var(--correct);background:#f0fdf4}.ws-row.incorrect{border-color:var(--wrong);background:var(--wrong-bg)}.ws-num{width:26px;height:26px;color:var(--brand-ink);background:#e4f6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.ws-groups{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ws-group{flex:1;gap:6px;min-width:0;display:flex}.ws-plus{color:var(--muted,#9ca3af);flex-shrink:0;font-weight:800}.ws-word{border-radius:var(--r-lg,12px);border:2px solid var(--border);border-bottom:3px solid var(--border-2);min-width:0;color:var(--text);text-align:center;box-shadow:var(--shadow-xs);background:#fff;flex:1;padding:10px 6px;font-size:.85rem;font-weight:700;transition:all .12s}@media (hover:hover){.ws-word:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){border-color:var(--purple);color:var(--brand-ink);background:#e4f6ff;transform:translateY(-2px)}}.ws-word.selected{border-color:var(--accent-dark);border-bottom-color:var(--accent-dark);background:var(--accent);color:var(--ink);box-shadow:0 3px 0 var(--accent-dark)}.ws-word.correct{border-color:var(--correct)!important;border-bottom-color:var(--green-dark)!important;color:var(--correct)!important;background:#dcfce7!important}.ws-word.incorrect{text-decoration:line-through;border-color:var(--wrong)!important;background:var(--wrong-bg)!important;color:var(--wrong)!important;border-bottom-color:#991b1b!important}.ws-word:disabled{cursor:default}.ws-mark{flex-shrink:0;font-size:1.1rem;font-weight:900}.ws-row.correct .ws-mark{color:var(--correct)}.ws-row.incorrect .ws-mark{color:var(--wrong)}.ws-actions{justify-content:center;margin-top:16px;display:flex}.ws-actions .play-btn{max-width:340px}@media (width<=560px){.ws-groups{flex-direction:column;gap:5px}.ws-plus{display:none}.ws-word{padding:9px 4px;font-size:.8rem}.ws-row{gap:7px;padding:7px}}.summary-overlay{width:100%;max-width:560px;animation:.3s fadeIn}.summary-card{border-radius:var(--r-2xl);text-align:center;width:100%;box-shadow:var(--shadow-md);border:3px solid var(--border);background:#fff;flex-direction:column;align-items:center;gap:14px;padding:32px 28px 28px;display:flex}.summary-round-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-light);font-size:.68rem;font-weight:700}.summary-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:600}.streak-banner{background:var(--yellow-light);color:#92400e;border-radius:var(--r-full);border:2px solid #fbbf24;padding:6px 18px;font-size:.875rem;font-weight:700}.summary-results{flex-direction:column;gap:5px;width:100%;display:flex}.summary-row{border-radius:var(--r-lg);border:2px solid var(--border);background:#f4f9ff;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.summary-pair{color:var(--text-2);font-size:.875rem;font-weight:700}.stars-row{gap:3px;display:flex}.star-icon{font-size:.95rem}.star-icon.lit{color:#fbbf24}.star-icon.dim{color:var(--border-2)}.summary-score{color:var(--text);font-size:1.05rem;font-weight:700}.gc-stats{border-radius:var(--r-xl);border:2.5px solid var(--border);background:#f4f9ff;justify-content:space-around;gap:12px;width:100%;padding:18px 20px;display:flex}.gc-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.gc-stat-value{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.gc-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-size:.62rem;font-weight:700}.gc-correct{color:var(--correct)}.gc-wrong{color:var(--wrong)}.gc-stars{color:var(--text)}.summary-buttons{flex-direction:column;gap:8px;width:100%;padding-top:4px;display:flex}.result-screen{width:100%;max-width:440px}.result-card{border-radius:var(--r-2xl);box-shadow:var(--shadow-md);border:3px solid var(--border);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:20px;padding:40px 32px;display:flex}.result-emoji{font-size:4rem;animation:.5s both bounce}.result-title{color:var(--text);letter-spacing:-.03em;font-size:2.2rem;font-weight:600}.result-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:600}.stars{gap:10px;display:flex}.star{font-size:2.75rem;animation:.5s both bounce;display:inline-block}.result-stats{border-radius:var(--r-xl);border:2.5px solid var(--border);background:#f4f9ff;justify-content:space-around;gap:12px;width:100%;padding:18px 20px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:var(--text);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-size:.62rem;font-weight:700}.result-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.secondary-btn{border:2.5px solid var(--border);border-radius:var(--r-xl);width:100%;color:var(--text-2);box-shadow:var(--shadow-xs);background:#fff;padding:13px;font-size:.975rem;font-weight:700;transition:all .15s}.secondary-btn:hover{border-color:var(--purple);color:var(--brand-ink);background:#e4f6ff}.wl-controls{flex-direction:column;gap:10px;display:flex}.wl-search{border:2.5px solid var(--border);border-radius:var(--r-lg);width:100%;color:var(--text);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.wl-search:focus{border-color:var(--purple);box-shadow:0 0 0 4px #12a5ff2e}.wl-search::placeholder{color:var(--text-light)}.wl-filter-row{gap:8px;display:flex}.wl-filter-btn{border:2.5px solid var(--border);border-radius:var(--r-full);cursor:pointer;color:var(--text-muted);background:#fff;padding:7px 16px;font-size:.8rem;font-weight:700;transition:all .15s}.wl-filter-btn.active{background:var(--purple);border-color:var(--purple);border-bottom:3px solid var(--purple-dark);color:var(--on-brand)}.wl-filter-btn:hover:not(.active){border-color:var(--purple);color:var(--brand-ink);background:#e4f6ff}.wl-count{color:var(--text-light);font-size:.78rem;font-weight:600}.wl-list{flex-direction:column;display:flex}.wl-group{margin-bottom:6px}.wl-letter-heading{color:var(--brand-ink);text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid #cfe8fb;margin-bottom:2px;padding:8px 2px 4px;font-size:.68rem;font-weight:700}.wl-item{border-bottom:1px solid #eaf4fc}.wl-row{cursor:pointer;text-align:left;border-radius:var(--r-sm);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 8px;font-family:inherit;transition:background .1s;display:flex}.wl-row:hover{background:#e4f6ff}.wl-row.open{border-radius:var(--r-sm) var(--r-sm) 0 0;background:#e4f6ff}.wl-word{color:var(--text);font-size:.95rem;font-weight:700}.wl-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.wl-badges{gap:3px;display:flex}.wl-badge{border-radius:var(--r-full);padding:2px 7px;font-size:.58rem;font-weight:700}.wl-badge--a{color:var(--green);background:#f0fdf4;border:1.5px solid #86efac}.wl-badge--b{color:var(--orange);background:#fff7ed;border:1.5px solid #fdba74}.wl-badge--c{background:var(--wrong-bg);color:var(--wrong);border:1.5px solid var(--wrong-border)}.wl-chevron{color:var(--text-light);font-size:.58rem}.wl-meaning{border-radius:0 0 var(--r-sm) var(--r-sm);background:#e4f6ff;border-top:2px solid #bcdff5;flex-direction:column;gap:4px;padding:8px 12px 14px;display:flex}.wl-loading{color:var(--text-light);font-size:.82rem;font-style:italic}.wl-pos{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-ink);font-size:.65rem;font-weight:700}.wl-defn{color:var(--text);font-size:.9rem;font-weight:500;line-height:1.5}.wl-hint{color:var(--text-muted);margin-top:2px;font-size:.78rem;font-weight:500;line-height:1.4}.wl-empty{text-align:center;color:var(--text-light);padding:36px 0;font-size:.95rem;font-weight:600}@media (width<=640px){.word-card{min-height:72px;padding:18px 10px;font-size:.975rem}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes bounce{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{opacity:1;transform:scale(1.25)rotate(5deg)}80%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes wiggle{0%{transform:rotate(-8deg)scale(1.05)}to{transform:rotate(8deg)scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fib-sentence-card{border:2px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:12px;padding:26px 22px;display:flex}.fib-sentence{color:var(--text);text-align:center;font-size:1.2rem;font-weight:700;line-height:1.8}.fib-blank{letter-spacing:.02em;border-radius:8px;min-width:100px;margin:0 4px;padding:2px 10px;font-weight:700;display:inline-block}.fib-blank--empty{background:var(--track);color:var(--brand-ink);border-bottom:3px solid var(--brand);letter-spacing:4px}.fib-blank--correct{background:var(--correct-bg);color:var(--correct);border-bottom:3px solid var(--correct)}.fib-blank--wrong{background:var(--wrong-bg);color:var(--wrong);border-bottom:3px solid var(--wrong)}.fib-hint{color:var(--brand-ink);text-align:center;opacity:.75;font-size:.8rem;font-weight:600}.fib-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fib-option{border-radius:var(--r-xl);border:2.5px solid var(--border);border-bottom:4px solid var(--border-2);min-height:64px;color:var(--text);text-align:center;cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;justify-content:center;align-items:center;padding:14px 12px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.fib-option:hover:not(:disabled){border-color:var(--purple);border-bottom-color:var(--purple-dark);color:var(--brand-ink);background:#e4f6ff;transform:translateY(-2px)}.fib-option.correct{background:var(--correct-bg);border-color:var(--correct);border-bottom-color:var(--green-dark);color:var(--correct);animation:.35s cubic-bezier(.34,1.56,.64,1) pop}.fib-option.wrong{background:var(--wrong-bg);border-color:var(--wrong);color:var(--wrong);border-bottom-color:#991b1b;animation:.5s shake}@media (width<=640px){.fib-option{min-height:72px;font-size:1.05rem}.fib-sentence{font-size:1.05rem}}.fib-feedback{border-radius:var(--r-xl);border:2.5px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;animation:.2s fadeIn;display:flex}.fib-feedback--correct{background:var(--correct-bg);border-color:var(--correct-border)}.fib-feedback--wrong{background:#fff7ed;border-color:#fdba74}.fib-feedback-text{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.fib-feedback--correct .fib-feedback-text{color:var(--correct)}.fib-feedback--wrong .fib-feedback-text{color:var(--orange-dark)}.fib-next-btn{border-radius:var(--r-lg);background:var(--purple);border:none;border-bottom:4px solid var(--purple-shadow);color:var(--on-brand);margin-left:auto;padding:11px 24px;font-size:1rem;font-weight:700;transition:transform .1s,border-bottom-width .1s}.fib-next-btn:hover{transform:translateY(-2px)}.fib-next-btn:active{border-bottom-width:1px;transform:translateY(2px)}.fib-speak{border:2px solid var(--border-2);border-radius:var(--r-full);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:transform .1s,background .15s;display:flex}.fib-speak:hover{background:#e4f6ff;transform:scale(1.08)}.fib-speak:active{transform:scale(.95)}.fib-speak--inline{border-color:var(--correct);width:30px;height:30px;margin-left:8px;font-size:.9rem}@media (width<=640px){.fib-feedback{justify-content:center}.fib-next-btn{width:100%;margin-left:0}}.flashcard{perspective:1200px;cursor:pointer;width:100%;height:340px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.3,.64,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--r-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 24px;display:flex;position:absolute;inset:0}.flashcard-front{box-shadow:var(--shadow-md);background:linear-gradient(160deg,#12a5ff,#0b7fc7)}.flashcard-word{color:var(--on-brand);letter-spacing:-.02em;font-size:2.4rem;font-weight:600}.flashcard-flip-hint{color:#3a2600b3;font-size:.8rem;font-weight:700;position:absolute;bottom:20px}.flashcard-speak{position:absolute;top:18px;right:18px}.flashcard-back{border:3px solid var(--border-2);background:#fff;justify-content:flex-start;gap:6px;overflow-y:auto;transform:rotateY(180deg)}.flashcard-back-word{color:var(--brand-ink);margin-bottom:6px;font-size:1.5rem;font-weight:700}.flashcard-meaning-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-top:8px;font-size:.62rem;font-weight:700}.flashcard-meaning{color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.4}.flashcard-sentence{color:var(--text-2);font-size:1rem;font-style:italic;font-weight:500;line-height:1.6}.flashcard-nav{gap:10px;display:flex}.flashcard-nav .secondary-btn,.flashcard-nav .play-btn{flex:1}.flashcard-nav .secondary-btn:disabled{opacity:.4;cursor:default}@media (width<=640px){.flashcard{height:320px}.flashcard-word{font-size:2rem}.fib-lesson-term{font-size:1.4rem}}@media (width<=1023px){.sidebar{max-width:86vw}}@media (width<=480px){.main-content{padding:64px 12px 24px}.home-card{gap:16px}.home-title h1{font-size:1.7rem}.home-emoji{font-size:2.25rem}.game-type-desc{padding:10px 12px;font-size:.85rem}.game-header{gap:5px}.back-btn{padding:6px 11px;font-size:.8rem}.level-badge,.type-badge,.correct-badge,.wrong-badge,.timer-badge,.streak-badge{padding:4px 9px;font-size:.72rem}.mute-btn{padding:4px 7px}.game-instruction{font-size:.8rem}.word-card{padding:16px 8px;font-size:.92rem}.fib-sentence-card{padding:20px 16px}.fib-sentence{font-size:1rem}.fib-blank{min-width:64px}.fib-option{min-height:64px;padding:14px 10px;font-size:1rem}.fib-feedback-text{font-size:.98rem}.lb-table{font-size:.74rem}.lb-table thead th,.lb-row td{padding:5px}.home-best-score{font-size:.95rem}.home-best-detail{font-size:.72rem}.result-card,.summary-card,.coming-soon-card{padding:28px 20px}.login-card{padding:30px 22px}.result-title{font-size:1.8rem}.result-emoji,.cs-icon{font-size:3rem}}@media (width<=360px){.main-content{padding:62px 8px 20px}.home-title h1{font-size:1.55rem}.word-card{padding:14px 6px;font-size:.85rem}.toggle-btn{padding:10px 6px;font-size:.85rem}.q-segment{padding:10px 2px;font-size:.85rem}}.lb-code-card{border-radius:var(--r-xl);background:linear-gradient(135deg,#e4f6ff,#cfe8fb);border:2.5px solid #bcdff5;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.lb-code-label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-ink);font-size:.68rem;font-weight:800}.lb-code-row{align-items:center;gap:10px;display:flex}.lb-code{letter-spacing:2px;color:var(--text);flex:1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.6rem;font-weight:600}.lb-copy-btn{border:2px solid var(--brand-ink);color:var(--brand-ink);border-radius:var(--r);background:#fff;padding:7px 16px;font-size:.85rem;font-weight:800;transition:background .15s}.lb-copy-btn:hover:not(:disabled){background:#e4f6ff}.lb-copy-btn:disabled{opacity:.5;cursor:default}.lb-code-hint{color:var(--text-muted);font-size:.75rem;font-weight:500}.lb-add-form{flex-direction:column;gap:8px;display:flex}.lb-add-row{gap:8px;display:flex}.lb-add-input{text-transform:uppercase;flex:1}.lb-add-btn{flex-shrink:0;width:auto;padding:12px 22px}.lb-msg{border-radius:var(--r);padding:8px 12px;font-size:.85rem;font-weight:700}.lb-msg--ok{background:var(--correct-bg);color:var(--correct);border:1.5px solid var(--correct-border)}.lb-msg--err{background:var(--wrong-bg);color:var(--wrong);border:1.5px solid var(--wrong-border)}.lb-board{flex-direction:column;gap:8px;display:flex}.lb-board-row{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:12px;padding:10px 14px;display:flex}.lb-board-row--me{border-color:var(--brand-ink);background:#e4f6ff}.lb-board-rank{text-align:center;min-width:28px;color:var(--text-2);font-size:1.15rem;font-weight:800}.lb-board-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.lb-board-avatar--initial{background:var(--purple);color:var(--on-brand);justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.lb-board-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:700;overflow:hidden}.lb-board-you{color:var(--brand-ink);font-weight:800}.lb-board-points{color:var(--text);flex-shrink:0;font-size:.95rem;font-weight:800}.lb-cat-row{flex-wrap:wrap}.lb-remove-btn{border-radius:var(--r-full);background:var(--wrong-bg);width:26px;height:26px;color:var(--wrong);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;line-height:1;transition:background .15s;display:flex}.lb-remove-btn:hover{background:#fee2e2}.lb-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lb-board-head .wl-filter-row{flex:1}.lb-refresh-btn{border:2px solid var(--border-2);color:var(--brand-ink);border-radius:var(--r-full);background:#fff;flex-shrink:0;padding:6px 14px;font-size:.8rem;font-weight:800;transition:background .15s}.lb-refresh-btn:hover:not(:disabled){background:#e4f6ff}.lb-refresh-btn:disabled{opacity:.5;cursor:default}.lb-name-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.lb-name-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lb-name-value{color:var(--text);font-size:1.05rem;font-weight:800}.lb-name-edit{flex-wrap:wrap;gap:8px;width:100%;display:flex}.lb-name-edit .wl-search{flex:1;min-width:140px}.lb-name-save,.lb-name-cancel{flex-shrink:0;width:auto;padding:10px 18px}.gc-payout{background:var(--surface-2,#f4f9ff);text-align:left;border-radius:20px;margin:4px 0 14px;padding:16px 18px}.gc-payout-top{justify-content:space-between;align-items:baseline;display:flex}.gc-xp{color:var(--ink);font-size:1.05rem;font-weight:800}.gc-level{color:var(--muted,#6b7a8c);font-size:.8rem;font-weight:700}.gc-xpbar{border-radius:var(--r-full);background:var(--track,#e7eef5);height:12px;margin:12px 0 8px;overflow:hidden}.gc-xpbar-fill{background:var(--brand);border-radius:var(--r-full);height:100%;transition:width .6s}.gc-payout-bot{color:var(--muted,#6b7a8c);justify-content:space-between;font-size:.76rem;font-weight:600;display:flex}.gc-streak{color:var(--brand-ink);font-weight:700}.appnav{background:var(--ink);z-index:200;flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:center;width:88px;height:100dvh;padding:20px 0;display:flex;position:sticky;top:0}.appnav-logo{background:var(--accent);width:46px;height:46px;color:var(--ink);border:none;border-radius:15px;flex-shrink:0;place-items:center;margin-bottom:14px;padding:0;font-size:1.15rem;font-weight:800;display:grid}.appnav-items{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;display:flex;overflow-y:auto}.appnav-item{color:#ffffffb3;background:0 0;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:64px;height:56px;transition:all .15s;display:flex}.appnav-item:hover{color:#fff;background:#ffffff1a}.appnav-item.active{color:#fff;background:var(--brand-solid)}.appnav-icon{font-size:1.25rem;line-height:1}.appnav-label{letter-spacing:.01em;font-size:.72rem;font-weight:700}.appnav-foot{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;margin-top:10px;display:flex}.appnav-streak{color:var(--accent);border-radius:var(--r-full);background:#d4f52024;padding:6px 11px;font-size:.75rem;font-weight:800}.appnav-avatar{cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.appnav-avatar-dot{background:var(--brand-solid);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.05rem;font-weight:800;display:grid}.appnav-avatar.active .appnav-avatar-dot{box-shadow:0 0 0 3px #12a5ff73}.appnav-avatar-lbl{display:none}.dash{flex-direction:column;gap:22px;width:100%;max-width:1280px;display:flex}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dash-name{color:var(--ink);letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.dash-sub{color:var(--muted,#6b7a8c);margin-top:4px;font-size:.9rem;font-weight:600}.dash-head-pills{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dash-pill{color:var(--ink);border-radius:var(--r-full);box-shadow:var(--shadow-xs);white-space:nowrap;background:#fff;flex:none;padding:11px 18px;font-size:.85rem;font-weight:700}.dash-pill--dark{background:var(--ink);color:var(--accent);font-weight:800}.dash-body{grid-template-columns:1.35fr 1fr;grid-template-areas:"hero friends""games games";align-items:stretch;gap:18px;display:grid}.dash-hero{grid-area:hero}.dash-side{grid-area:friends}.dash-games{flex-direction:column;grid-area:games;gap:14px;display:flex}.dash-hero{background:var(--brand-gradient);color:#fff;border-radius:30px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-70px;right:-60px}.dash-hero-body,.dash-ring{z-index:1;position:relative}.dash-hero-body{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.dash-chip{background:var(--accent);color:var(--ink);letter-spacing:.08em;border-radius:var(--r-full);padding:6px 11px;font-size:.66rem;font-weight:800;display:inline-block}.dash-hero-title{letter-spacing:-.02em;margin:14px 0 8px;font-size:2rem;font-weight:800;line-height:1.1}.dash-hero-note{color:#ffffffd9;font-size:.9rem;font-weight:500}.dash-hero-cta{background:var(--accent);color:var(--ink);border-radius:var(--r-full);border:none;align-items:center;gap:12px;margin-top:22px;padding:14px 16px 14px 22px;font-size:1rem;font-weight:800;transition:transform .1s;display:inline-flex}.dash-hero-cta:hover{transform:translateY(-2px)}.dash-hero-arrow{background:var(--ink);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.dash-ring{background:conic-gradient(var(--accent) 0 var(--pct), #ffffff38 var(--pct) 100%);border-radius:50%;flex:none;place-items:center;width:104px;height:104px;display:grid}.dash-ring-mid{background:var(--brand-solid);color:#fff;border-radius:50%;place-items:center;width:78px;height:78px;font-size:1.25rem;font-weight:800;display:grid}.dash-side{background:var(--ink);color:#fff;border-radius:30px;flex-direction:column;padding:24px;display:flex}.dash-side-title{font-size:1.05rem;font-weight:800}.dash-side-rows{flex-direction:column;flex:1;gap:12px;margin-top:16px;display:flex}.dash-side-row{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.dash-side-row b{color:#fff;font-weight:800}.dash-side-cta{background:var(--accent);color:var(--ink);border-radius:var(--r-full);text-align:center;border:none;margin-top:16px;padding:13px;font-size:.9rem;font-weight:800}.dash-jump-head{color:var(--ink);font-size:1.15rem;font-weight:800}.dash-jump{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.jumpcard{text-align:left;box-shadow:var(--shadow-xs);background:#fff;border:none;border-radius:26px;flex-direction:column;padding:22px;transition:transform .12s;display:flex}.jumpcard:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.jumpcard--dashed{box-shadow:none;border:2px dashed #c7d9e8}.jumpcard-icon{border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.jumpcard-title{color:var(--ink);margin-top:16px;font-size:1.05rem;font-weight:800}.jumpcard-sub{color:var(--muted,#6b7a8c);margin-top:5px;font-size:.78rem;font-weight:600}.jumpcard-link{color:var(--brand-ink);margin-top:14px;font-size:.78rem;font-weight:700}.dash-bar{border-radius:var(--r-full);background:var(--track,#e7eef5);height:8px;margin-top:14px;overflow:hidden}.dash-bar-fill{background:var(--brand);border-radius:var(--r-full);height:100%;transition:width .5s}.me-screen{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.me-card{box-shadow:var(--shadow-sm);text-align:center;background:#fff;border-radius:28px;padding:28px 24px}.me-avatar{background:var(--brand);color:#fff;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:1.8rem;font-weight:800;display:grid}.me-name{color:var(--ink);font-size:1.35rem;font-weight:800}.me-title{color:var(--muted,#6b7a8c);margin-top:2px;font-size:.85rem;font-weight:600}.me-xpbar{border-radius:var(--r-full);background:var(--track,#e7eef5);height:12px;margin:18px 0 8px;overflow:hidden}.me-xpbar-fill{background:var(--brand);border-radius:var(--r-full);height:100%}.me-xpnote{color:var(--muted,#6b7a8c);font-size:.78rem;font-weight:600}.me-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.me-stat{background:var(--surface-2,#f4f9ff);border-radius:18px;padding:14px}.me-stat-val{color:var(--ink);font-size:1.2rem;font-weight:800}.me-stat-label{color:var(--muted,#6b7a8c);margin-top:2px;font-size:.72rem;font-weight:600}.me-account{flex-direction:column;gap:10px;display:flex}@media (width<=1023px){.appnav{border-top:1.5px solid var(--border);background:#fff;border-radius:20px 20px 0 0;flex-direction:row;justify-content:space-around;align-self:auto;align-items:center;width:100%;height:64px;padding:0 4px;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 -6px 26px #0b3c6e17}.appnav-logo{display:none}.appnav-items{flex-direction:row;flex:2;justify-content:space-around;gap:0;overflow:visible}.appnav-item{width:auto;height:52px;color:var(--text-light);flex:1}.appnav-item.active{color:var(--brand);background:0 0}.appnav-icon{font-size:1.2rem}.appnav-label{font-size:.64rem}.appnav-foot{flex-direction:row;flex:1;justify-content:center;gap:0;margin-top:0}.appnav-streak{display:none}.appnav-avatar{height:52px;color:var(--text-light);flex-direction:column;gap:3px}.appnav-avatar-dot{width:26px;height:26px;font-size:.78rem}.appnav-avatar.active .appnav-avatar-dot{box-shadow:0 0 0 2px #12a5ff73}.appnav-avatar-lbl{display:block}.appnav-avatar.active .appnav-avatar-lbl{color:var(--brand)}.dash{max-width:100%}.dash-name{font-size:1.5rem}.dash-body{grid-template-columns:1fr;grid-template-areas:"hero""games""friends"}.dash-jump{grid-template-columns:1fr 1fr}.main-content{padding:18px 14px 84px}}.landing{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.landing-head{align-items:center;gap:14px;display:flex}.landing-icon{border-radius:17px;flex:none;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.landing-h1{color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.landing-sub{color:var(--muted,#6b7a8c);margin-top:3px;font-size:.85rem;font-weight:600}.landing-chips{gap:8px;display:flex}.chip{border-radius:var(--r-full);color:var(--muted,#6b7a8c);box-shadow:var(--shadow-xs);background:#fff;border:none;flex:1;padding:12px 0;font-size:.9rem;font-weight:700;transition:all .15s}.chip.active{background:var(--ink);color:#fff}.landing-hero{background:var(--brand-gradient);color:#fff;border-radius:28px;padding:26px;position:relative;overflow:hidden}.landing-hero-title{letter-spacing:-.02em;margin:14px 0 8px;font-size:1.7rem;font-weight:800}.landing-hero-blurb{color:#ffffffd9;max-width:440px;font-size:.92rem;font-weight:500;line-height:1.5}.landing-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.landing-tag{border-radius:var(--r-full);background:#ffffff2e;padding:7px 12px;font-size:.72rem;font-weight:700}.landing-hero-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.landing-start{background:var(--accent);color:var(--ink);border-radius:var(--r-full);border:none;align-items:center;gap:12px;padding:14px 16px 14px 24px;font-size:1.05rem;font-weight:800;transition:transform .1s;display:inline-flex}.landing-start:hover{transform:translateY(-2px)}.landing-learn{color:#fff;border-radius:var(--r-full);background:#ffffff29;border:none;padding:14px 20px;font-size:.9rem;font-weight:700}.landing-or{align-items:center;gap:14px;margin-top:4px;display:flex}.landing-or span{color:var(--muted,#6b7a8c);flex:none;font-size:.8rem;font-weight:700}.landing-or:after{content:"";background:var(--border-2);flex:1;height:1px}.landing-lenrow{align-items:center;gap:14px;display:flex}.landing-lenlabel{color:var(--muted,#6b7a8c);flex:none;font-size:.8rem;font-weight:700}.landing-lenrow .q-bar{flex:1}.landing-best{box-shadow:var(--shadow-xs);background:#fff;border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.ig-top{align-items:center;gap:12px;display:flex}.ig-back,.ig-mute{width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-xs);background:#fff;border:none;border-radius:13px;flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.ig-pips{flex:1;gap:4px;display:flex}.ig-pip{border-radius:var(--r-full);background:var(--border-2);flex:1;height:8px;transition:background .2s}.ig-pip.done{background:var(--brand)}.ig-hud{gap:8px;display:flex}.ig-card{box-shadow:var(--shadow-xs);background:#fff;border-radius:16px;flex:1;padding:10px 12px}.ig-card--combo{background:var(--ink)}.ig-card-val{color:var(--ink);font-size:1.2rem;font-weight:800;line-height:1}.ig-card--combo .ig-card-val{color:var(--accent)}.ig-card-val--correct{color:var(--correct)}.ig-card-val--wrong{color:var(--wrong)}.ig-card-lbl{color:var(--muted,#6b7a8c);margin-top:4px;font-size:.66rem;font-weight:600}.ig-card--combo .ig-card-lbl{color:#fff9}.ws-head-title{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.ws-head-name{color:var(--ink);font-size:1.05rem;font-weight:800}.ws-head-level{color:var(--muted,#6b7a8c);font-size:.72rem;font-weight:700}.ws-head-stat{font-size:.9rem;font-weight:800}.ws-head-time{color:var(--muted,#6b7a8c);font-size:.85rem;font-weight:700}.wordlist{flex-direction:column;gap:16px;width:100%;max-width:960px;display:flex}.wordlist-head{align-items:center;gap:14px;display:flex}.wordlist-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wl2-search{border:2px solid var(--border);min-width:160px;font:inherit;color:var(--ink);background:#fff;border-radius:16px;flex:1;padding:14px 18px;font-size:1rem;font-weight:500}.wl2-search:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #12a5ff26}.wl2-filters{gap:7px;display:flex}.wl2-filter{border-radius:var(--r-full);color:var(--muted,#6b7a8c);box-shadow:var(--shadow-xs);background:#fff;border:none;padding:11px 16px;font-size:.8rem;font-weight:700}.wl2-filter.active{background:var(--ink);color:#fff}.wl2-panes{grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;display:grid}.wl2-list{box-shadow:var(--shadow-xs);background:#fff;border-radius:22px;max-height:62vh;padding:8px;overflow-y:auto}.wl2-row{text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px 16px;transition:background .12s;display:flex}.wl2-row:hover{background:var(--surface-2,#f4f9ff)}.wl2-row.active{background:var(--brand-solid)}.wl2-word{color:var(--ink);flex:1;font-size:.98rem;font-weight:600}.wl2-row.active .wl2-word{color:#fff}.wl2-levels{color:var(--muted,#6b7a8c);font-size:.72rem;font-weight:700}.wl2-row.active .wl2-levels{color:#ffffffd9}.wl2-empty{text-align:center;color:var(--muted,#6b7a8c);padding:40px 16px;font-weight:600}.wl2-row-detail{display:none}.wl2-detail{box-shadow:var(--shadow-xs);background:#fff;border-radius:22px;padding:24px;position:sticky;top:0}.wl2-detail-word{color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.wl2-detail-levels{color:var(--muted,#6b7a8c);margin-top:6px;font-size:.8rem;font-weight:600}.wl2-defn{color:var(--ink);margin-top:18px;font-size:1rem;font-weight:500;line-height:1.55}.wl2-defn--muted{color:var(--muted,#6b7a8c)}.wl2-rel{gap:28px;margin-top:20px;display:flex}.wl2-rel-lbl{letter-spacing:.09em;color:var(--muted,#9aa8b6);font-size:.66rem;font-weight:800}.wl2-rel-val{color:var(--ink);margin-top:7px;font-size:.95rem;font-weight:700}@media (width<=760px){.wl2-panes{grid-template-columns:1fr}.wl2-list{max-height:none}.wl2-detail{display:none}.wl2-row-detail{background:var(--surface-2,#f4f9ff);border-radius:0 0 14px 14px;margin:-4px 0 4px;padding:4px 16px 18px;display:block}}.dash-friends{flex-direction:column;flex:1;gap:9px;margin-top:16px;display:flex}.dash-friend{border-radius:14px;align-items:center;gap:11px;padding:8px 0;display:flex}.dash-friend.me{background:var(--brand-solid);margin:0 -11px;padding:8px 11px}.dash-friend-rank{color:#ffffff80;width:16px;font-size:.8rem;font-weight:800}.dash-friend:first-child .dash-friend-rank{color:var(--accent)}.dash-friend-av{color:#fff;background:#ffffff26;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:grid}.dash-friend-av.gold{background:var(--accent);color:var(--ink)}.dash-friend-av.me{color:var(--brand);background:#fff}.dash-friend-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden}.dash-friend-pts{color:#fff;font-size:.85rem;font-weight:800}.dash-friend.me .dash-friend-pts{color:var(--accent)}.dash-friend-empty{color:#fff9;flex:1;padding:8px 0;font-size:.85rem;font-weight:600}.board{flex-direction:column;gap:14px;width:100%;max-width:1000px;display:flex}.board-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-head-left{align-items:center;gap:14px;display:flex}.board-head-actions{flex:none;align-items:center;gap:10px;display:flex}.board-icon{background:#fff6d6;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.board-title{color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.board-sub{color:var(--muted,#6b7a8c);margin-top:3px;font-size:.85rem;font-weight:600}.board-reset-chip{background:var(--surface-2,#f4f9ff);color:var(--brand-ink);border-radius:var(--r-full);margin-left:8px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.board-manage{cursor:pointer;color:var(--ink);border-radius:var(--r-full);box-shadow:var(--shadow-xs);background:#fff;border:none;flex:none;padding:12px 22px;font-size:.88rem;font-weight:800;transition:background .12s,color .12s}.board-manage.on{background:var(--ink);color:#fff;box-shadow:none}.board-addbtn{cursor:pointer;background:var(--accent);color:var(--ink);border-radius:var(--r-full);border:none;flex:none;padding:12px 22px;font-size:.88rem;font-weight:800;transition:transform .1s}.board-addbtn:hover{transform:translateY(-2px)}.board-rows{flex-direction:column;gap:12px;display:flex}.board-row{box-shadow:var(--shadow-xs);background:#fff;border-radius:22px;align-items:center;gap:14px;padding:16px 20px;display:flex}.board-row.me{background:var(--brand-solid);box-shadow:none}.board-rank{background:var(--surface-2,#f4f9ff);width:34px;height:34px;color:var(--muted,#9aa8b6);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.board-rank--1{color:#3d2c05;background:#edb731}.board-rank--2{color:#2b3440;background:#d3dbe4}.board-rank--3{color:#33210f;background:#c89469}.board-row.me .board-rank{color:#ffffffe6;background:#ffffff38}.board-row.me .board-rank--1{color:#3d2c05;background:#edb731}.board-row.me .board-rank--2{color:#2b3440;background:#d3dbe4}.board-row.me .board-rank--3{color:#33210f;background:#c89469}.board-avatar{background:var(--track,#e7eef5);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.board-avatar.me{color:var(--brand);background:#fff}.board-name{color:var(--ink);flex:1;min-width:0;font-size:1.05rem;font-weight:700}.board-row.me .board-name{color:#fff}.board-you{color:#ffffffbf;font-weight:500}.board-pts{color:var(--ink);font-size:1.05rem;font-weight:800}.board-row.me .board-pts{color:var(--accent)}.board-rename{cursor:pointer;color:#fff;border-radius:var(--r-full);background:#ffffff38;border:none;flex:none;padding:7px 15px;font-size:.8rem;font-weight:700;transition:background .12s}.board-rename:hover{background:#ffffff57}.board-remove{cursor:pointer;color:#d1622c;background:#fbe3d8;border:none;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-left:4px;font-size:.85rem;font-weight:800;transition:background .12s,color .12s;display:grid}.board-remove:hover{color:#fff;background:#d1622c}.board-empty{text-align:center;color:var(--muted,#6b7a8c);box-shadow:var(--shadow-xs);background:#fff;border-radius:22px;padding:28px;font-weight:600}.board-empty-title{color:var(--ink);font-size:1.05rem;font-weight:800}.board-empty-sub{color:var(--muted);margin-top:4px;font-size:.85rem;font-weight:500}.board-foot{background:var(--ink);border-radius:24px;align-items:center;gap:16px;padding:20px 22px;display:flex}.board-foot-title{color:#fff;font-size:1rem;font-weight:800}.board-foot-sub{color:#fff9;margin-top:3px;font-size:.82rem;font-weight:500}.board-foot-cta{cursor:pointer;background:var(--accent);color:var(--ink);border-radius:var(--r-full);border:none;flex:none;margin-left:auto;padding:13px 26px;font-size:.92rem;font-weight:800;transition:transform .1s}.board-foot-cta:hover{transform:translateY(-2px)}.board-sheet{text-align:left;max-width:420px}.board-sheet .set-sheet-title{font-size:1.5rem}.board-sheet .set-sheet-sub{margin:8px 0 4px}.board-fieldlbl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:.72rem;font-weight:800}.board-codebox{background:var(--surface-2,#f4f9ff);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:9px 9px 9px 18px;display:flex}.board-codeval{letter-spacing:3px;color:var(--ink);font-size:1.25rem;font-weight:800}.board-copybtn{cursor:pointer;color:var(--ink);border:1.5px solid var(--border);background:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;transition:border-color .12s,color .12s,background .12s;display:grid}.board-copybtn:hover{border-color:var(--brand);color:var(--brand-ink)}.board-copybtn.copied{border-color:var(--correct);color:var(--correct);background:var(--correct-bg)}.board-copybtn:disabled{opacity:.5}.board-sheet-input{background:var(--surface-2,#f4f9ff);width:100%;font:inherit;color:var(--ink);border:2px solid #0000;border-radius:16px;padding:15px 18px;font-weight:700}.board-sheet-input--code{letter-spacing:2px}.board-sheet-input:focus{border-color:var(--brand);background:#fff;outline:none}.board-sheet .set-sheet-confirm{margin-top:14px}.board-danger{background:#d1622c}.board-msg{margin-top:10px;font-size:.8rem;font-weight:700}.board-msg.ok{color:var(--correct)}.board-msg.err{color:var(--wrong)}@media (width<=640px){.board-title{font-size:1.4rem}.board-head{flex-wrap:wrap}.board-head-actions{width:100%}.board-manage,.board-addbtn{flex:1}.board-foot{flex-direction:column;align-items:stretch}.board-foot-cta{margin-left:0}}.gc-screen{background:var(--brand-solid);border-radius:28px;justify-content:center;align-self:stretch;width:100%;min-height:calc(100dvh - 64px);padding:36px 24px;display:flex;position:relative;overflow:hidden}.gc-screen:before{content:"";background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:90px;left:-90px}.gc-screen:after{content:"";background:#d4f52024;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-70px}.gc-inner{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex;position:relative}.gc-emoji{font-size:3.4rem;line-height:1}.gc-title{color:#fff;letter-spacing:-.02em;text-align:center;margin-top:14px;font-size:2.1rem;font-weight:800}.gc-badge{background:var(--accent);color:var(--ink);letter-spacing:.06em;border-radius:var(--r-full);margin-top:16px;padding:9px 15px;font-size:.72rem;font-weight:800;display:inline-block}.gc-tiles{gap:12px;width:100%;margin-top:26px;display:flex}.gc-tile{text-align:center;background:#ffffff29;border-radius:22px;flex:1;padding:16px 12px}.gc-tile--lime{background:var(--accent)}.gc-tile-val{color:#fff;font-size:1.5rem;font-weight:800;line-height:1}.gc-tile--lime .gc-tile-val{color:var(--ink)}.gc-tile-of{color:#ffffffa6;font-size:.9rem}.gc-tile-lbl{color:#ffffffb3;margin-top:6px;font-size:.72rem;font-weight:600}.gc-tile--lime .gc-tile-lbl{color:var(--on-accent)}.gc-xpcard{background:#fff;border-radius:26px;width:100%;margin-top:16px;padding:22px}.gc-xpcard-top{justify-content:space-between;align-items:baseline;display:flex}.gc-xpcard-xp{color:var(--ink);font-size:1.15rem;font-weight:800}.gc-xpcard-lvl{color:var(--muted);font-size:.8rem;font-weight:700}.gc-xpbar2{border-radius:var(--r-full);background:var(--track);height:12px;margin:12px 0 8px;overflow:hidden}.gc-xpbar2-fill{background:var(--brand);border-radius:var(--r-full);height:100%;transition:width .6s}.gc-xpcard-note{color:var(--muted);font-size:.78rem;font-weight:600}.gc-streakrow{border-top:1px solid #edf2f7;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.gc-streak-ic{background:var(--ink);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.gc-streak-title{color:var(--ink);font-size:.95rem;font-weight:700}.gc-streak-sub{color:var(--muted);margin-top:2px;font-size:.78rem;font-weight:500}.gc-watch{color:#fff;background:#ffffff29;border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px 12px;width:100%;margin-top:14px;padding:16px 18px;font-size:.88rem;font-weight:600;display:flex}.gc-watch-ic{font-size:1.2rem}.gc-watch-txt{flex:1;min-width:0}.gc-watch strong{font-weight:800}.gc-watch-cta{color:var(--ink);border-radius:var(--r-full);white-space:nowrap;box-shadow:var(--shadow-xs);background:#fff;border:none;flex:none;padding:8px 16px;font-size:.78rem;font-weight:800}.gc-actions{flex-direction:column;gap:10px;width:100%;margin-top:22px;display:flex}.gc-again{background:var(--accent);color:var(--ink);border-radius:var(--r-full);border:none;padding:18px;font-size:1.1rem;font-weight:800;transition:transform .1s}.gc-again:hover{transform:translateY(-2px)}.gc-back{color:#fff;border-radius:var(--r-full);background:#ffffff29;border:none;padding:16px;font-size:.95rem;font-weight:700}.landing-head-txt{flex:1;min-width:0}.landing-xp{color:var(--ink);border-radius:var(--r-full);box-shadow:var(--shadow-xs);background:#fff;flex:none;padding:10px 16px;font-size:.85rem;font-weight:700}.hero-chips{gap:8px;margin-bottom:16px;display:flex}.hero-chip{border-radius:var(--r-full);color:#fff;background:#fff3;border:none;padding:9px 18px;font-size:.85rem;font-weight:700}.hero-chip.active{background:var(--ink);color:#fff}.samp-card{box-shadow:var(--shadow-xs);background:#fff;border-radius:26px;padding:24px}.samp-top{justify-content:space-between;align-items:center;display:flex}.samp-label{letter-spacing:.09em;color:var(--muted);font-size:.7rem;font-weight:800}.samp-counter{color:var(--brand-ink);font-size:.75rem;font-weight:700}.samp-sentence{color:var(--ink);margin-top:18px;font-size:1.3rem;font-weight:700;line-height:1.45}.samp-blank{background:var(--accent);vertical-align:middle;border-radius:6px;margin:0 3px;padding:2px 22px;display:inline-block}.samp-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.samp-opt{background:var(--surface-2,#f4f9ff);text-align:center;color:var(--ink);border:2px solid #0000;border-radius:16px;padding:15px;font-size:1rem;font-weight:700;transition:all .12s}@media (hover:hover){.samp-opt:hover:not(:disabled):not(.correct):not(.wrong){border-color:var(--brand)}}.samp-opt.correct{background:var(--accent);color:var(--ink)}.samp-opt.wrong{background:var(--wrong-bg);color:var(--wrong);border-color:var(--wrong)}.samp-opt.faded{opacity:.45}.samp-opt:disabled{cursor:default}.samp-opt:disabled:hover,.samp-opt.correct:disabled:hover{border-color:#0000}.samp-fbrow{flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;display:flex}.samp-fb{min-width:180px;color:var(--muted);flex:1;font-size:.85rem;font-weight:600;line-height:1.5}.samp-fb.ok{color:var(--correct)}.samp-fb.no{color:var(--wrong)}.samp-next{background:var(--ink);color:#fff;border-radius:var(--r-full);border:none;flex:none;align-items:center;gap:10px;padding:15px 26px;font-size:.92rem;font-weight:800;transition:transform .1s;display:inline-flex}.samp-next:hover{transform:translateY(-2px)}.samp-next-arrow{color:var(--accent);font-weight:700}.landing-hero--row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-hero--row .landing-hero-body{flex:1;min-width:220px}.landing-hero--row .landing-hero-title{margin-top:0}.punct-sets{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.punct-set{text-align:left;box-shadow:var(--shadow-xs);background:#fff;border:2.5px solid #0000;border-radius:22px;flex-direction:column;gap:6px;padding:18px;transition:all .12s;display:flex}.punct-set:hover{transform:translateY(-2px)}.punct-set.active{border-color:var(--brand)}.punct-set-top{justify-content:space-between;align-items:center;display:flex}.punct-set-emoji{font-size:1.4rem}.punct-set-best{color:var(--on-accent);font-size:.72rem;font-weight:700}.punct-set-new{color:var(--muted);font-size:.72rem;font-weight:700}.punct-set-label{color:var(--ink);font-size:1.05rem;font-weight:800}.punct-set-topics{color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.45}@media (width<=560px){.samp-options{grid-template-columns:1fr 1fr}.samp-sentence{font-size:1.1rem}}.cg-stem{justify-content:center;align-items:center;gap:14px;margin:10px 0 22px;display:flex}.cg-stem-word{color:var(--ink);letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.cg-plus{color:var(--muted);font-size:1.4rem;font-weight:800}.cg-blank{background:var(--accent);min-width:90px;height:52px;color:var(--ink);border-radius:14px;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.cg-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:520px;margin:0 auto;display:grid}.cg-opt{background:var(--surface-2,#f4f9ff);color:var(--ink);border:2px solid #0000;border-radius:16px;min-height:64px;padding:20px 12px;font-size:1.05rem;font-weight:700;transition:all .12s}@media (hover:hover){.cg-opt:hover:not(:disabled):not(.correct):not(.wrong){border-color:var(--brand);border-color:var(--brand);background:#e4f6ff;transform:translateY(-2px)}}.cg-opt.correct{animation:.35s pop;background:var(--accent)!important;border-color:var(--accent-dark)!important;border-bottom-color:var(--accent-dark)!important;color:var(--ink)!important}.cg-opt.wrong{animation:.4s shake;background:var(--wrong-bg)!important;border-color:var(--wrong)!important;color:var(--wrong)!important}.cg-opt:disabled{cursor:default}.settings{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.set-head{align-items:center;gap:14px;display:flex}.set-avatar{background:var(--brand-solid);color:#fff;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:800;display:grid}.set-head-txt{flex:1;min-width:0}.set-name{color:var(--ink);letter-spacing:-.01em;font-size:1.4rem;font-weight:800}.set-sub{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:600}.set-done{background:var(--ink);color:#fff;border-radius:var(--r-full);border:none;flex:none;padding:11px 20px;font-size:.85rem;font-weight:800}.set-card{box-shadow:var(--shadow-xs);background:#fff;border-radius:24px;padding:20px 22px}.set-card-title{color:var(--ink);margin-bottom:14px;font-size:1.05rem;font-weight:800}.set-row{align-items:center;gap:18px;padding:6px 0;display:flex}.set-row-txt{flex:1;min-width:0}.set-row-label{color:var(--ink);font-size:.95rem;font-weight:700}.set-row-sub{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:500}@media (width<=420px){.set-row--wrap{flex-wrap:wrap}.set-row--wrap .set-row-txt{flex-basis:100%}.set-row--wrap .set-seg{margin-left:auto}}.set-divider{background:#edf2f7;height:1px;margin:8px 0}.set-seg{background:var(--surface-2,#f4f9ff);border-radius:12px;flex:none;gap:6px;padding:4px;display:flex}.set-seg-btn{color:var(--muted);background:0 0;border:none;border-radius:9px;padding:9px 14px;font-size:.85rem;font-weight:800}.set-seg-btn.active{background:var(--ink);color:#fff}.set-seg-btn.locked{opacity:.55;align-items:center;gap:4px;display:inline-flex}.set-switch{cursor:pointer;background:#d7e2ec;border:none;border-radius:999px;flex:none;width:52px;height:30px;transition:background .15s;position:relative}.set-switch.on{background:var(--brand)}.set-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.set-switch.on .set-knob{transform:translate(22px)}.set-ghost{background:var(--surface-2,#f4f9ff);color:var(--muted);border:none;border-radius:12px;flex:none;padding:10px 16px;font-size:.82rem;font-weight:700}.set-danger-text{background:var(--wrong-bg);color:var(--wrong)}.set-account{align-items:center;gap:18px;display:flex}.set-logout{background:var(--wrong-bg);color:var(--wrong);border-radius:var(--r-full);border:none;flex:none;padding:12px 22px;font-size:.9rem;font-weight:800;transition:transform .1s}.set-logout:hover{transform:translateY(-2px)}.set-foot{text-align:center;color:var(--muted);font-size:.75rem;font-weight:600}.set-foot a{color:var(--brand-ink)}.set-sheet-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e11168c;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.set-sheet{text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg);background:#fff;border-radius:28px;padding:30px}.set-sheet-title{color:var(--ink);font-size:1.3rem;font-weight:800}.set-sheet-sub{color:var(--muted);margin:8px 0 22px;font-size:.88rem;font-weight:500;line-height:1.5}.set-sheet-confirm{background:var(--ink);color:#fff;border-radius:var(--r-full);border:none;width:100%;margin-bottom:10px;padding:16px;font-size:1rem;font-weight:800}.set-sheet-cancel{background:var(--surface-2,#f4f9ff);width:100%;color:var(--ink);border-radius:var(--r-full);border:none;padding:15px;font-size:.95rem;font-weight:700}@media (width<=560px){.set-row{flex-wrap:wrap;gap:10px}.set-account{flex-wrap:wrap}}.login2{background:var(--ink);width:100%;min-height:100dvh;display:flex}.login2-hero{background:var(--ink);flex-direction:column;flex:0 0 42%;justify-content:center;padding:44px;display:flex;position:relative;overflow:hidden}.login2-hero-bg1{background:#12a5ff2e;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-80px;right:-120px}.login2-hero-bg2{background:#d4f52024;border-radius:50%;width:120px;height:120px;position:absolute;bottom:190px;right:60px}.login2-logo{background:var(--accent);width:56px;height:56px;color:var(--ink);border-radius:18px;place-items:center;font-size:1.4rem;font-weight:800;display:grid;position:relative}.login2-hero-mid{max-width:460px;margin-top:32px;position:relative}.login2-tagline{color:#fff;letter-spacing:-.02em;font-size:2.4rem;font-weight:800;line-height:1.1}.login2-games{grid-template-columns:1fr 1fr;gap:8px;max-width:420px;margin-top:22px;display:grid;position:relative}.login2-game{background:#ffffff14;border-radius:16px;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;display:flex}.login2-game--wide{grid-column:1/-1}.login2-game-ic{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.login2-game-text{flex:1;min-width:0}.login2-game-name{color:#fff;font-size:.78rem;font-weight:800}.login2-game-hook{color:#fff9;margin-top:2px;font-size:.68rem;font-weight:500;line-height:1.35}.login2-panel{background:var(--surface,#fff);flex:1;place-items:center;padding:32px;display:grid}.login2-card{width:100%;max-width:400px}.login2-tabs{background:var(--surface-2,#f4f9ff);border-radius:var(--r-full);gap:8px;margin-bottom:26px;padding:5px;display:flex}.login2-tab{border-radius:var(--r-full);color:var(--muted);background:0 0;border:none;flex:1;padding:12px;font-size:.9rem;font-weight:700}.login2-tab.active{background:var(--ink);color:#fff}.login2-h{color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.login2-p{color:var(--muted);margin-top:6px;font-size:.9rem;font-weight:500;line-height:1.5}.login2-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.login2-field{flex-direction:column;gap:7px;display:flex}.login2-field span{letter-spacing:.09em;color:var(--muted);font-size:.66rem;font-weight:800}.login2-field input{border:2px solid var(--border);font:inherit;color:var(--ink);background:#fff;border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:600}.login2-field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #12a5ff26}.login2-pw{display:block;position:relative}.login2-pw input{width:100%;padding-right:50px}.login2-eye{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:none;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login2-eye:hover{color:var(--brand-ink);background:var(--surface-2,#f4f9ff)}.login2-error{background:var(--wrong-bg);color:var(--wrong);border-radius:12px;padding:11px 14px;font-size:.85rem;font-weight:600;line-height:1.5}.onb-error{background:var(--wrong-bg);color:var(--wrong);border-radius:12px;margin-bottom:12px;padding:11px 14px;font-size:.85rem;font-weight:600;line-height:1.5}.login2-error-cta{border:1.5px solid var(--border);border-radius:var(--r-full);width:100%;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:11px;font-size:.88rem;font-weight:700;display:flex}.login2-submit{background:var(--brand-solid);color:#fff;border-radius:var(--r-full);border:none;margin-top:4px;padding:16px;font-size:1rem;font-weight:800;transition:transform .1s}.login2-submit:hover:not(:disabled){transform:translateY(-2px)}.login2-submit:disabled{opacity:.6}.login2-divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:.8rem;font-weight:600;display:flex}.login2-divider:before,.login2-divider:after{content:"";background:var(--border);flex:1;height:1px}.login2-google{border:2px solid var(--border);border-radius:var(--r-full);width:100%;color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.95rem;font-weight:700;display:flex}.login2-toggle{text-align:center;color:var(--muted);margin-top:18px;font-size:.85rem;font-weight:500}.login2-toggle button{color:var(--brand-ink);background:0 0;border:none;font-size:.85rem;font-weight:800}.login2-child{text-align:center;padding:10px 0}.login2-child-emoji{font-size:2.6rem}.login2-child .login2-h{margin-top:12px}.login2-child .login2-submit{width:100%;margin-top:22px}@media (width<=860px){.login2{flex-direction:column}.login2-hero{flex:none;padding:32px 26px}.login2-tagline{font-size:1.9rem}.login2-games{max-width:none;margin-top:16px}.login2-panel{padding:26px 20px 44px}}@media (width<=480px){.login2-games{display:none}.login2-hero{padding:24px 24px 20px}.login2-hero-mid{margin:0}}.set-pin-actions{flex:none;align-items:center;gap:8px;display:flex}.set-pin-input{border:2px solid var(--border);width:74px;font:inherit;letter-spacing:4px;text-align:center;color:var(--ink);border-radius:10px;padding:9px 10px;font-weight:800}.set-pin-input:focus{border-color:var(--brand);outline:none}.cgate{background:var(--brand);place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.cgate-card{width:100%;max-width:360px;box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:30px;padding:30px 26px}.cgate-title{color:var(--ink);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.cgate-profile{flex-direction:column;align-items:center;gap:10px;margin:22px 0 18px;display:flex}.cgate-avatar{background:var(--brand-solid);color:#fff;border-radius:22px;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:grid}.cgate-name{color:var(--ink);font-size:1.1rem;font-weight:800}.cgate-prompt{color:var(--muted);font-size:.85rem;font-weight:600}.cgate-dots{justify-content:center;gap:14px;margin:16px 0 22px;display:flex}.cgate-dots.shake{animation:.4s shake}.cgate-dot{border:2px solid var(--border-2);border-radius:50%;width:16px;height:16px}.cgate-dot.filled{background:var(--brand);border-color:var(--brand)}.cgate-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cgate-key{background:var(--surface-2,#f4f9ff);color:var(--ink);border:none;border-radius:16px;padding:16px 0;font-size:1.3rem;font-weight:800;transition:background .1s}.cgate-key:hover{background:#e4f6ff}.cgate-back{background:var(--surface-2,#f4f9ff);width:100%;color:var(--ink);border-radius:var(--r-full);border:none;margin-top:20px;padding:14px;font-size:.95rem;font-weight:700}.cgate-reset{color:var(--muted);background:0 0;border:none;margin-top:12px;font-size:.8rem;font-weight:600;text-decoration:underline}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.hero-select-wrap{flex:none;align-items:center;display:inline-flex;position:relative}.hero-select{appearance:none;border-radius:var(--r-full);font:inherit;color:#fff;cursor:pointer;background:#ffffff29;border:none;padding:14px 38px 14px 18px;font-size:.9rem;font-weight:700}.hero-select:focus{outline:none;box-shadow:0 0 0 3px #ffffff59}.hero-select option{color:var(--ink)}.hero-select-chev{color:#fff;pointer-events:none;font-size:.7rem;position:absolute;right:15px}.onb{background:var(--brand);place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.onb-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;border-radius:30px;padding:34px 30px}.onb-kicker{letter-spacing:.12em;color:var(--brand-ink);font-size:.68rem;font-weight:800}.onb-title{color:var(--ink);letter-spacing:-.02em;margin-top:8px;font-size:1.9rem;font-weight:800}.onb-sub{color:var(--muted);margin-top:8px;font-size:.9rem;font-weight:500;line-height:1.55}.onb-field{flex-direction:column;gap:7px;margin-top:22px;display:flex}.onb-field span{letter-spacing:.09em;color:var(--muted);font-size:.66rem;font-weight:800}.onb-field input{border:2px solid var(--border);font:inherit;color:var(--ink);border-radius:14px;padding:15px 16px;font-size:1rem;font-weight:700}.onb-field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #12a5ff26}.onb-preview{background:var(--surface-2,#f4f9ff);border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.onb-avatar{background:var(--brand-solid);color:#fff;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:grid}.onb-preview-txt{color:var(--muted);font-size:.85rem;font-weight:500}.onb-preview-txt strong{color:var(--ink);font-weight:800}.onb-privacy-note{color:var(--text-light);text-align:center;margin-top:8px;font-size:.78rem}.onb-create{background:var(--brand-solid);color:#fff;border-radius:var(--r-full);border:none;width:100%;margin-top:22px;padding:16px;font-size:1rem;font-weight:800}.onb-create:disabled{opacity:.5}.onb-skip{width:100%;color:var(--muted);background:0 0;border:none;margin-top:4px;padding:14px;font-size:.9rem;font-weight:700}.punct-segs{flex-direction:column;gap:10px;width:100%;max-width:640px;margin:0 auto;display:flex}.punct-seg{border:2.5px solid var(--border);border-bottom:4px solid var(--border-2);text-align:left;background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;transition:all .12s;display:flex}@media (hover:hover){.punct-seg:hover:not(:disabled):not(.correct):not(.wrong){border-color:var(--brand);background:#e4f6ff;transform:translateY(-1px)}}.punct-seg-text{color:var(--ink);font-size:1.15rem;font-weight:700}.punct-seg-letter{background:var(--surface-2,#f4f9ff);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.punct-seg.correct{animation:.35s pop;background:var(--accent)!important;border-color:var(--accent-dark)!important;color:var(--ink)!important}.punct-seg.correct .punct-seg-letter{color:var(--ink);background:#0e111626}.punct-seg.wrong{animation:.4s shake;background:var(--wrong-bg)!important;border-color:var(--wrong)!important}.punct-seg:disabled{cursor:default}.punct-nomistake{background:var(--ink);color:#fff;border-radius:var(--r-full);border:none;width:100%;max-width:640px;margin:12px auto 0;padding:15px;font-size:.95rem;font-weight:800;transition:all .12s;display:block}@media (hover:hover){.punct-nomistake:hover:not(:disabled):not(.correct):not(.wrong){transform:translateY(-1px)}}.punct-nomistake.correct{background:var(--accent);color:var(--ink);animation:.35s pop}.punct-nomistake.wrong{background:var(--wrong);color:#fff;animation:.4s shake}.punct-opt:focus,.punct-seg:focus,.punct-nomistake:focus,.cg-opt:focus,.samp-opt:focus,.word-card:focus{outline:none}.cg-opt:focus-visible,.samp-opt:focus-visible,.word-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover){.jumpcard:hover,.dash-skill:hover,.playcard:hover{transform:translateY(-3px)}}.set-editname{background:var(--surface-2,#f4f9ff);color:var(--brand-ink);border-radius:var(--r-full);border:none;flex:none;padding:10px 16px;font-size:.82rem;font-weight:800}.set-name-input{border:2px solid var(--border);width:100%;font:inherit;color:var(--ink);text-align:center;border-radius:14px;margin-bottom:14px;padding:14px 16px;font-size:1.05rem;font-weight:700}.set-name-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #12a5ff26}@media (width<=560px){.set-head{flex-wrap:wrap}.set-editname{order:3}}.set-plan{background:var(--brand-gradient);color:#fff;border-radius:20px;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 14px 34px #0b3c6e47}.set-plan.premium{background:linear-gradient(135deg,#1b8f3a 0%,#0f7a2e 100%);box-shadow:0 14px 34px #0f5a2847}.set-plan--loading{background:var(--surface-2,#f4f9ff);color:var(--muted);box-shadow:none;animation:1.3s ease-in-out infinite set-plan-pulse}.set-plan--loading .set-plan-badge,.set-plan--loading .set-plan-title{color:var(--muted)}@keyframes set-plan-pulse{0%,to{opacity:1}50%{opacity:.6}}.set-plan-txt{flex:1;min-width:0}.set-plan-badge{letter-spacing:.08em;opacity:.9;margin-bottom:4px;font-size:11px;font-weight:800}.set-plan-title{font-size:17px;font-weight:800;line-height:1.25}.set-plan-sub{opacity:.92;margin-top:4px;font-size:13px;line-height:1.4}.set-plan-cta{cursor:pointer;background:var(--accent);color:var(--ink);border:none;border-radius:14px;flex-shrink:0;padding:12px 20px;font-size:15px;font-weight:800;transition:transform .1s;box-shadow:0 8px 20px #8caa0059}.set-plan-cta:hover{transform:translateY(-1px)}.set-plan-cta.ghost{color:#fff;box-shadow:none;background:#ffffff2e;border:1.5px solid #ffffff80}.set-plan-cta:disabled{opacity:.6;cursor:default;transform:none}.pw-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e378c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.pw{background:#fff;border-radius:26px;width:100%;max-width:420px;margin:auto;padding:28px 24px 22px;position:relative;box-shadow:0 30px 80px #0b3c6e66}.pw-close{background:var(--track);width:34px;height:34px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;font-size:15px;position:absolute;top:14px;right:14px}.pw-close:hover{background:var(--line)}.pw-badge{letter-spacing:.08em;color:var(--brand-ink);background:#e4f2ff;border-radius:999px;margin-bottom:12px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-block}.pw-title{color:var(--ink);font-size:22px;font-weight:800;line-height:1.2}.pw-sub{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.45}.pw-ask-grownup{color:var(--brand-ink);background:var(--selected-bg);border-radius:10px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:700}.pw-benefits{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.pw-benefits li{color:var(--ink);align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.pw-tick{background:var(--accent);width:22px;height:22px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:900;display:grid}.pw-plans{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.pw-plan{text-align:left;cursor:pointer;border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:3px;padding:16px 14px 13px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pw-plan.active{border-color:var(--brand);box-shadow:0 0 0 4px #12a5ff26}.pw-plan-tag{letter-spacing:.04em;background:var(--accent);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:800;position:absolute;top:-10px;left:12px}.pw-plan-price{color:var(--ink);font-size:22px;font-weight:800}.pw-plan-price small{color:var(--muted);font-size:13px;font-weight:600}.pw-plan-note{color:var(--muted);font-size:12px}.pw-cta{cursor:pointer;background:var(--brand-solid);color:#fff;border:none;border-radius:16px;width:100%;margin-top:4px;padding:15px;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .15s;box-shadow:0 10px 26px #12a5ff59}.pw-cta:hover{transform:translateY(-1px)}.pw-cta:disabled{opacity:.7;cursor:default;transform:none}.pw-later{cursor:pointer;width:100%;color:var(--muted);background:0 0;border:none;margin-top:2px;padding:12px;font-size:14px;font-weight:700}.pw-foot{color:var(--muted);text-align:center;margin-top:8px;font-size:11.5px;line-height:1.4}.pw-err{color:#b3261e;text-align:center;background:#fdeaea;border-radius:12px;margin-bottom:6px;padding:10px 12px;font-size:13px;font-weight:600}@media (width<=420px){.pw-plans{grid-template-columns:1fr}.set-plan{flex-direction:column;align-items:flex-start}.set-plan-cta{width:100%}}.report{max-width:720px;margin:0 auto;padding:8px 4px 40px}.report-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.report-back{border:1.5px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.report-back:hover{background:var(--track)}.report-title{color:var(--ink);font-size:24px;font-weight:800}.report-sub{color:var(--muted);margin-top:2px;font-size:13px}.report-tiles{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.report-tile{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:18px 14px;box-shadow:0 6px 18px #0b3c6e0f}.report-tile-val{color:var(--brand-ink);font-size:28px;font-weight:800}.report-tile-lbl{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.3}.report-card{border:1.5px solid var(--line);background:#fff;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 6px 18px #0b3c6e0f}.report-card-title{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;font-weight:800;display:flex}.report-lock-badge{color:var(--brand-ink);background:#e4f2ff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.report-bar-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-bar-row:last-child{margin-bottom:0}.report-bar-lbl{color:var(--ink);flex:0 0 116px;font-size:13.5px;font-weight:600}.report-bar-track{background:var(--track);border-radius:999px;flex:1;height:12px;overflow:hidden}.report-bar-fill{border-radius:999px;height:100%;transition:width .4s}.report-bar-pct{text-align:right;color:var(--muted);flex:0 0 40px;font-size:13px;font-weight:800}.report-words{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-word{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;position:relative}.report-word-main{align-items:baseline;gap:10px;display:flex}.report-word-txt{color:var(--ink);text-transform:capitalize;font-size:16px;font-weight:800}.report-word-skill{color:var(--brand-ink);background:#eef6ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.report-word-meaning{color:var(--muted);margin-top:3px;font-size:13px}.report-word-misses{color:#c0512b;font-size:12px;font-weight:700;position:absolute;top:12px;right:14px}.report-none{color:var(--muted);font-size:14px}.report-blur{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.report-locked{position:relative}.report-unlock{text-align:center;margin-top:16px}.report-unlock-txt{color:var(--muted);margin-bottom:10px;font-size:13.5px}.report-cta{cursor:pointer;background:var(--brand-solid);color:#fff;border:none;border-radius:14px;padding:13px 24px;font-size:15px;font-weight:800;transition:transform .1s;box-shadow:0 8px 22px #12a5ff52}.report-cta:hover{transform:translateY(-1px)}.report-empty{text-align:center;padding:50px 20px}.report-empty-emoji{font-size:44px}.report-empty-title{color:var(--ink);margin-top:10px;font-size:19px;font-weight:800}.report-empty-sub{color:var(--muted);max-width:320px;margin:6px auto 18px;font-size:14px;line-height:1.45}@media (width<=520px){.report-tiles{grid-template-columns:1fr}.report-bar-lbl{flex-basis:92px;font-size:12.5px}}.errscreen{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.errscreen-card{text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:24px;max-width:380px;padding:36px 28px;box-shadow:0 20px 50px #0b3c6e1f}.errscreen-emoji{font-size:52px}.errscreen-title{color:var(--ink);margin-top:12px;font-size:22px;font-weight:800;line-height:1.25}.errscreen-sub{color:var(--muted);margin:8px 0 22px;font-size:14.5px;line-height:1.45}.errscreen-btn{cursor:pointer;background:var(--brand-solid);color:#fff;border:none;border-radius:16px;padding:14px 30px;font-size:16px;font-weight:800;transition:transform .1s;box-shadow:0 10px 26px #12a5ff59}.errscreen-btn:hover{transform:translateY(-1px)}.set-row-email{color:var(--brand-ink);word-break:break-all;margin-top:2px;font-size:13px;font-weight:600}.set-toast{background:var(--ink);color:#fff;z-index:1200;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;animation:.2s set-toast-in;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0b3c6e59}@keyframes set-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.spotsamp-q{color:var(--ink);margin:10px 0 12px;font-size:1rem;font-weight:700}.spotsamp-fb{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.spotsamp-why{color:var(--muted);flex:1;min-width:180px;font-size:.9rem}.spotsamp-next{cursor:pointer;background:var(--brand-solid);color:#fff;border:none;border-radius:12px;flex:none;padding:9px 16px;font-size:.9rem;font-weight:800}.spotsamp-next:hover{background:var(--brand-dark)}.spot-line{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px 10px;margin:8px 0 20px;padding:4px;display:flex}.spot-part{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;display:inline-flex}.spot-part-text{color:var(--ink);border-bottom:2.5px solid var(--line);border-radius:5px 5px 0 0;padding:3px 7px 5px;font-size:1.28rem;font-weight:600;line-height:1.35;transition:background .15s,border-color .15s,color .15s}.spot-part-tag{background:var(--track);width:23px;height:23px;color:var(--muted);border-radius:7px;place-items:center;font-size:.72rem;font-weight:800;transition:background .15s,color .15s;display:grid}.spot-part.correct .spot-part-text{background:var(--accent);border-color:var(--accent-dark);color:var(--ink);border-radius:7px;animation:.35s pop}.spot-part.correct .spot-part-tag{background:var(--accent-dark);color:var(--ink)}.spot-part.wrong .spot-part-text{background:var(--wrong-bg);border-color:var(--wrong);border-radius:7px;animation:.4s shake}.spot-part.wrong .spot-part-tag{background:var(--wrong);color:#fff}.spot-part:disabled{cursor:default}.spot-part-text{border-bottom-width:2px;padding:2px 4px 5px;font-size:1.35rem}.spot-part-tag{color:var(--muted);background:0 0;width:auto;height:20px;font-size:.78rem}.spot-part.correct .spot-part-tag{background:var(--ink);color:#fff;width:24px;height:24px}.spot-part.wrong .spot-part-tag{background:var(--wrong);color:#fff;width:24px;height:24px}.spot-answers{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.spot-ans{background:var(--track);min-width:62px;height:58px;color:var(--muted);cursor:pointer;border:none;border-radius:16px;padding:0 16px;font-size:1.15rem;font-weight:800;transition:transform .1s,background .15s,color .15s}@media (hover:hover){.spot-ans:not(:disabled):hover{color:var(--brand-ink);background:#e4f6ff;transform:translateY(-1px)}}.spot-ans--n{color:#c0512b;background:#fde8e8}@media (hover:hover){.spot-ans--n:not(:disabled):hover{color:#c0512b;background:#fbd7d7}}.spot-ans.correct{animation:.35s pop;background:var(--accent)!important;color:var(--ink)!important}.spot-ans.wrong{box-shadow:inset 0 0 0 2px var(--wrong);animation:.4s shake;background:var(--wrong-bg)!important;color:var(--wrong)!important}.spot-ans:disabled{cursor:default}.spot-ncap{text-align:center;color:var(--muted);margin-top:10px;font-size:.78rem}.spot-part{cursor:default}.spot-part-text{padding:0 2px 4px}@media (hover:hover){.x-unused-spot-hover:hover{color:inherit}}.spot-ans--n,.spot-ans--n:hover{background:var(--track);color:var(--muted)}.spot-ans--n{margin-left:20px}.spotsamp-why.ok{color:var(--correct)}.spotsamp-why.no{color:var(--wrong)}.play-card{box-shadow:var(--shadow-xs);background:#fff;border-radius:24px;flex-direction:column;gap:18px;padding:24px 20px;display:flex}.fib-sentence-plain{flex-direction:column;gap:10px;display:flex}.landing-back{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:10px;padding:4px 2px;font-size:.88rem;font-weight:700;display:inline-flex}.landing-back:hover{color:var(--brand-ink)}.landing-practice{color:var(--brand-ink);border-radius:var(--r-full);cursor:pointer;background:#fff;border:none;flex-basis:100%;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:13px 20px;font-size:.92rem;font-weight:800;transition:background .12s,transform .1s;display:inline-flex;box-shadow:0 6px 16px #0b3c6e2e}.landing-practice:hover{background:#eaf4ff;transform:translateY(-1px)}.legal-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e378c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.legal{background:#fff;border-radius:22px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;margin:auto;display:flex;box-shadow:0 30px 80px #0b3c6e66}.legal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.legal-title{color:var(--ink);font-size:1.3rem;font-weight:800}.legal-close{background:var(--track);width:34px;height:34px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;font-size:15px}.legal-close:hover{background:var(--line)}.legal-body{padding:20px 22px;overflow-y:auto}.legal-sec{margin-bottom:18px}.legal-h{color:var(--ink);margin-bottom:6px;font-size:1rem;font-weight:800}.legal-p{color:var(--muted);white-space:pre-line;margin-bottom:5px;font-size:.9rem;line-height:1.55}.hero-mode{margin-bottom:18px}.hero-mode-lbl{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;margin-bottom:8px;font-size:.72rem;font-weight:800}.hero-seg{background:#ffffff24;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.hero-seg-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;transition:all .12s;display:flex}.hero-seg-title{font-size:1rem;font-weight:800}.hero-seg-sub{opacity:.8;font-size:.72rem;font-weight:600}.hero-seg-btn.active{background:var(--accent);color:var(--ink);box-shadow:0 4px 12px #0000002e}.hero-seg-btn.active .hero-seg-sub{opacity:.72}@media (hover:hover){.hero-seg-btn:not(.active):hover{background:#ffffff1f}}.inline-ico{vertical-align:-2px}.spot-line{gap:4px 16px}.spot-part-text{border-bottom:3px solid var(--line);border-radius:0 0 6px 6px;padding:0 8px 6px}.spot-line{justify-content:center;align-items:flex-start;gap:6px 0}.spot-part{cursor:default;flex-direction:column;align-items:stretch;gap:5px;display:inline-flex}.spot-part-text{text-align:center;color:var(--ink);border:none;border-radius:4px;padding:1px 3px;font-size:1.35rem;font-weight:600;line-height:1.32}.spot-part-bar{background:var(--line);border-radius:3px;height:3px;margin:0 6px}.spot-part-tag{text-align:center;color:var(--muted);background:0 0;width:auto;height:auto;font-size:.78rem;font-weight:800}.spot-part.correct .spot-part-text{background:var(--accent);color:var(--ink)}.spot-part.correct .spot-part-bar{background:var(--accent-dark)}.spot-part.correct .spot-part-tag{background:var(--ink);color:#fff;border-radius:6px;align-self:center;place-items:center;width:24px;height:24px;display:grid}.spot-part.wrong .spot-part-text{background:var(--wrong-bg);color:var(--wrong)}.spot-part.wrong .spot-part-bar{background:var(--wrong)}.spot-part.wrong .spot-part-tag{background:var(--wrong);color:#fff;border-radius:6px;align-self:center;place-items:center;width:24px;height:24px;display:grid}.spot-feedback{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:6px;display:flex}.spot-fb-verdict{font-size:1.05rem;font-weight:800}.spot-fb-verdict.ok{color:var(--correct)}.spot-fb-verdict.no{color:var(--wrong)}.spot-fb-why{color:var(--muted);max-width:460px;font-size:.95rem;line-height:1.5}.spot-next{cursor:pointer;background:var(--brand-solid);color:#fff;border:none;border-radius:14px;margin-top:4px;padding:13px 30px;font-size:1rem;font-weight:800;transition:transform .1s;box-shadow:0 8px 20px #12a5ff52}.spot-next:hover{transform:translateY(-1px)}.spot-part-text{white-space:nowrap}@media (width<=600px){.spot-line{justify-content:flex-start;gap:12px 0}.spot-part-text{font-size:1.05rem}}@media (width<=380px){.spot-part-text{font-size:.92rem}}@media (width<=600px){.spot-part-text{padding:1px 2px;font-size:1rem}.spot-part-bar{margin:0 4px}}@media (width<=380px){.spot-part-text{font-size:.86rem}}.landing-hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px;display:flex}.hero-selects{flex-wrap:wrap;gap:10px;display:flex}.hero-selects .hero-select-wrap{flex:1;min-width:130px}.hero-selects .hero-select{width:100%}.landing-start{justify-content:center;width:100%}.hero-secondary{flex-wrap:wrap;gap:10px;display:flex}.hero-secondary>*{flex:1;min-width:150px}.landing-practice{flex-basis:auto;margin-top:0}.landing-hero--row .landing-hero-actions{flex:0 0 clamp(240px,34%,300px)}.subok-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1e3799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.subok{text-align:center;background:var(--brand-solid);color:#fff;border-radius:28px;width:100%;max-width:440px;margin:auto;padding:32px 26px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0b3c6e73}.subok:after{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-80px;right:-70px}.subok>*{z-index:1;position:relative}.subok-badge{letter-spacing:.08em;background:#ffffff2e;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.subok-ic{margin:16px 0 6px}.subok-title{letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.subok-sub{color:#ffffffe6;margin-top:8px;font-size:.95rem;line-height:1.5}.subok-perks{text-align:left;gap:9px;margin:20px 0;padding:0;list-style:none;display:grid}.subok-perks li{align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.subok-tick{background:var(--accent);width:22px;height:22px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.subok-cta{background:var(--accent);width:100%;color:var(--ink);border-radius:var(--r-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:1.05rem;font-weight:800;transition:transform .1s;display:inline-flex}.subok-cta:hover{transform:translateY(-2px)}.subok-foot{color:#ffffffbf;margin-top:12px;font-size:.78rem}.set-plan.ending{background:linear-gradient(135deg,#6b6152 0%,#4a4238 100%)}.set-plan-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}@media (width<=560px){.set-plan{flex-direction:column;align-items:stretch;gap:14px}.set-plan-cta,.set-plan-actions,.set-plan-actions .set-plan-cta{width:100%}}.spot-part-bar{border:2.5px solid var(--line);background:0 0;border-top:0;border-radius:0 0 9px 9px;height:8px}.spot-part.correct .spot-part-bar{border-color:var(--accent-dark);background:0 0}.spot-part.wrong .spot-part-bar{border-color:var(--wrong);background:0 0}.login2-googlehint{color:var(--muted);margin-top:-3px;font-size:.78rem;font-weight:600}.login2-forgot{cursor:pointer;color:var(--brand-ink);background:0 0;border:none;align-self:flex-end;padding:2px 0;font-size:.8rem;font-weight:700}.login2-forgot:hover{text-decoration:underline}.login2-notice{color:#15803d;background:#eefaf0;border-radius:12px;padding:10px 12px;font-size:.85rem;font-weight:600;line-height:1.45}a.set-ghost{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}