.lang-cockpit{--bg:#eef2f7;--bg-elev-1:#fff;--bg-elev-2:#f1f5f9;--bg-elev-3:#e2e8f0;--border:#0f172a1a;--border-h:#0f172a29;--border-hi:#0f172a3d;--border-strong:#0f172a33;--fg:#0f172a;--fg-2:#334155;--fg-3:#64748b;--fg-4:#94a3b8;--fg-dim:#cbd5e1;--orange:#f97316;--orange-bright:#fb923c;--orange-edge:#c2410c;--orange-soft:#f973161f;--orange-glow:#f973164d;--emerald:#10b981;--emerald-edge:#047857;--emerald-soft:#10b9811f;--rose:#f43f5e;--rose-edge:#be123c;--rose-soft:#f43f5e1f;--violet:#a78bfa;--violet-edge:#6d28d9;--violet-soft:#a78bfa1f;--sky:#38bdf8;--sky-edge:#0369a1;--sky-soft:#38bdf81f;--amber:#f59e0b;--amber-edge:#b45309;--amber-soft:#f59e0b1f;--indigo:#6366f1;--indigo-edge:#4338ca;--indigo-soft:#6366f11f;--shadow-card:0 1px 2px #0f172a0f, 0 10px 30px #0f172a12;--shadow-elev:0 18px 50px #0f172a29, 0 1px 0 #ffffffb3 inset;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px #0f172a14, 0 2px 4px #0f172a0f;--shadow-lg:0 10px 15px #0f172a1a, 0 4px 6px #0f172a0f;--shadow-xl:0 20px 25px #0f172a1f, 0 8px 10px #0f172a0d;--shadow-streak:0 0 20px 4px #f9731626;--glow-orange:0 0 40px 4px #f9731629;--glow-emerald:0 0 22px 1px #10b9812e;--glow-violet:0 0 22px 1px #a78bfa2e;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--font-sans:"Finlandica", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-pixel:"Press Start 2P", ui-monospace, monospace;--ease-push:cubic-bezier(.3, .7, .4, 1);--ease-bounce:cubic-bezier(.3, .7, .4, 1.5);--dur-tap:90ms;--dur-hover:.2s;--dur-rest:.6s;--top:56px;--tab:0px;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.005em;position:relative}.dark .lang-cockpit,.lang-cockpit.dark{--bg:#0a1421;--bg-elev-1:#131e2c;--bg-elev-2:#1a2536;--bg-elev-3:#243044;--border:#ffffff0f;--border-h:#ffffff1f;--border-hi:#fff3;--border-strong:#ffffff2e;--fg:#f1f5f9;--fg-2:#cbd5e1;--fg-3:#94a3b8;--fg-4:#64748b;--fg-dim:#475569;--shadow-card:0 1px 0 #ffffff0a inset, 0 10px 30px #00000059;--shadow-elev:0 18px 50px #00000080, 0 1px 0 #ffffff0a inset;--shadow-md:0 4px 8px #00000059;--shadow-lg:0 10px 30px #00000073;--shadow-xl:0 24px 60px #0000008c;--shadow-streak:0 0 20px 4px #f9731640;--glow-orange:0 0 40px 4px #f973162e;--glow-emerald:0 0 22px 1px #10b98138;--glow-violet:0 0 22px 1px #a78bfa38}.dark .lang-cockpit:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 600px at 78% -10%,#f973160f,#0000 60%),radial-gradient(900px 700px at -10% 90%,#6366f10d,#0000 55%);position:absolute;inset:0}.lang-cockpit>*{z-index:1;position:relative}.lang-cockpit .today-page{min-height:calc(100vh - var(--top) - var(--tab));place-items:center;padding:24px 18px;display:grid}.lang-cockpit .today-wrap{width:100%;max-width:540px}.lang-cockpit .today-head{animation:.42s cubic-bezier(.3,.7,.4,1) both today-rise}.lang-cockpit .today-card{animation:.52s cubic-bezier(.3,.7,.4,1) 80ms both today-rise}.lang-cockpit .today-week,.lang-cockpit .today-more{animation:.52s cubic-bezier(.3,.7,.4,1) .16s both today-rise}@keyframes today-rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lang-cockpit .today-head,.lang-cockpit .today-card,.lang-cockpit .today-week,.lang-cockpit .today-more{animation:none}}@keyframes placement-pop{0%{transform:scale(.5)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lang-cockpit [style*=placement-pop]{animation:none!important}}.lang-cockpit .today-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.lang-cockpit .today-greet{letter-spacing:-.025em;color:var(--fg);font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.1}.lang-cockpit .today-sub{color:var(--fg-3);max-width:36ch;margin-top:8px;font-size:15px;line-height:1.5}.lang-cockpit .today-streak{border-radius:var(--radius-full);font-family:var(--font-mono);cursor:pointer;background:var(--bg-elev-1);border:1px solid var(--border);color:var(--fg);flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:16px;font-weight:800;display:inline-flex}.lang-cockpit .today-streak.safe{color:var(--orange);border-color:#f973164d}.lang-cockpit .today-streak.safe svg{color:var(--orange)}.lang-cockpit .today-streak.at-risk{color:var(--rose);border-color:#f43f5e66;animation:1.6s ease-in-out infinite streak-pulse}.lang-cockpit .today-streak.at-risk svg{color:var(--rose)}.lang-cockpit .today-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:32px 32px 28px;position:relative;overflow:hidden}.lang-cockpit .today-card-glow{background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--tc) 22%, transparent), transparent 70%);pointer-events:none;height:70%;position:absolute;inset:-40% -10% auto}.lang-cockpit .today-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.lang-cockpit .today-eyebrow{font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--tc);font-size:9px}.lang-cockpit .today-lang{color:var(--fg-3);font-size:12px;font-weight:600}.lang-cockpit .today-glyph{letter-spacing:-.03em;color:var(--fg);text-align:center;cursor:pointer;width:100%;font-size:clamp(72px,16vw,104px);font-weight:800;line-height:1.05;font-family:var(--font-sans);transition:transform var(--dur-tap,90ms) var(--ease-push,cubic-bezier(.3,.7,.4,1));background:0 0;border:none;margin:18px 0 8px;display:block;position:relative}.lang-cockpit .today-glyph:hover{transform:scale(1.03)}.lang-cockpit .today-glyph:active{transform:scale(.97)}.lang-cockpit .today-glyph-spk{background:var(--bg-elev-2);border:1px solid var(--border);width:30px;height:30px;color:var(--fg-3);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s;display:inline-grid;position:absolute;top:6px;right:50%;transform:translate(64px)}.lang-cockpit .today-glyph:hover .today-glyph-spk{opacity:1}.lang-cockpit .today-glyph.ja{font-family:var(--font-sans)}.lang-cockpit .today-prompt{text-align:center;color:var(--fg-2);max-width:38ch;margin:0 auto 18px;font-size:15px;line-height:1.55;position:relative}.lang-cockpit .today-meta{color:var(--fg-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;font-size:12.5px;display:flex;position:relative}.lang-cockpit .today-meta span{align-items:center;gap:5px;display:inline-flex}.lang-cockpit .today-meta .dot{color:var(--fg-4)}.lang-cockpit .today-go{cursor:pointer;border-radius:var(--radius-xl);background:var(--tc);color:#fff;width:100%;font-family:var(--font-sans);letter-spacing:-.01em;box-shadow:0 6px 0 0 color-mix(in oklab, var(--tc) 70%, #000);transition:transform var(--dur-tap,90ms) var(--ease-push,cubic-bezier(.3,.7,.4,1)), box-shadow var(--dur-tap,90ms) var(--ease-push);border:none;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:18px;font-weight:800;display:flex;position:relative}.lang-cockpit .today-go:hover{box-shadow:0 8px 0 0 color-mix(in oklab, var(--tc) 70%, #000);transform:translateY(-2px)}.lang-cockpit .today-go:active{box-shadow:0 0 0 0 color-mix(in oklab, var(--tc) 70%, #000);transform:translateY(6px)}.lang-cockpit .today-more{cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--fg-3);transition:color var(--dur-hover,.2s);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding:12px;font-size:13.5px;font-weight:600;display:flex}.lang-cockpit .today-more:hover{color:var(--fg)}.lang-cockpit .today-done-mark{background:var(--emerald-soft);width:96px;height:96px;color:var(--emerald);border:1px solid #10b98166;border-radius:50%;place-items:center;margin:18px auto 8px;animation:.42s cubic-bezier(.3,.7,.4,1.5) today-done-pop;display:grid;position:relative}@keyframes today-done-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lang-cockpit .today-done-mark{animation:none}}.lang-cockpit .today-progress{margin:0 0 22px;position:relative}.lang-cockpit .today-progress-track{border-radius:var(--radius-full);background:#ffffff14;height:6px;overflow:hidden}.lang-cockpit .today-progress-fill{border-radius:var(--radius-full);background:var(--tc);height:100%;transition:width .6s var(--ease-push,cubic-bezier(.3,.7,.4,1))}.lang-cockpit .today-progress-label{text-align:center;color:var(--fg-3);margin-top:8px;font-size:12px}.lang-cockpit .today-week{justify-content:center;gap:14px;margin-top:24px;display:flex}.lang-cockpit .tw-day{flex-direction:column;align-items:center;gap:6px;display:flex}.lang-cockpit .twd-dot{background:#ffffff1a;border-radius:50%;width:9px;height:9px;transition:background .25s,box-shadow .25s}.lang-cockpit .tw-day.done .twd-dot{background:var(--orange)}.lang-cockpit .tw-day.now .twd-dot{box-shadow:0 0 0 3px #f973162e}.lang-cockpit .tw-day.now:not(.done) .twd-dot{background:var(--fg-4)}.lang-cockpit .twd-label{font-family:var(--font-mono);color:var(--fg-4);font-size:10px}.lang-cockpit .tw-day.now .twd-label{color:var(--fg-2);font-weight:700}@media (prefers-reduced-motion:reduce){.lang-cockpit .today-go,.lang-cockpit .today-go:hover,.lang-cockpit .today-go:active{transition:none}}.lang-cockpit *{box-sizing:border-box}.lang-cockpit,.lang-cockpit{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.005em;margin:0;padding:0;font-size:15px;line-height:1.5;overflow-x:hidden}.lang-cockpit{background:radial-gradient(1100px 600px at 78% -10%, #f973160f, transparent 60%), radial-gradient(900px 700px at -10% 90%, #6366f10d, transparent 55%), var(--bg);min-height:100vh}.lang-cockpit body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 90%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 90%)}.lang-cockpit button{font-family:inherit}.lang-cockpit a{color:inherit;text-decoration:none}.lang-cockpit ::selection{background:var(--orange-soft);color:var(--fg)}.lang-cockpit ::-webkit-scrollbar{width:8px;height:8px}.lang-cockpit ::-webkit-scrollbar-track{background:0 0}.lang-cockpit ::-webkit-scrollbar-thumb{background:var(--border-h);border-radius:99px}.lang-cockpit ::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}.lang-cockpit #root{z-index:1;position:relative}.lang-cockpit .app{--top:64px;--tab:64px;grid-template-rows:var(--top) 1fr var(--tab);width:100%;max-width:100vw;min-height:100vh;display:grid}.lang-cockpit .app>*,.lang-cockpit .app main{min-width:0}.lang-cockpit .topbar{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border);background:#0a1421c7;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.lang-cockpit .topbar .brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.lang-cockpit .topbar .brand-mark{border:1px solid var(--orange-edge);color:#fff;letter-spacing:.04em;background:linear-gradient(155deg,#fb923c,#ea580c);border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff2e,0 0 16px #f9731666}.lang-cockpit .topbar .brand-name{font-size:16px}.lang-cockpit .topbar .brand-mod{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700}.lang-cockpit .hud{align-items:center;gap:10px;margin-left:auto;display:flex}.lang-cockpit .hud-pill{background:var(--bg-elev-1);border:1px solid var(--border);height:36px;color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.lang-cockpit .hud-pill .num{color:var(--fg);font-variant-numeric:tabular-nums}.lang-cockpit .hud-pill svg{width:15px;height:15px}.lang-cockpit .hud-search{background:var(--bg-elev-1);border:1px solid var(--border);width:36px;height:36px;color:var(--fg-3);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.lang-cockpit .hud-search:hover{background:var(--bg-elev-2);color:var(--fg);border-color:var(--border-h)}@media (pointer:coarse){.lang-cockpit .hud-search{width:44px;height:44px}}.lang-cockpit .hud-pill.streak{border-color:#f973164d;box-shadow:inset 0 0 0 1px #f9731614,0 0 24px #f973162e}.lang-cockpit .hud-pill.streak svg{color:var(--orange)}.lang-cockpit .hud-pill.coin svg{color:var(--amber)}.lang-cockpit .hud-pill.xp svg{color:var(--violet)}.lang-cockpit .hud-pill.gem svg{color:var(--sky)}.lang-cockpit .avatar{color:#fff;border:2px solid var(--bg);width:36px;height:36px;box-shadow:0 0 0 1px var(--border-h);background:linear-gradient(135deg,#f43f5e,#f97316);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.lang-cockpit .tabbar{z-index:30;padding:6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px)saturate(180%);border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;background:#0a1421d9;align-items:stretch;gap:0;display:flex;position:sticky;bottom:0;overflow-x:auto}.lang-cockpit .tab{scroll-snap-align:center}.lang-cockpit .tabbar::-webkit-scrollbar{display:none}.lang-cockpit .tab{text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;min-width:92px;padding:6px 10px;text-decoration:none;transition:background .15s;display:flex}.lang-cockpit .tab:hover{background:var(--bg-elev-1)}.lang-cockpit .tab.active{background:var(--orange-soft);box-shadow:inset 0 0 0 1px #f9731640}.lang-cockpit .tab .t-key{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--fg-3);font-size:9px;line-height:1.4}.lang-cockpit .tab.active .t-key{color:var(--orange)}.lang-cockpit .tab .t-name{color:var(--fg-2);letter-spacing:-.005em;font-size:12px;font-weight:600}.lang-cockpit .tab.active .t-name{color:var(--fg)}.lang-cockpit .tab .t-sub{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.02em;font-size:9px;font-weight:500}.lang-cockpit .pixel{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.3}.lang-cockpit .pixel-sm{font-family:var(--font-pixel);letter-spacing:.08em;font-size:8px;line-height:1.3}.lang-cockpit .mono{font-family:var(--font-mono)}.lang-cockpit .eyebrow{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--orange);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;display:inline-flex}.lang-cockpit .eyebrow .dot{background:var(--orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #f973162e}.lang-cockpit .eyebrow .sep{color:var(--fg-4)}.lang-cockpit .eyebrow.violet{color:var(--violet)}.lang-cockpit .eyebrow.violet .dot{background:var(--violet);box-shadow:0 0 0 3px #a78bfa2e}.lang-cockpit .eyebrow.emerald{color:var(--emerald)}.lang-cockpit .eyebrow.emerald .dot{background:var(--emerald);box-shadow:0 0 0 3px #10b9812e}.lang-cockpit .eyebrow.sky{color:var(--sky)}.lang-cockpit .eyebrow.sky .dot{background:var(--sky);box-shadow:0 0 0 3px #38bdf82e}.lang-cockpit .eyebrow.rose{color:var(--rose)}.lang-cockpit .eyebrow.rose .dot{background:var(--rose);box-shadow:0 0 0 3px #f43f5e2e}.lang-cockpit .eyebrow.amber{color:var(--amber)}.lang-cockpit .eyebrow.amber .dot{background:var(--amber);box-shadow:0 0 0 3px #f59e0b2e}.lang-cockpit .card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 22px;position:relative}.lang-cockpit .card.elev-2{background:var(--bg-elev-2)}.lang-cockpit .card.tight{padding:16px 18px}.lang-cockpit .card.filled{color:#fff;background:linear-gradient(155deg,#ea580c 0%,#c2410c 100%);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff2e,inset 0 -16px 30px #0000002e,0 18px 40px #c2410c59}.lang-cockpit .card.filled .eyebrow{color:#ffffffd9}.lang-cockpit .card.filled .eyebrow .dot{background:#fff;box-shadow:0 0 0 3px #ffffff40}.lang-cockpit .section-label{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lang-cockpit .section-label .left{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:10px}.lang-cockpit .section-label .meta{font-family:var(--font-mono);color:var(--fg-4);margin-left:auto;font-size:11px;font-weight:600}.lang-cockpit .btn{cursor:pointer;background:0 0;border:0;outline:none;padding:0;font-family:inherit;display:inline-flex;position:relative}.lang-cockpit .btn-edge{border-radius:10px;transition:transform .15s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:translateY(4px)}.lang-cockpit .btn-front{background:var(--btn-front,var(--orange-bright));color:#fff;letter-spacing:-.005em;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:transform .25s cubic-bezier(.3,.7,.4,1);display:inline-flex;position:relative;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e}.lang-cockpit .btn:hover .btn-front{transform:translateY(-3px)}.lang-cockpit .btn:active .btn-front{transition-duration:34ms;transform:translateY(0)}.lang-cockpit .btn:active .btn-edge{transition-duration:34ms;transform:translateY(2px)}.lang-cockpit .btn-edge{background:var(--btn-edge,var(--orange-edge))}.lang-cockpit .btn[data-color=orange]{--btn-front:#fb923c;--btn-edge:#c2410c}.lang-cockpit .btn[data-color=blue]{--btn-front:#3c83f6;--btn-edge:#0a54cd}.lang-cockpit .btn[data-color=emerald]{--btn-front:#20b678;--btn-edge:#14714a}.lang-cockpit .btn[data-color=violet]{--btn-front:#995cd6;--btn-edge:#6629a3}.lang-cockpit .btn[data-color=amber]{--btn-front:#f5a314;--btn-edge:#a66c07}.lang-cockpit .btn[data-color=rose]{--btn-front:#df4962;--btn-edge:#a51d34}.lang-cockpit .btn[data-color=sky]{--btn-front:#2fa1da;--btn-edge:#18658b}.lang-cockpit .btn[data-color=gray]{--btn-front:#515e70;--btn-edge:#2f3741}.lang-cockpit .btn[data-color=ghost]{--btn-front:var(--bg-elev-2);--btn-edge:var(--bg-elev-1)}.lang-cockpit .btn[data-color=ghost] .btn-front{color:var(--fg)}.lang-cockpit .btn[data-size=sm] .btn-front{padding:7px 14px;font-size:12.5px}.lang-cockpit .btn[data-size=lg] .btn-front{padding:14px 28px;font-size:16px}.lang-cockpit .btn[data-size=block] .btn-front{justify-content:center;width:100%;padding:13px 22px;display:flex}.lang-cockpit .btn[data-size=block]{width:100%}.lang-cockpit .btn-icon{width:16px;height:16px}.lang-cockpit .progress{background:#ffffff0f;border-radius:99px;height:6px;overflow:hidden}.lang-cockpit .progress .bar{background:var(--p-color,var(--orange));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .progress[data-color=emerald] .bar{background:var(--emerald)}.lang-cockpit .progress[data-color=violet] .bar{background:var(--violet)}.lang-cockpit .progress[data-color=sky] .bar{background:var(--sky)}.lang-cockpit .progress[data-color=amber] .bar{background:var(--amber)}.lang-cockpit .progress[data-color=rose] .bar{background:var(--rose)}.lang-cockpit .chip{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.lang-cockpit .chip svg{width:13px;height:13px}.lang-cockpit .chip.orange{background:var(--orange-soft);color:var(--orange-bright);border-color:#f9731640}.lang-cockpit .chip.emerald{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98140}.lang-cockpit .chip.violet{background:var(--violet-soft);color:var(--violet);border-color:#a78bfa4d}.lang-cockpit .chip.sky{background:var(--sky-soft);color:var(--sky);border-color:#38bdf84d}.lang-cockpit .chip.amber{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b4d}.lang-cockpit .chip.rose{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e4d}.lang-cockpit .chip.ghost{border-color:var(--border);color:var(--fg-3);background:#ffffff0a}.lang-cockpit .chip.lg{padding:7px 12px;font-size:13px}.lang-cockpit .badge{background:var(--orange);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.lang-cockpit .badge.ghost{background:var(--bg-elev-2);color:var(--fg-2);border:1px solid var(--border)}.lang-cockpit .badge.emerald{background:var(--emerald)}.lang-cockpit .badge.rose{background:var(--rose)}.lang-cockpit .badge.violet{background:var(--violet)}.lang-cockpit .badge.sky{background:var(--sky)}.lang-cockpit .badge.amber{background:var(--amber)}.lang-cockpit .page{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:24px 28px}.lang-cockpit .banner{background:linear-gradient(135deg, #a78bfa14, #6366f10a 50%, transparent 100%), var(--bg-elev-1);border-radius:var(--radius-lg);border:1px solid #a78bfa33;align-items:center;gap:18px;margin-bottom:22px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.lang-cockpit .banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa2e,#0000 60%);width:280px;height:280px;position:absolute;inset:-50% -20% auto auto}.lang-cockpit .banner .b-icon{width:44px;height:44px;color:var(--violet);background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:12px;flex:none;place-items:center;display:grid}.lang-cockpit .banner .b-icon svg{width:22px;height:22px}.lang-cockpit .banner .b-body{flex:1;min-width:0}.lang-cockpit .banner .b-eyebrow{color:var(--violet)}.lang-cockpit .banner p{color:var(--fg-3);margin:0;font-size:13.5px;line-height:1.5}.lang-cockpit .banner .b-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-cockpit .banner .x-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:8px;place-items:center;transition:background .15s;display:grid}.lang-cockpit .banner .x-btn:hover{background:var(--bg-elev-2);color:var(--fg)}.lang-cockpit .cockpit{grid-template-columns:280px minmax(0,1fr) 340px;gap:18px;margin-bottom:24px;display:grid}.lang-cockpit .cockpit>*{min-width:0}.lang-cockpit .kurikulum .sec-title{padding:0 4px}.lang-cockpit .k-active{background:var(--bg-elev-1);border-radius:var(--radius-md);border:1px solid #f9731666;margin-bottom:14px;padding:16px 18px 14px;box-shadow:inset 0 0 0 1px #f973161a,0 0 28px #f973161f}.lang-cockpit .k-active .k-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.lang-cockpit .k-active .k-icon{width:26px;height:26px;color:var(--orange);background:#f973162e;border-radius:7px;place-items:center;display:grid}.lang-cockpit .k-active .k-icon svg{width:16px;height:16px}.lang-cockpit .k-active .k-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.lang-cockpit .k-active .k-count{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:12px;font-weight:700}.lang-cockpit .k-item{border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:4px;padding:13px 14px;transition:background .15s,transform .15s;display:flex}.lang-cockpit .k-item:hover{background:var(--bg-elev-1)}.lang-cockpit .k-item:active{transform:scale(.99)}.lang-cockpit .k-item .k-icon{background:var(--bg-elev-2);border:1px solid var(--border);width:26px;height:26px;color:var(--fg-3);border-radius:7px;flex:none;place-items:center;display:grid}.lang-cockpit .k-item .k-icon svg{width:14px;height:14px}.lang-cockpit .k-item .k-body{flex:1;min-width:0}.lang-cockpit .k-item .k-name{color:var(--fg);letter-spacing:-.005em;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.lang-cockpit .k-item .k-desc{color:var(--fg-3);margin-top:3px;font-size:12px;line-height:1.5}.lang-cockpit .k-item .k-name .dot{background:var(--orange);width:6px;height:6px;box-shadow:0 0 6px var(--orange);border-radius:50%}.lang-cockpit .hari-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px 24px;position:relative;overflow:hidden}.lang-cockpit .hari-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f973161f,#0000 65%);width:320px;height:320px;position:absolute;inset:-40% -10% auto auto}.lang-cockpit .hari-card h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.05}.lang-cockpit .hari-card .lead{color:var(--fg-3);max-width:52ch;margin:0 0 18px;font-size:14.5px;line-height:1.55}.lang-cockpit .hari-card .chips{flex-wrap:wrap;gap:8px;display:flex}.lang-cockpit .lanjut-card{border-radius:var(--radius-lg);box-shadow:0 1px 0 #ffffff2e inset, 0 20px 40px #c2410c73, var(--glow-orange);color:#fff;background:radial-gradient(800px 200px at 0 0,#ffffff2e,#0000 60%),linear-gradient(155deg,#ea580c 0%,#c2410c 100%);border:1px solid #ffffff2e;margin-top:18px;padding:24px 26px 22px;position:relative;overflow:hidden}.lang-cockpit .lanjut-card .l-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.lang-cockpit .lanjut-card .l-tag{font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#00000040;border-radius:99px;align-items:center;gap:8px;padding:4px 10px;font-size:9px;display:inline-flex}.lang-cockpit .lanjut-card .l-meta{color:#ffffffd9;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.lang-cockpit .lanjut-card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:800;line-height:1.05}.lang-cockpit .lanjut-card .l-sub{color:#ffffffd9;margin:0 0 18px;font-size:14px;line-height:1.5}.lang-cockpit .lanjut-card .l-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lang-cockpit .lanjut-card .l-info{color:#ffffffd9;gap:18px;font-size:12.5px;display:flex}.lang-cockpit .lanjut-card .l-info b{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:800;display:block}.lang-cockpit .lanjut-card .l-info .lab{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-top:2px;font-size:8px}.lang-cockpit .flashpreview{background:#0000002e;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:130px 1fr;align-items:center;gap:18px;margin-bottom:18px;padding:14px;display:grid}.lang-cockpit .flashpreview .glyph{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-align:center;background:#fffffff0;border-radius:10px;place-items:center;height:110px;padding:0 8px;font-size:56px;font-weight:700;display:grid;overflow:hidden}.lang-cockpit .flashpreview .glyph.ja{font-family:"Noto Sans JP", var(--font-sans);font-size:60px}.lang-cockpit .flashpreview .glyph.zh{font-family:"Noto Sans SC", var(--font-sans);font-size:56px}.lang-cockpit .flashpreview .glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:50px}.lang-cockpit .flashpreview .glyph.de,.lang-cockpit .flashpreview .glyph.es,.lang-cockpit .flashpreview .glyph.en,.lang-cockpit .flashpreview .glyph.id{font-size:40px}.lang-cockpit .flashpreview .info{color:#ffffffeb;font-size:13px;line-height:1.5}.lang-cockpit .flashpreview .info .gloss{color:#fff;letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700}.lang-cockpit .flashpreview .strength{font-family:var(--font-mono);color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.lang-cockpit .flashpreview .strength .pips{flex-shrink:0;gap:3px;display:flex}.lang-cockpit .flashpreview .strength .pip{background:#ffffff4d;border-radius:99px;width:22px;height:4px}.lang-cockpit .flashpreview .strength .pip.on{background:#fff}.lang-cockpit .flashpreview .strength .strength-cap{color:#fff;font-weight:700}.lang-cockpit .antrean .a-row{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.lang-cockpit .antrean .a-row:hover{background:var(--bg-elev-2);border-color:var(--border-h)}.lang-cockpit .antrean .a-row:active{transform:scale(.99)}.lang-cockpit .antrean .a-row.done{background:#10b9810d;border-color:#10b9812e}.lang-cockpit .antrean .a-row.active{background:radial-gradient(400px 100px at 0 0,#ffffff24,#0000 60%),linear-gradient(155deg,#ea580c 0%,#c2410c 100%);border-color:#ffffff2e;box-shadow:0 8px 24px #c2410c59}.lang-cockpit .antrean .a-row.active .a-name,.lang-cockpit .antrean .a-row.active .a-sub,.lang-cockpit .antrean .a-row.active .a-sub b{color:#fff}.lang-cockpit .antrean .a-row.locked{opacity:.55;cursor:default}.lang-cockpit .antrean .a-icon{background:var(--bg-elev-2);width:38px;height:38px;color:var(--fg-3);letter-spacing:-.01em;border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.lang-cockpit .antrean .a-row.done .a-icon{background:var(--emerald-soft);color:var(--emerald);border:1px solid #10b98140}.lang-cockpit .antrean .a-row.active .a-icon{color:#fff;background:#0000004d;border:1px solid #fff3}.lang-cockpit .antrean .a-icon .num{font-family:var(--font-mono);font-size:13px}.lang-cockpit .antrean .a-icon svg{width:16px;height:16px}.lang-cockpit .antrean .a-body{flex:1;min-width:0}.lang-cockpit .antrean .a-name{letter-spacing:-.005em;color:var(--fg);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.lang-cockpit .antrean .a-sub{color:var(--fg-3);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.01em;margin-top:2px}.lang-cockpit .antrean .a-sub b{color:var(--fg-2);font-weight:700}.lang-cockpit .antrean .a-right{color:var(--fg-3);flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.lang-cockpit .antrean .a-right .pill{font-family:var(--font-mono);background:var(--bg-elev-2);color:var(--fg-2);border:1px solid var(--border);border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.lang-cockpit .antrean .a-row.active .a-right .pill{color:#fff;background:#0000004d;border-color:#fff3}.lang-cockpit .antrean .a-row.done .a-right .pill{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98140}.lang-cockpit .langgrid{grid-template-columns:repeat(9,1fr);gap:12px;margin-bottom:24px;display:grid}.lang-cockpit .lang-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:18px 16px 16px;transition:transform .2s cubic-bezier(.3,.7,.4,1),border-color .2s,background .2s;position:relative;overflow:hidden}.lang-cockpit .lang-card:hover{border-color:var(--lc-color,var(--orange));transform:translateY(-3px)}.lang-cockpit .lang-card:before{content:"";background:var(--lc-color,var(--orange));height:2px;position:absolute;inset:0 0 auto}.lang-cockpit .lang-card .lc-glyph{color:var(--lc-color,var(--orange));align-items:center;height:36px;margin-bottom:14px;font-size:28px;font-weight:700;line-height:1;display:flex}.lang-cockpit .lang-card.ja .lc-glyph{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .lang-card.zh .lc-glyph{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .lang-card.ar .lc-glyph{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .lang-card .lc-flag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.lang-cockpit .lang-card .lc-name{letter-spacing:-.01em;color:var(--fg);margin-bottom:2px;font-size:15px;font-weight:700}.lang-cockpit .lang-card .lc-tag{color:var(--fg-3);margin-bottom:12px;font-size:11.5px;line-height:1.4}.lang-cockpit .lang-card .lc-progress{gap:4px;display:flex}.lang-cockpit .lang-card .lc-pip{background:#ffffff0f;border-radius:99px;flex:1;height:4px}.lang-cockpit .lang-card .lc-pip.on{background:var(--lc-color,var(--orange))}.lang-cockpit .lang-card .lc-meta{font-family:var(--font-mono);color:var(--fg-3);justify-content:space-between;margin-top:12px;font-size:10.5px;display:flex}.lang-cockpit .lang-card .lc-meta b{color:var(--fg);font-weight:700}.lang-cockpit .lang-card.locked{opacity:.55}.lang-cockpit .lang-card.locked .lc-glyph{color:var(--fg-4)}.lang-cockpit .lang-card.locked:before{background:var(--fg-dim)}.lang-cockpit .row3{grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:24px;display:grid}.lang-cockpit .heatmap{grid-template-columns:repeat(15,1fr);gap:4px;margin-top:16px;display:grid}.lang-cockpit .heat-cell{aspect-ratio:1;background:#ffffff0a;border-radius:3px}.lang-cockpit .heat-cell.l1{background:#f9731633}.lang-cockpit .heat-cell.l2{background:#f9731666}.lang-cockpit .heat-cell.l3{background:#f97316a6}.lang-cockpit .heat-cell.l4{background:var(--orange);box-shadow:0 0 8px #f9731680}.lang-cockpit .heat-cell.today{box-shadow:0 0 0 1.5px var(--fg)}.lang-cockpit .heat-legend{font-family:var(--font-mono);color:var(--fg-3);align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.lang-cockpit .heat-legend .scale{gap:2px;display:flex}.lang-cockpit .heat-legend .scale .c{border-radius:2px;width:11px;height:11px}.lang-cockpit .stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.lang-cockpit .stat-tile{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px}.lang-cockpit .stat-tile .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:24px;font-weight:800}.lang-cockpit .stat-tile .l{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;margin-top:4px;font-size:8px}.lang-cockpit .stat-tile.emerald .v{color:var(--emerald)}.lang-cockpit .stat-tile.violet .v{color:var(--violet)}.lang-cockpit .stat-tile.amber .v{color:var(--amber)}.lang-cockpit .stat-tile.sky .v{color:var(--sky)}.lang-cockpit .achievements{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-top:14px;display:grid}.lang-cockpit .ach{aspect-ratio:1;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-3);border-radius:12px;place-items:center;transition:transform .2s;display:grid;position:relative}.lang-cockpit .ach:hover{transform:scale(1.05)}.lang-cockpit .ach.earned{background:linear-gradient(155deg, var(--ach-color,var(--violet)), var(--ach-edge,var(--violet-edge)));color:#fff;border-color:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff14,0 4px 12px #0006}.lang-cockpit .ach.locked{opacity:.5}.lang-cockpit .ach svg{width:24px;height:24px}.lang-cockpit .ach .rare{background:var(--amber);width:6px;height:6px;box-shadow:0 0 6px var(--amber);border-radius:50%;position:absolute;top:4px;right:4px}.lang-cockpit .langhub-head{background:linear-gradient(135deg, var(--lh-soft,var(--orange-soft)), transparent 60%), var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:stretch;gap:20px;margin-bottom:18px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.lang-cockpit .langhub-head .lh-glyph{background:var(--bg-elev-2);border:1px solid var(--border);width:110px;height:110px;color:var(--lh-color,var(--orange));text-align:center;border-radius:18px;flex:none;place-items:center;padding:0 6px;font-size:60px;font-weight:700;line-height:1;display:grid;overflow:hidden}.lang-cockpit .langhub-head .lh-glyph.ja{letter-spacing:-.02em;font-size:28px;line-height:1.1}.lang-cockpit .langhub-head .lh-glyph.zh{font-size:60px}.lang-cockpit .langhub-head .lh-glyph.ar{font-size:42px}.lang-cockpit .langhub-head .lh-glyph.en,.lang-cockpit .langhub-head .lh-glyph.es,.lang-cockpit .langhub-head .lh-glyph.de,.lang-cockpit .langhub-head .lh-glyph.id{font-size:36px}.lang-cockpit .langhub-head .lh-body{flex:1;min-width:0}.lang-cockpit .langhub-head .lh-eyebrow{color:var(--lh-color,var(--orange))}.lang-cockpit .langhub-head .lh-eyebrow .dot{background:var(--lh-color,var(--orange))}.lang-cockpit .langhub-head h1{letter-spacing:-.02em;margin:6px 0;font-size:clamp(26px,3.4vw,34px);font-weight:800}.lang-cockpit .langhub-head h1 .sub{color:var(--fg-3);margin-left:8px;font-size:.65em;font-weight:600}.lang-cockpit .langhub-head .lh-tag{color:var(--fg-3);max-width:60ch;font-size:14px;line-height:1.55}.lang-cockpit .langhub-head .lh-stats{gap:18px;margin-top:14px;display:flex}.lang-cockpit .langhub-head .lh-stats .stat{color:var(--fg-3);font-size:12px}.lang-cockpit .langhub-head .lh-stats .stat b{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:800;display:block}.lang-cockpit .ladder{grid-template-columns:repeat(6,1fr);gap:6px;margin:18px 0 0;display:grid}.lang-cockpit .ladder .rung{text-align:center;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;padding:10px 8px}.lang-cockpit .ladder .rung .lv{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);font-size:11px;font-weight:800}.lang-cockpit .ladder .rung .label{color:var(--fg-4);margin-top:2px;font-size:10px}.lang-cockpit .ladder .rung.done{background:var(--emerald-soft);border-color:#10b9814d}.lang-cockpit .ladder .rung.done .lv{color:var(--emerald)}.lang-cockpit .ladder .rung.current{background:var(--orange-soft);border-color:#f9731666;box-shadow:0 0 18px #f973162e}.lang-cockpit .ladder .rung.current .lv{color:var(--orange)}.lang-cockpit .skillgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.lang-cockpit .skill-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:18px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.lang-cockpit .skill-card:hover{border-color:var(--sk-color,var(--orange));transform:translateY(-2px)}.lang-cockpit .skill-card .sk-icon{background:var(--sk-soft,var(--orange-soft));width:36px;height:36px;color:var(--sk-color,var(--orange));border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.lang-cockpit .skill-card .sk-icon svg{width:18px;height:18px}.lang-cockpit .skill-card .sk-name{letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:700}.lang-cockpit .skill-card .sk-desc{color:var(--fg-3);font-size:12.5px;line-height:1.45}.lang-cockpit .skill-card .sk-foot{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.lang-cockpit .skill-card .sk-meta{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.lang-cockpit .skill-card .sk-meta b{color:var(--fg)}.lang-cockpit .skill-card .sk-badge{font-family:var(--font-pixel);letter-spacing:.08em;background:var(--sk-soft,var(--orange-soft));color:var(--sk-color,var(--orange));text-transform:uppercase;border-radius:99px;padding:3px 7px;font-size:8px}.lang-cockpit .deck-head{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;margin-bottom:14px;padding:20px 22px;display:flex}.lang-cockpit .deck-head .d-mark{background:linear-gradient(155deg, var(--ja-color,#a78bfa), #6d28d9);width:60px;height:60px;font-family:"Noto Sans JP", var(--font-sans);color:#fff;border:1px solid #ffffff2e;border-radius:14px;flex:none;place-items:center;font-size:30px;font-weight:700;display:grid;box-shadow:0 8px 24px #6d28d966}.lang-cockpit .deck-head .d-body{flex:1;min-width:0}.lang-cockpit .deck-head h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.lang-cockpit .deck-head .d-sub{color:var(--fg-3);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.lang-cockpit .deck-head .d-actions{gap:10px;display:flex}.lang-cockpit .modetabs{scrollbar-width:none;gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.lang-cockpit .modetabs::-webkit-scrollbar{display:none}.lang-cockpit .modetab{background:var(--bg-elev-1);border:1px solid var(--border);color:var(--fg-3);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.lang-cockpit .modetab:hover{background:var(--bg-elev-2);color:var(--fg-2)}.lang-cockpit .modetab.active{background:var(--orange-soft);color:var(--orange);border-color:#f9731666}.lang-cockpit .modetab.sparkle:after{content:"✦";color:var(--violet);font-size:11px}.lang-cockpit .modetab.locked{opacity:.5;cursor:not-allowed}.lang-cockpit .modetab svg{width:14px;height:14px}.lang-cockpit .modegrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.lang-cockpit .modecard{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;transition:transform .2s,border-color .2s}.lang-cockpit .modecard:hover{border-color:var(--border-h);transform:translateY(-2px)}.lang-cockpit .modecard.recommended{background:radial-gradient(300px 80px at 0% 0%, #a78bfa2e, transparent 60%), var(--bg-elev-1);border-color:#a78bfa66;box-shadow:0 0 24px #a78bfa1f}.lang-cockpit .modecard .mc-name{letter-spacing:-.005em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.lang-cockpit .modecard .mc-tag{font-family:var(--font-pixel);letter-spacing:.08em;background:var(--violet-soft);color:var(--violet);text-transform:uppercase;border-radius:99px;padding:2px 6px;font-size:7px}.lang-cockpit .modecard .mc-desc{color:var(--fg-3);margin-top:4px;font-size:12px;line-height:1.45}.lang-cockpit .modecard .mc-gradient{align-items:center;gap:4px;margin-top:10px;display:flex}.lang-cockpit .modecard .mc-grad-label{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--fg-4);font-size:7px}.lang-cockpit .studyshell{max-width:720px;margin:0 auto;padding:18px 0}.lang-cockpit .studyshell .studybar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.lang-cockpit .studyshell .studybar .pill-link{background:var(--bg-elev-1);border:1px solid var(--border);color:var(--fg-3);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.lang-cockpit .studyshell .studybar .pill-link:hover{color:var(--fg)}.lang-cockpit .studyshell .studybar .progress{flex:1}.lang-cockpit .studyshell .studybar .count{font-family:var(--font-mono);color:var(--fg-3);font-size:12px;font-weight:700}.lang-cockpit .flashcard{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:36px 32px;position:relative}.lang-cockpit .flashcard.tappable{cursor:pointer;transition:border-color .16s,box-shadow .16s}.lang-cockpit .flashcard.tappable:hover{border-color:#a78bfa59;box-shadow:0 0 0 3px #a78bfa1a}.lang-cockpit .flashcard.tappable:active{transform:scale(.995)}.lang-cockpit .fc-reveal-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:28px;display:flex}.lang-cockpit .fc-kbd-hint{color:var(--fg-4);font-size:12px;font-family:var(--font-mono)}.lang-cockpit .fc-kbd-hint kbd{background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-2);border-radius:5px;padding:2px 7px;font-size:11px}.lang-cockpit .flashcard .fc-eyebrow{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--violet);align-items:center;gap:8px;margin-bottom:22px;font-size:9px;display:inline-flex}.lang-cockpit .flashcard .fc-glyph{letter-spacing:-.02em;margin-bottom:12px;font-size:88px;font-weight:700;line-height:1}.lang-cockpit .flashcard .fc-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .flashcard .fc-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .flashcard .fc-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:76px}.lang-cockpit .flashcard .fc-reading{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;margin-bottom:6px;font-size:15px;font-weight:600}.lang-cockpit .flashcard .fc-speak{background:var(--bg-elev-2);border:1px solid var(--border-h);width:44px;height:44px;color:var(--fg-3);cursor:pointer;transition:background .18s var(--ease-push), color .18s, transform .18s var(--ease-push), box-shadow .22s;z-index:2;border-radius:50%;place-items:center;padding:0;font-size:0;display:grid;position:absolute;top:18px;right:18px}.lang-cockpit .flashcard .fc-speak:hover{background:var(--sky-soft);color:var(--sky);border-color:#38bdf873;transform:scale(1.06);box-shadow:0 0 0 6px #38bdf814,0 6px 18px #38bdf82e}.lang-cockpit .flashcard .fc-speak:active{transform:scale(.96)}.lang-cockpit .flashcard .fc-speak svg{width:18px;height:18px}.lang-cockpit .memory-strength{background:var(--bg-elev-2);border:1px solid var(--border);text-align:left;border-radius:12px;max-width:460px;margin:18px auto 0;padding:14px 16px}.lang-cockpit .memory-strength .ms-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.lang-cockpit .memory-strength .ms-tier{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--amber);text-transform:uppercase;font-size:9px}.lang-cockpit .memory-strength .ms-pips{gap:3px;display:flex}.lang-cockpit .memory-strength .ms-pip{background:#ffffff0f;border-radius:99px;width:28px;height:5px}.lang-cockpit .memory-strength .ms-pip.on{background:var(--amber);box-shadow:0 0 6px #f59e0b80}.lang-cockpit .memory-strength .ms-spark{align-items:flex-end;gap:2px;height:28px;margin-top:8px;display:flex}.lang-cockpit .memory-strength .ms-spark .b{background:linear-gradient(to top, var(--amber), #f59e0b40);opacity:var(--bar-op,.4);border-radius:2px;flex:1}.lang-cockpit .memory-strength .ms-caption{color:var(--fg-3);margin-top:8px;font-size:12px;line-height:1.5}.lang-cockpit .srs-buttons{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.lang-cockpit .srs-buttons .btn{width:100%}.lang-cockpit .srs-buttons .btn-front{text-align:center;flex-direction:column;justify-content:center;gap:2px;padding:14px 8px}.lang-cockpit .srs-buttons .btn-front .lab{font-family:var(--font-pixel);letter-spacing:.08em;opacity:.85;font-size:7px}.lang-cockpit .srs-buttons .btn-front .name{font-size:14px;font-weight:800}.lang-cockpit .srs-buttons .btn-front .ival{font-family:var(--font-mono);opacity:.7;margin-top:2px;font-size:10px;font-weight:700}.lang-cockpit .complete{text-align:center;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:540px;margin:0 auto;padding:40px 32px 32px;position:relative;overflow:hidden}.lang-cockpit .complete:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#10b9812e,#0000 60%);position:absolute;inset:0}.lang-cockpit .complete .trophy{color:#fff;background:linear-gradient(155deg,#fbbf24,#d97706);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 18px;display:grid;position:relative;box-shadow:0 12px 32px #d9770680,0 0 60px #fbbf2466}.lang-cockpit .complete .trophy svg{width:40px;height:40px}.lang-cockpit .complete h2{letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:800}.lang-cockpit .complete .sub{color:var(--fg-3);margin:0 0 24px;font-size:14px}.lang-cockpit .complete .ctiles{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}.lang-cockpit .complete .ctile{background:var(--bg-elev-2);border:1px solid var(--border);text-align:left;border-radius:12px;padding:14px}.lang-cockpit .complete .ctile .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:28px;font-weight:800;display:flex}.lang-cockpit .complete .ctile .v .unit{color:var(--fg-3);font-size:13px;font-weight:600}.lang-cockpit .complete .ctile .l{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;margin-top:6px;font-size:7px}.lang-cockpit .complete .ctile.xp .v{color:var(--violet)}.lang-cockpit .complete .ctile.streak .v{color:var(--orange)}.lang-cockpit .complete .ctile.long .v{color:var(--emerald)}.lang-cockpit .complete .ctile.streak.just-up{background:var(--orange-soft,#f973161f);box-shadow:var(--shadow-streak,0 0 16px #f9731666);border-color:#f9731680;animation:.6s cubic-bezier(.3,.7,.4,1.5) both streak-tile-pop}.lang-cockpit .complete .ctile.streak.just-up .l{color:var(--orange);align-items:center;gap:4px;font-weight:700;display:inline-flex}@keyframes streak-tile-pop{0%{transform:scale(1)}30%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lang-cockpit .complete .ctile.streak.just-up{animation:none}}.lang-cockpit .confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lang-cockpit .confetti .piece{background:var(--c,#f97316);width:8px;height:12px;animation:2.4s cubic-bezier(.3,.7,.4,1) forwards fall;position:absolute;top:30px}@keyframes fall{0%{opacity:1;transform:translateY(-30px)rotate(0)}to{opacity:0;transform:translateY(360px)rotate(420deg)}}.lang-cockpit .bicara-head{grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.lang-cockpit .bicara-head .bh-intro{background:linear-gradient(135deg, #f43f5e1f, transparent 60%), var(--bg-elev-1);border-radius:var(--radius-lg);border:1px solid #f43f5e33;padding:22px 24px}.lang-cockpit .bicara-head .bh-intro h1{letter-spacing:-.02em;margin:6px 0;font-size:clamp(26px,3.4vw,34px);font-weight:800;line-height:1.05}.lang-cockpit .bicara-head .bh-intro p{color:var(--fg-3);margin:0 0 16px;font-size:14px;line-height:1.55}.lang-cockpit .bicara-head .bh-belt{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:22px;display:flex}.lang-cockpit .belt-medal{color:#fff;background:linear-gradient(155deg,#fbbf24 0%,#d97706 60%,#92400e 100%);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 8px 22px #d9770673,0 0 0 6px #d977061f}.lang-cockpit .belt-medal svg{width:32px;height:32px}.lang-cockpit .bh-belt .b-body{flex:1;min-width:0}.lang-cockpit .bh-belt .b-tier{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--amber);font-size:9px}.lang-cockpit .bh-belt h3{letter-spacing:-.01em;margin:4px 0 6px;font-size:18px;font-weight:800}.lang-cockpit .bh-belt .belt-prog{margin-top:8px}.lang-cockpit .bh-belt .belt-cap{font-family:var(--font-mono);color:var(--fg-3);margin-top:6px;font-size:11px}.lang-cockpit .scenarios{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.lang-cockpit .scn-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:18px;transition:transform .2s,border-color .2s;position:relative}.lang-cockpit .scn-card:hover{border-color:var(--sc-color,var(--rose));transform:translateY(-3px)}.lang-cockpit .scn-card .sc-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.lang-cockpit .scn-card .sc-icon{background:var(--sc-soft,var(--rose-soft));width:36px;height:36px;color:var(--sc-color,var(--rose));border-radius:9px;place-items:center;display:grid}.lang-cockpit .scn-card .sc-icon svg{width:18px;height:18px}.lang-cockpit .scn-card .sc-tag{font-family:var(--font-pixel);letter-spacing:.08em;background:var(--sc-soft,var(--rose-soft));color:var(--sc-color,var(--rose));text-transform:uppercase;border-radius:99px;margin-left:auto;padding:3px 7px;font-size:7px}.lang-cockpit .scn-card .sc-name{letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700}.lang-cockpit .scn-card .sc-desc{color:var(--fg-3);margin:0 0 12px;font-size:12.5px;line-height:1.5}.lang-cockpit .scn-card .sc-meta{font-family:var(--font-mono);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.lang-cockpit .scn-card .sc-meta .cefr{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-2);border-radius:99px;padding:2px 7px;font-weight:700}.lang-cockpit .record-shell{max-width:720px;margin:0 auto;padding:8px 0 24px}.lang-cockpit .record-stage{background:radial-gradient(600px 200px at 50% 0%, #f43f5e24, transparent 60%), var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:32px 28px 28px}.lang-cockpit .record-stage .rs-eyebrow{justify-content:center}.lang-cockpit .record-stage .rs-prompt{letter-spacing:-.01em;text-wrap:balance;max-width:36ch;margin:14px auto 6px;font-size:22px;font-weight:800;line-height:1.2}.lang-cockpit .record-stage .rs-helper{color:var(--fg-3);max-width:50ch;margin:0 auto 24px;font-size:13.5px;line-height:1.55}.lang-cockpit .breathing-orb{place-items:center;width:200px;height:200px;margin:8px auto 28px;display:grid;position:relative}.lang-cockpit .breathing-orb .ring{border:1px solid #f43f5e66;border-radius:50%;animation:4s ease-in-out infinite alternate breath;position:absolute;inset:0}.lang-cockpit .breathing-orb .ring.r2{border-color:#f43f5e40;animation-delay:-1.2s}.lang-cockpit .breathing-orb .ring.r3{border-color:#f43f5e26;animation-delay:-2.4s}.lang-cockpit .breathing-orb .core{color:#fff;background:radial-gradient(circle at 30% 30%,#fb7185,#be123c 80%);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 0 64px #f43f5e80}.lang-cockpit .breathing-orb .core svg{width:36px;height:36px}@keyframes breath{0%{opacity:.4;transform:scale(.85)}to{opacity:.85;transform:scale(1.05)}}.lang-cockpit .live-meter{justify-content:center;align-items:flex-end;gap:4px;height:36px;margin-bottom:18px;display:flex}.lang-cockpit .live-meter .bar{background:linear-gradient(to top, var(--rose), #fda4af);width:5px;animation:bar var(--d,.8s) ease-in-out infinite alternate;height:var(--h,30%);border-radius:99px}@keyframes bar{0%{height:12%}to{height:var(--h,80%)}}.lang-cockpit .mic-check{font-family:var(--font-mono);color:var(--fg-3);justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:11.5px;display:flex}.lang-cockpit .mic-check .dot{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 8px var(--emerald);border-radius:50%}.lang-cockpit .mic-check b{color:var(--fg-2);font-weight:700}.lang-cockpit .sub-bar{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:14px;font-size:13px;display:flex}.lang-cockpit .sub-bar a{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.lang-cockpit .sub-bar a:hover{color:var(--fg)}.lang-cockpit .sub-bar .sep{color:var(--fg-4)}.lang-cockpit .sub-bar .cur{color:var(--fg);font-weight:600}.lang-cockpit .trend-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.lang-cockpit .trend-tile{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:14px}.lang-cockpit .trend-tile .tl-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lang-cockpit .trend-tile .tl-name{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .trend-tile .tl-delta{font-family:var(--font-mono);color:var(--emerald);font-size:11px;font-weight:800}.lang-cockpit .trend-tile .tl-delta.down{color:var(--rose)}.lang-cockpit .trend-tile .tl-value{align-items:baseline;gap:4px;margin-top:6px;display:flex}.lang-cockpit .trend-tile .tl-value b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.lang-cockpit .trend-tile .tl-unit{color:var(--fg-3);font-size:12px}.lang-cockpit .trend-tile .tl-spark{align-items:flex-end;gap:2px;height:18px;margin-top:8px;display:flex}.lang-cockpit .trend-tile .tl-spark .b{background:var(--sky);opacity:var(--bo,.4);border-radius:2px;flex:1}.lang-cockpit .tweaks{z-index:50;border:1px solid var(--border-h);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-elev);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131e2cf5;padding:16px 16px 14px;position:fixed;bottom:80px;right:22px}.lang-cockpit .tweaks .tw-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lang-cockpit .tweaks .tw-title{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--orange);font-size:9px}.lang-cockpit .tweaks .tw-close{color:var(--fg-3);cursor:pointer;background:0 0;border:0;padding:4px}.lang-cockpit .tweaks .tw-close:hover{color:var(--fg)}.lang-cockpit .tw-group{margin-bottom:12px}.lang-cockpit .tw-label{color:var(--fg-3);margin-bottom:6px;font-size:11px;font-weight:600}.lang-cockpit .tw-radio{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.lang-cockpit .tw-radio button{color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 8px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.lang-cockpit .tw-radio button:hover{color:var(--fg)}.lang-cockpit .tw-radio button.on{background:var(--orange-soft);color:var(--orange);box-shadow:inset 0 0 0 1px #f973164d}@media (width<=1280px){.lang-cockpit .cockpit{grid-template-columns:250px minmax(0,1fr) 300px;gap:14px}.lang-cockpit .langgrid{grid-template-columns:repeat(7,1fr);gap:8px}.lang-cockpit .lang-card{padding:14px 12px 12px}.lang-cockpit .lang-card .lc-glyph{height:30px;margin-bottom:10px;font-size:24px}.lang-cockpit .page{padding:22px}}@media (width<=1024px){.lang-cockpit .cockpit{grid-template-columns:minmax(0,1fr) 300px}.lang-cockpit .kurikulum{display:none}.lang-cockpit .row3{grid-template-columns:1fr}.lang-cockpit .langgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.lang-cockpit .lang-card{padding:14px 12px 12px}.lang-cockpit .hud-pill.gem{display:none}}@media (width<=860px){.lang-cockpit .langgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.lang-cockpit .cockpit{grid-template-columns:1fr}}@media (width<=768px){.lang-cockpit .app{--top:56px;--tab:64px}.lang-cockpit .langgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lang-cockpit .topbar{gap:10px;padding:0 14px}.lang-cockpit .topbar .brand-mod{display:none}.lang-cockpit .topbar .brand-name{font-size:14px}.lang-cockpit .hud-pill{height:32px;padding:0 9px;font-size:12px}.lang-cockpit .hud-pill.streak{gap:5px}.lang-cockpit .hud-pill.xp{display:none}.lang-cockpit .avatar{width:32px;height:32px}.lang-cockpit .page{padding:14px 12px}.lang-cockpit .banner{gap:12px;padding:14px}.lang-cockpit .banner .b-icon{width:38px;height:38px}.lang-cockpit .banner h3{font-size:15px}.lang-cockpit .banner p{font-size:12.5px}.lang-cockpit .banner .b-actions{display:none}.lang-cockpit .cockpit{grid-template-columns:1fr;gap:14px}.lang-cockpit .hari-card{padding:22px 18px 18px}.lang-cockpit .hari-card h1{font-size:26px}.lang-cockpit .lanjut-card{padding:18px 18px 16px}.lang-cockpit .lanjut-card h2{font-size:24px}.lang-cockpit .flashpreview{grid-template-columns:96px 1fr;gap:12px;padding:10px}.lang-cockpit .flashpreview .glyph{height:80px;font-size:40px}.lang-cockpit .lanjut-card .l-foot{gap:12px}.lang-cockpit .lanjut-card .l-info{gap:14px}.lang-cockpit .lanjut-card .l-info b{font-size:14px}.lang-cockpit .antrean .a-row{padding:11px 12px}.lang-cockpit .antrean .a-name{font-size:13px}.lang-cockpit .antrean .a-sub{font-size:11px}.lang-cockpit .langhub-head{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.lang-cockpit .langhub-head .lh-glyph{border-radius:14px;width:76px;height:76px;font-size:42px}.lang-cockpit .langhub-head h1{font-size:24px}.lang-cockpit .langhub-head .lh-stats{gap:14px}.lang-cockpit .ladder{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:14px}.lang-cockpit .ladder .rung{padding:7px 4px}.lang-cockpit .skillgrid{grid-template-columns:1fr}.lang-cockpit .deck-head{gap:12px;padding:14px}.lang-cockpit .deck-head .d-mark{width:50px;height:50px;font-size:24px}.lang-cockpit .deck-head h2{font-size:18px}.lang-cockpit .deck-head .d-actions{display:none}.lang-cockpit .heatmap{grid-template-columns:repeat(10,1fr)}.lang-cockpit .flashcard{padding:28px 20px}.lang-cockpit .flashcard .fc-glyph{font-size:64px}.lang-cockpit .srs-buttons{grid-template-columns:repeat(2,1fr)}.lang-cockpit .complete{padding:30px 20px 24px}.lang-cockpit .complete .ctiles{grid-template-columns:1fr 1fr}.lang-cockpit .bicara-head{grid-template-columns:1fr}.lang-cockpit .tabbar{padding:4px 6px}.lang-cockpit .tab{min-width:76px;padding:4px 6px}.lang-cockpit .tab .t-name{font-size:11px}.lang-cockpit .tab .t-key{font-size:8px}.lang-cockpit .tab .t-sub{display:none}.lang-cockpit .tweaks{width:calc(100% - 24px);bottom:70px;right:12px}}@media (width<=480px){.lang-cockpit .hud-pill.coin,.lang-cockpit .hud-pill.gem,.lang-cockpit .topbar .brand-mod,.lang-cockpit .topbar .brand-name{display:none}.lang-cockpit .hud{gap:6px}.lang-cockpit .hud-pill{height:30px;padding:0 8px;font-size:11.5px}.lang-cockpit .srs-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.lang-cockpit .srs-buttons .btn-front{padding:12px 6px}.lang-cockpit .srs-buttons .btn-front .name{font-size:13px}.lang-cockpit .tab{min-width:64px;padding:4px 5px}.lang-cockpit .tab .t-name{font-size:10px}.lang-cockpit .tab .t-key{font-size:7px}.lang-cockpit .opt-grid,.lang-cockpit .boss-options{grid-template-columns:1fr}.lang-cockpit .stats-row,.lang-cockpit .ci-srs{grid-template-columns:repeat(2,1fr)}.lang-cockpit .kc-cell{min-height:58px;padding:10px 4px 8px}.lang-cockpit .kc-k{font-size:22px}.lang-cockpit .tone-grid{gap:4px}.lang-cockpit .tone-opt .glyph{font-size:18px}.lang-cockpit .trend-row{grid-template-columns:1fr}.lang-cockpit .league-tiers{gap:3px}.lang-cockpit .league-tiers .tier{padding:8px 2px 6px}.lang-cockpit .league-tiers .tier .lab{font-size:8px}.lang-cockpit .cmdk{max-width:100%}.lang-cockpit .cmdk-backdrop{padding-top:8vh}}.lang-cockpit .boss-shell{max-width:760px;margin:0 auto;padding:8px 0}.lang-cockpit .boss-arena{background:radial-gradient(600px 200px at 50% 0%, #f43f5e2e, transparent 60%), var(--bg-elev-1);border-radius:var(--radius-xl);border:1px solid #f43f5e47;padding:26px 26px 22px;position:relative;overflow:hidden}.lang-cockpit .boss-bar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.lang-cockpit .boss-bar .b-name{flex-direction:column;flex:1;gap:4px;display:flex}.lang-cockpit .boss-bar .b-name .lab{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--rose);text-transform:uppercase;font-size:9px}.lang-cockpit .boss-bar .b-name h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.lang-cockpit .boss-bar .b-hp{flex:1}.lang-cockpit .boss-bar .b-hp-label{font-family:var(--font-mono);color:var(--fg-3);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.lang-cockpit .boss-hp{border:1px solid var(--border);background:#ffffff0f;border-radius:99px;height:12px;overflow:hidden}.lang-cockpit .boss-hp .fill{background:linear-gradient(90deg,#fb7185,#be123c);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .boss-hearts{gap:4px;display:flex}.lang-cockpit .boss-hearts .heart{width:22px;height:22px;color:var(--rose);place-items:center;display:grid}.lang-cockpit .boss-hearts .heart.empty{color:var(--fg-dim)}.lang-cockpit .timer-ring{background:conic-gradient(var(--amber) calc(var(--p,.6) * 360deg), #ffffff0f 0);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative}.lang-cockpit .timer-ring:before{content:"";background:var(--bg-elev-1);border-radius:50%;position:absolute;inset:4px}.lang-cockpit .timer-ring .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--amber);font-size:18px;font-weight:800;position:relative}.lang-cockpit .timer-ring.urgent{background:conic-gradient(var(--rose) calc(var(--p,.2) * 360deg), #ffffff0f 0)}.lang-cockpit .timer-ring.urgent .v{color:var(--rose)}.lang-cockpit .boss-prompt{border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;background:#00000040;margin:18px 0 22px;padding:22px}.lang-cockpit .boss-prompt .b-glyph{letter-spacing:-.02em;margin-bottom:8px;font-size:56px;font-weight:700;line-height:1.1}.lang-cockpit .boss-prompt .b-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .boss-prompt .b-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .boss-prompt .b-task{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--violet);text-transform:uppercase;margin-bottom:12px;font-size:9px}.lang-cockpit .boss-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.lang-cockpit .boss-opt{background:var(--bg-elev-1);border:1px solid var(--border-h);cursor:pointer;color:var(--fg);text-align:center;border-radius:10px;padding:14px 16px;font-size:15px;font-weight:600;transition:transform .1s,background .15s,border-color .15s}.lang-cockpit .boss-opt:hover{background:var(--bg-elev-2);border-color:var(--border-hi)}.lang-cockpit .boss-opt:active{transform:scale(.98)}.lang-cockpit .boss-opt.correct{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98173}.lang-cockpit .boss-opt.wrong{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e73}.lang-cockpit .boss-opt.dim{opacity:.5}.lang-cockpit .combo-stripe{font-family:var(--font-mono);background:#0000004d;border-radius:99px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.lang-cockpit .combo-stripe .combo{color:var(--amber)}.lang-cockpit .combo-stripe .combo b{font-size:18px;font-family:var(--font-sans);font-weight:800}.lang-cockpit .mode-shell{max-width:720px;margin:0 auto;padding:8px 0 24px}.lang-cockpit .mode-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:32px 28px;position:relative}.lang-cockpit .mode-card .prompt{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--violet);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:9px;display:inline-flex}.lang-cockpit .mode-card .prompt .dot{background:var(--violet);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #a78bfa2e}.lang-cockpit .opt-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.lang-cockpit .cloze-opts{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.lang-cockpit .cloze-opts{grid-template-columns:repeat(2,1fr)}}.lang-cockpit .opt{background:var(--bg-elev-2);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--fg);border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-size:15.5px;font-weight:600;transition:transform .1s,background .15s,border-color .15s;display:flex}.lang-cockpit .opt:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .opt:active{transform:scale(.99)}.lang-cockpit .opt.correct{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98173}.lang-cockpit .opt.wrong{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e73}.lang-cockpit .opt.dim{opacity:.45}.lang-cockpit .opt .opt-key{background:var(--bg-elev-1);border:1px solid var(--border);width:24px;height:24px;font-family:var(--font-mono);color:var(--fg-3);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.lang-cockpit .opt.correct .opt-key{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98173}.lang-cockpit .opt.wrong .opt-key{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e73}.lang-cockpit .tone-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px;display:grid}.lang-cockpit .tone-opt{background:var(--bg-elev-2);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;padding:16px 6px 14px;transition:transform .1s,background .15s,border-color .15s}.lang-cockpit .tone-opt:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .tone-opt:active{transform:scale(.96)}.lang-cockpit .tone-contour{width:100%;max-width:56px;height:30px;margin:0 auto 8px;display:block}.lang-cockpit .tone-contour .tc-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 3}.lang-cockpit .tone-contour path{stroke:var(--amber);transition:stroke .15s}.lang-cockpit .tone-contour circle{fill:var(--amber)}.lang-cockpit .tone-opt.correct .tone-contour path,.lang-cockpit .tone-opt.correct .tone-contour circle{stroke:var(--emerald);fill:var(--emerald)}.lang-cockpit .tone-opt.wrong .tone-contour path,.lang-cockpit .tone-opt.wrong .tone-contour circle{stroke:var(--rose);fill:var(--rose)}.lang-cockpit .tone-opt.dim .tone-contour{opacity:.4}.lang-cockpit .tone-opt .glyph{font-size:28px;font-weight:700;font-family:"Noto Sans SC", var(--font-sans);color:var(--fg);line-height:1}.lang-cockpit .tone-opt .lab{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);margin-top:4px;font-size:8px}.lang-cockpit .tone-opt.correct{background:var(--emerald-soft);border-color:#10b98173}.lang-cockpit .tone-opt.correct .lab{color:var(--emerald)}.lang-cockpit .tone-opt.wrong{background:var(--rose-soft);border-color:#f43f5e73}.lang-cockpit .tone-opt.wrong .lab{color:var(--rose)}.lang-cockpit .audio-pulse{color:#fff;cursor:pointer;background:linear-gradient(155deg,#38bdf8,#0369a1);border:0;border-radius:50%;place-items:center;width:92px;height:92px;margin:8px auto 14px;transition:transform .2s;display:grid;position:relative;box-shadow:0 8px 28px #0369a173}.lang-cockpit .audio-pulse:hover{transform:scale(1.04)}.lang-cockpit .audio-pulse:active{transform:scale(.98)}.lang-cockpit .audio-pulse:before{content:"";border:2px solid #38bdf866;border-radius:50%;animation:1.6s ease-out infinite pulse-ring;position:absolute;inset:-8px}.lang-cockpit .audio-pulse svg{width:36px;height:36px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}.lang-cockpit .mnemonic-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.lang-cockpit .mnemonic-tile{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:18px}.lang-cockpit .mnemonic-tile .glyph{font-size:64px;font-weight:700;font-family:"Noto Sans JP", var(--font-sans);color:var(--violet);margin-bottom:8px;line-height:1}.lang-cockpit .mnemonic-tile .story{color:var(--fg-2);font-size:13px;font-style:italic;line-height:1.5}.lang-cockpit .letter-shell{grid-template-columns:1fr;gap:16px;margin-top:22px;display:grid}.lang-cockpit .letter-target{color:var(--emerald);text-align:center;direction:rtl;background:#10b9810f;border:1px solid #10b98140;border-radius:16px;padding:24px 16px;font-family:Noto Naskh Arabic,serif;font-size:84px;font-weight:700;line-height:1.1}.lang-cockpit .letter-forms{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lang-cockpit .letter-forms .lf{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px 6px}.lang-cockpit .letter-forms .lf .pos{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;margin-bottom:8px;font-size:7px}.lang-cockpit .letter-forms .lf .glyph{color:var(--fg);direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:36px;line-height:1}.lang-cockpit .letter-forms .lf.highlight{background:var(--emerald-soft);border-color:#10b98159}.lang-cockpit .letter-forms .lf.highlight .glyph{color:var(--emerald)}.lang-cockpit .daily-hero{background:radial-gradient(700px 240px at 100% 0%, #f59e0b2e, transparent 60%), var(--bg-elev-1);border-radius:var(--radius-xl);border:1px solid #f59e0b40;margin-bottom:20px;padding:28px 30px 26px;position:relative;overflow:hidden}.lang-cockpit .daily-hero h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(28px,3.6vw,36px);font-weight:800}.lang-cockpit .daily-hero p{color:var(--fg-3);max-width:56ch;margin:0 0 16px;font-size:14px;line-height:1.5}.lang-cockpit .daily-hero .d-meta{flex-wrap:wrap;gap:18px;margin:16px 0 18px;display:flex}.lang-cockpit .daily-hero .d-meta .stat{color:var(--fg-3);font-size:12px}.lang-cockpit .daily-hero .d-meta .stat b{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:800;display:block}.lang-cockpit .daily-reward{background:var(--amber-soft);border:1px solid #f59e0b59;border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.lang-cockpit .daily-reward .ico{background:var(--amber);color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.lang-cockpit .daily-reward .body{flex:1;min-width:0}.lang-cockpit .daily-reward h4{color:var(--amber);margin:0;font-size:14px;font-weight:700}.lang-cockpit .daily-reward p{color:var(--fg-2);margin:2px 0 0;font-size:12.5px}.lang-cockpit .streak-week{grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 0;display:grid}.lang-cockpit .streak-week .day{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:10px;padding:10px 6px 8px}.lang-cockpit .streak-week .day.done{background:var(--orange-soft);border-color:#f9731666}.lang-cockpit .streak-week .day.today{box-shadow:0 0 0 2px var(--orange)}.lang-cockpit .streak-week .day .d{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .streak-week .day.done .d{color:var(--orange)}.lang-cockpit .streak-week .day .ico{color:var(--fg-4);margin-top:6px}.lang-cockpit .streak-week .day.done .ico{color:var(--orange)}.lang-cockpit .league-tiers{grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0 22px;display:grid}.lang-cockpit .league-tiers .tier{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px 8px 12px;position:relative}.lang-cockpit .league-tiers .tier .lab{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:9px}.lang-cockpit .league-tiers .tier.done{background:var(--emerald-soft);border-color:#10b9814d}.lang-cockpit .league-tiers .tier.done .lab{color:var(--emerald)}.lang-cockpit .league-tiers .tier.current{background:var(--violet-soft);border-color:#a78bfa66;box-shadow:0 0 20px #a78bfa33}.lang-cockpit .league-tiers .tier.current .lab{color:var(--violet)}.lang-cockpit .league-tiers .tier .medal{background:linear-gradient(155deg, var(--medal-c,#94a3b8), var(--medal-e,#475569));color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin:8px auto 4px;display:grid}.lang-cockpit .league-tiers .tier .medal svg{width:16px;height:16px}.lang-cockpit .lb-list{gap:6px;display:grid}.lang-cockpit .lb-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.lang-cockpit .lb-row .rank{font-family:var(--font-mono);color:var(--fg-3);font-size:14px;font-weight:800}.lang-cockpit .lb-row .who{align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}.lang-cockpit .lb-row .who .av{background:linear-gradient(135deg, var(--lb-color,#94a3b8), var(--lb-edge,#475569));color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.lang-cockpit .lb-row .xp{font-family:var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.lang-cockpit .lb-row.you{background:var(--orange-soft);border-color:#f9731666}.lang-cockpit .lb-row.you .rank{color:var(--orange)}.lang-cockpit .lb-row.you .who,.lang-cockpit .lb-row.you .xp{color:var(--orange-bright)}.lang-cockpit .lb-row.promo{box-shadow:inset 0 0 0 1px #10b98140}.lang-cockpit .lb-row.promo .rank{color:var(--emerald)}.lang-cockpit .lb-row.demote .rank{color:var(--rose)}.lang-cockpit .lb-divider{height:22px;font-family:var(--font-pixel);letter-spacing:.1em;color:var(--emerald);text-transform:uppercase;align-items:center;margin:4px 0;font-size:8px;display:flex;position:relative}.lang-cockpit .lb-divider:before,.lang-cockpit .lb-divider:after{content:"";background:#10b9814d;flex:1;height:1px}.lang-cockpit .lb-divider span{padding:0 10px}.lang-cockpit .lb-divider.demote{color:var(--rose)}.lang-cockpit .lb-divider.demote:before,.lang-cockpit .lb-divider.demote:after{background:#f43f5e4d}.lang-cockpit .ach-filters{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.lang-cockpit .ach-filter{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-3);cursor:pointer;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:600}.lang-cockpit .ach-filter:hover{color:var(--fg)}.lang-cockpit .ach-filter.on{background:var(--orange-soft);color:var(--orange);border-color:#f9731666}.lang-cockpit .ach-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.lang-cockpit .ach-tile{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px;transition:transform .2s,border-color .2s;display:flex}.lang-cockpit .ach-tile:hover{border-color:var(--border-h);transform:translateY(-2px)}.lang-cockpit .ach-tile .medal{background:linear-gradient(155deg, var(--ach-color,#94a3b8), var(--ach-edge,#475569));color:#fff;border:1px solid #ffffff26;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 12px #0006}.lang-cockpit .ach-tile.locked .medal{background:var(--bg-elev-3);color:var(--fg-4);border-color:var(--border);box-shadow:none}.lang-cockpit .ach-tile.locked{opacity:.75}.lang-cockpit .ach-tile .body{flex:1;min-width:0}.lang-cockpit .ach-tile .name{letter-spacing:-.01em;font-size:14px;font-weight:700}.lang-cockpit .ach-tile .desc{color:var(--fg-3);margin-top:2px;font-size:12px;line-height:1.4}.lang-cockpit .ach-tile .rarity{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-top:6px;padding:2px 6px;font-size:7px;display:inline-block}.lang-cockpit .ach-tile .rarity.common{color:var(--fg-3);background:#94a3b82e}.lang-cockpit .ach-tile .rarity.rare{color:var(--sky);background:#38bdf82e}.lang-cockpit .ach-tile .rarity.epic{color:var(--violet);background:#a78bfa2e}.lang-cockpit .ach-tile .rarity.legendary{color:var(--amber);background:#f59e0b2e}.lang-cockpit .ach-tile .rarity.secret{color:var(--rose);background:#f43f5e2e}.lang-cockpit .passage{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:16px;padding:26px 28px}.lang-cockpit .passage .meta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.lang-cockpit .passage h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px;font-size:22px;font-weight:800;line-height:1.25}.lang-cockpit .passage .body{color:var(--fg-2);font-size:15px;line-height:1.7}.lang-cockpit .passage .body p{margin:0 0 1em}.lang-cockpit .passage .body mark{background:var(--amber-soft);color:var(--amber);border-radius:4px;padding:1px 4px;font-weight:600}.lang-cockpit .passage .body .gloss{border-bottom:1px dotted var(--orange-bright);cursor:help;color:var(--fg)}.lang-cockpit .q-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;padding:18px 20px}.lang-cockpit .q-card .q{margin-bottom:12px;font-size:14.5px;font-weight:700}.lang-cockpit .q-card .q-opts{gap:8px;display:grid}.lang-cockpit .q-card .q-opt{background:var(--bg-elev-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.lang-cockpit .q-card .q-opt:hover{background:var(--bg-elev-3)}.lang-cockpit .q-card .q-opt .key{background:var(--bg-elev-1);border:1px solid var(--border);width:22px;height:22px;font-family:var(--font-mono);color:var(--fg-3);border-radius:5px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.lang-cockpit .study-head{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.lang-cockpit .study-head .left{align-items:center;gap:10px;display:flex}.lang-cockpit .study-head .exit{background:var(--bg-elev-2);border:1px solid var(--border);width:32px;height:32px;color:var(--fg-3);cursor:pointer;border-radius:8px;place-items:center;display:grid}.lang-cockpit .study-head .exit:hover{background:var(--bg-elev-3);color:var(--fg)}.lang-cockpit .study-head .label{flex-direction:column;display:flex}.lang-cockpit .study-head .label .mode{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--orange);text-transform:uppercase;font-size:8px}.lang-cockpit .study-head .label .deck{font-size:13.5px;font-weight:700}.lang-cockpit .study-head .progress{flex:1;max-width:320px}.lang-cockpit .study-head .count{font-family:var(--font-mono);color:var(--fg-2);white-space:nowrap;font-size:13px;font-weight:700}.lang-cockpit .modecard.gated{opacity:.55;cursor:not-allowed}.lang-cockpit .modecard.gated:hover{border-color:var(--border);transform:none}.lang-cockpit .bicara-quick{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:18px;display:grid}.lang-cockpit .quick-tile{background:var(--bg-elev-1);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--fg);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.lang-cockpit .quick-tile:hover{background:var(--bg-elev-2);border-color:var(--border-h);transform:translateY(-2px)}.lang-cockpit .quick-tile .q-ico{background:var(--bg-elev-2);width:36px;height:36px;color:var(--rose);border-radius:9px;flex:none;place-items:center;display:grid}.lang-cockpit .quick-tile .q-body{flex:1;min-width:0}.lang-cockpit .quick-tile .q-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.lang-cockpit .quick-tile .q-desc{color:var(--fg-3);margin-top:2px;font-size:12px}.lang-cockpit .quick-tile svg{color:var(--fg-3);flex:none}.lang-cockpit .scn-card.recommended{border-color:#a78bfa66;box-shadow:0 0 20px #a78bfa1a}.lang-cockpit .scn-sections{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:18px 0 22px;display:grid}.lang-cockpit .scn-step{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-3);text-align:left;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.lang-cockpit .scn-step.active{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e66}.lang-cockpit .scn-step.done{background:var(--emerald-soft);color:var(--emerald);border-color:#10b9814d}.lang-cockpit .scn-step .i{background:var(--bg-elev-1);width:20px;height:20px;font-family:var(--font-mono);border-radius:6px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.lang-cockpit .scn-step.active .i,.lang-cockpit .scn-step.done .i{color:currentColor}.lang-cockpit .scn-step .l{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lang-cockpit .scn-step .t{font-family:var(--font-mono);font-size:11px;font-weight:700}.lang-cockpit .scn-step .who{font-family:var(--font-mono);color:var(--fg-4);font-size:10px}.lang-cockpit .scn-prompt-card{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:480px;margin:16px auto;padding:14px 18px}.lang-cockpit .play-circle{color:#fff;cursor:pointer;background:linear-gradient(155deg,#fb923c,#c2410c);border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;transition:transform .15s;display:grid;box-shadow:0 8px 22px #c2410c66}.lang-cockpit .play-circle:hover{transform:scale(1.05)}.lang-cockpit .waveform{align-items:center;gap:2px;height:64px;margin-top:16px;padding:0 6px;display:flex}.lang-cockpit .wf-bar{background:var(--fg-3);border-radius:99px;flex:1;min-height:4px}.lang-cockpit .self-rating{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lang-cockpit .rating-pill{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg-2);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.lang-cockpit .rating-pill .ico{font-size:22px;line-height:1}.lang-cockpit .rating-pill:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .rating-pill.on.rose{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e66}.lang-cockpit .rating-pill.on.amber{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b66}.lang-cockpit .rating-pill.on.emerald{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98166}.lang-cockpit .rating-pill.on.violet{background:var(--violet-soft);color:var(--violet);border-color:#a78bfa66}.lang-cockpit .rubric-row{border-bottom:1px dashed var(--border-h);align-items:center;gap:16px;padding:12px 0;display:flex}.lang-cockpit .rubric-row:last-of-type{border-bottom:0}.lang-cockpit .rubric-stars{gap:4px;display:flex}.lang-cockpit .star{width:28px;height:28px;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .12s,color .12s;display:grid}.lang-cockpit .star:hover{background:var(--bg-elev-3)}.lang-cockpit .star.on{color:var(--amber)}.lang-cockpit .coach-tip{background:var(--bg-elev-2);color:var(--fg-2);border-radius:10px;gap:12px;margin-top:8px;padding:12px 14px;font-size:13.5px;line-height:1.55;display:flex}.lang-cockpit .coach-tip .ico{border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.lang-cockpit .coach-tip.sky .ico{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .coach-tip.amber .ico{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .coach-tip.violet .ico{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .coach-tip.emerald .ico{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .mic-devices{gap:8px;margin-top:8px;display:grid}.lang-cockpit .mic-row{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.lang-cockpit .mic-row:hover{background:var(--bg-elev-3)}.lang-cockpit .mic-row.on{background:var(--emerald-soft);border-color:#10b98166}.lang-cockpit .mic-ic{background:var(--bg-elev-1);width:36px;height:36px;color:var(--fg-2);border-radius:8px;flex:none;place-items:center;display:grid}.lang-cockpit .mic-row.on .mic-ic{color:var(--emerald);background:#10b98126}.lang-cockpit .mic-body{flex:1;min-width:0}.lang-cockpit .mic-name{font-size:14px;font-weight:700}.lang-cockpit .mic-sample{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11px}.lang-cockpit .perm-row{background:var(--bg-elev-2);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:14px;margin-top:4px;padding:14px;display:flex}.lang-cockpit .perm-row.granted{background:var(--emerald-soft);border-color:#10b9814d}.lang-cockpit .perm-row .perm-ic{background:var(--bg-elev-1);width:36px;height:36px;color:var(--fg-2);border-radius:8px;flex:none;place-items:center;display:grid}.lang-cockpit .perm-row.granted .perm-ic{color:var(--emerald);background:#10b9812e}.lang-cockpit .trend-large{align-items:flex-end;gap:3px;height:56px;margin-top:14px;display:flex}.lang-cockpit .trend-large .b{background:linear-gradient(to top, var(--sky), #38bdf840);opacity:var(--bo,.6);border-radius:3px;flex:1}.lang-cockpit .riwayat-row{background:var(--bg-elev-2);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:60px 1fr auto 44px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s,border-color .15s;display:grid}.lang-cockpit .riwayat-row:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .riwayat-row .r-id{font-family:var(--font-mono);color:var(--fg-3);font-size:12px;font-weight:800}.lang-cockpit .riwayat-row .r-scn{font-size:14px;font-weight:600}.lang-cockpit .riwayat-row .r-date{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.lang-cockpit .riwayat-row .r-score{font-family:var(--font-mono);color:var(--emerald);text-align:right;font-size:14px;font-weight:800}.lang-cockpit .banding-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=700px){.lang-cockpit .banding-grid{grid-template-columns:1fr}.lang-cockpit .self-rating{grid-template-columns:repeat(2,1fr)}.lang-cockpit .scn-sections{grid-auto-columns:auto;grid-auto-flow:row}.lang-cockpit .riwayat-row{grid-template-columns:50px 1fr auto}.lang-cockpit .riwayat-row .r-date{display:none}}.lang-cockpit .shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.lang-cockpit .shop-item{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.lang-cockpit .shop-item:hover{border-color:var(--border-h);transform:translateY(-3px)}.lang-cockpit .shop-item.owned{border-color:#10b9814d}.lang-cockpit .shop-item.locked{opacity:.75}.lang-cockpit .si-medal{aspect-ratio:4/3;background:linear-gradient(155deg, var(--si-c,var(--violet)), var(--si-e,var(--violet-edge)));border-bottom:1px solid #ffffff14;place-items:center;display:grid;position:relative}.lang-cockpit .si-glyph{color:#fff;text-shadow:0 4px 12px #0000004d;font-size:56px;line-height:1}.lang-cockpit .si-equipped{font-family:var(--font-pixel);letter-spacing:.08em;color:#fff;background:#0006;border-radius:99px;padding:3px 7px;font-size:7px;position:absolute;top:8px;right:8px}.lang-cockpit .si-flash{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;letter-spacing:-.01em;background:#10b9818c;place-items:center;font-size:18px;font-weight:800;animation:1.4s cubic-bezier(.3,.7,.4,1.5) both si-flash-pop;display:grid;position:absolute;inset:0}@keyframes si-flash-pop{0%{transform:scale(.8)}15%{transform:scale(1.06)}25%,75%{transform:scale(1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.lang-cockpit .si-flash{animation:none}}.lang-cockpit .si-body{flex:1;padding:12px 14px 8px}.lang-cockpit .si-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.lang-cockpit .si-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.lang-cockpit .si-desc{color:var(--fg-3);margin-top:6px;font-size:12.5px;line-height:1.45}.lang-cockpit .si-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 12px;display:flex}.lang-cockpit .si-price{font-family:var(--font-mono);color:var(--amber);align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.lang-cockpit .si-lock{color:var(--fg-3);font-size:11.5px;font-family:var(--font-mono);align-items:center;gap:6px;display:inline-flex}.lang-cockpit .pet-hero{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;display:grid}.lang-cockpit .pet-stage{background:radial-gradient(500px 200px at 50% 100%, #a78bfa33, transparent 60%), linear-gradient(155deg, #a78bfa0d, transparent), var(--bg-elev-1);border-radius:var(--radius-xl);border:1px solid #a78bfa38;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 24px;display:flex}.lang-cockpit .pet-figure{place-items:center;height:200px;display:grid;position:relative}.lang-cockpit .pet-figure.idle{animation:3.6s ease-in-out infinite petbob}.lang-cockpit .pet-figure.happy{animation:1.6s ease-in-out pethappy}@keyframes petbob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pethappy{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scale(1.1)}60%{transform:translateY(-4px)scale(1.05)}}.lang-cockpit .pet-glyph{filter:drop-shadow(0 8px 20px #a78bfa73);font-size:120px;line-height:1}.lang-cockpit .pet-shadow{z-index:-1;background:radial-gradient(#0006,#0000 70%);border-radius:50%;width:110px;height:14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lang-cockpit .pet-mood{gap:6px;width:100%;margin-top:18px;display:grid}.lang-cockpit .pet-mood-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;justify-content:space-between;padding:8px 14px;font-size:13px;display:flex}.lang-cockpit .pet-mood-l{color:var(--fg-3)}.lang-cockpit .pet-mood-v{color:var(--fg);font-weight:700}.lang-cockpit .pet-info{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:26px}.lang-cockpit .pet-log{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:80px 28px 1fr;align-items:center;gap:12px;padding:9px 14px;display:grid}.lang-cockpit .pl-day{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .pl-ico{background:var(--violet-soft);width:28px;height:28px;color:var(--violet);border-radius:7px;place-items:center;display:grid}.lang-cockpit .pl-text{color:var(--fg-2);font-size:13.5px}@media (width<=768px){.lang-cockpit .pet-hero{grid-template-columns:1fr}.lang-cockpit .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lang-cockpit .digest-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lang-cockpit .wrap-stage{border-radius:var(--radius-2xl);flex-direction:column;justify-content:center;min-height:60vh;padding:36px 32px 80px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #0006}.lang-cockpit .wrap-stage:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0f 0 4px,#0000 4px 12px),radial-gradient(800px 300px at 80% 100%,#ffffff2e,#0000 60%);position:absolute;inset:0}.lang-cockpit .wrap-progress{z-index:2;gap:4px;display:flex;position:absolute;top:18px;left:18px;right:18px}.lang-cockpit .wrap-progress .wp{background:#ffffff40;border-radius:99px;flex:1;height:3px;transition:background .3s}.lang-cockpit .wrap-progress .wp.on{background:#fff}.lang-cockpit .wrap-content{z-index:2;position:relative}.lang-cockpit .wrap-nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.lang-cockpit .wrap-nav button{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.lang-cockpit .wrap-nav button:hover{background:#00000073}.lang-cockpit .wrap-nav button:disabled{opacity:.4;cursor:not-allowed}.lang-cockpit .onb-stage{max-width:720px;margin:0 auto;padding:24px 0}.lang-cockpit .onb-content{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);min-height:360px;padding:32px 28px}.lang-cockpit .onb-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.lang-cockpit .onb-illust{flex-direction:column;align-items:center;gap:18px;margin-top:32px;display:flex}.lang-cockpit .onb-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(155deg,#fb923c,#ea580c);border-radius:22px;place-items:center;width:84px;height:84px;font-size:32px;font-weight:800;display:grid;box-shadow:0 12px 32px #f9731680}.lang-cockpit .onb-glyphs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lang-cockpit .onb-glyph{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:grid}.lang-cockpit .onb-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .onb-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .onb-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .onb-langs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:24px;display:grid}.lang-cockpit .onb-lang{background:var(--bg-elev-2);border:1.5px solid var(--border);text-align:left;cursor:pointer;color:var(--fg);border-radius:14px;padding:16px 16px 14px;transition:background .15s,border-color .15s;position:relative}.lang-cockpit .onb-lang:hover{background:var(--bg-elev-3)}.lang-cockpit .onb-lang.on{border-color:var(--lc,var(--orange));background:#f973160f}.lang-cockpit .olg-glyph{color:var(--lc,var(--orange));margin-bottom:6px;font-size:28px;font-weight:700;display:block}.lang-cockpit .olg-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .olg-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .olg-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .olg-name{font-size:14px;font-weight:700;display:block}.lang-cockpit .olg-tag{color:var(--fg-3);margin-top:2px;font-size:11.5px;display:block}.lang-cockpit .olg-check{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12px;right:12px}.lang-cockpit .onb-goal{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;display:grid}.lang-cockpit .onb-goal-pill{background:var(--bg-elev-2);border:1.5px solid var(--border);text-align:center;cursor:pointer;color:var(--fg);border-radius:14px;padding:16px 8px;transition:background .15s,border-color .15s}.lang-cockpit .onb-goal-pill:hover{background:var(--bg-elev-3)}.lang-cockpit .onb-goal-pill.on{background:var(--orange-soft);border-color:#f9731666}.lang-cockpit .og-min{letter-spacing:-.02em;color:var(--fg);font-size:28px;font-weight:800;display:block}.lang-cockpit .og-lab{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11px;display:block}.lang-cockpit .og-note{color:var(--fg-3);margin-top:6px;font-size:11px;display:block}.lang-cockpit .onb-goal-pill.on .og-min{color:var(--orange-bright)}.lang-cockpit .onb-goal-pill.on .og-note{color:var(--orange)}.lang-cockpit .onb-toggles{gap:8px;margin-top:22px;display:grid}.lang-cockpit .onb-toggle{background:var(--bg-elev-2);border:1.5px solid var(--border);text-align:left;cursor:pointer;color:var(--fg);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.lang-cockpit .onb-toggle.on{background:#10b9810d;border-color:#10b98166}.lang-cockpit .onb-toggle .ot-ic{background:var(--bg-elev-1);width:36px;height:36px;color:var(--fg-2);border-radius:9px;flex:none;place-items:center;display:grid}.lang-cockpit .onb-toggle.on .ot-ic{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .ot-body{flex:1;min-width:0}.lang-cockpit .ot-name{font-size:14px;font-weight:700}.lang-cockpit .ot-desc{color:var(--fg-3);margin-top:2px;font-size:12px;line-height:1.45}.lang-cockpit .ot-switch{background:var(--bg-elev-3);border-radius:99px;flex:none;width:36px;height:22px;padding:2px;transition:background .2s;position:relative}.lang-cockpit .ot-switch span{background:var(--fg-3);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;display:block}.lang-cockpit .ot-switch.on{background:var(--emerald)}.lang-cockpit .ot-switch.on span{background:#fff;transform:translate(14px)}.lang-cockpit .settings-row{border:0;border-bottom:1px dashed var(--border);text-align:left;cursor:pointer;color:var(--fg);background:0 0;align-items:center;gap:14px;width:100%;padding:14px 0;display:flex}.lang-cockpit .settings-row:last-of-type{border-bottom:0}.lang-cockpit .sr-ic{background:var(--bg-elev-2);width:32px;height:32px;color:var(--fg-2);border-radius:8px;flex:none;place-items:center;display:grid}.lang-cockpit .sr-name{font-size:14px;font-weight:700}.lang-cockpit .sr-desc{color:var(--fg-3);margin-top:2px;font-size:12px;line-height:1.45}.lang-cockpit .settings-pick{border-bottom:1px dashed var(--border);align-items:center;gap:16px;padding:14px 0;display:flex}.lang-cockpit .settings-pick:last-of-type{border-bottom:0}.lang-cockpit .sp-label{min-width:80px;color:var(--fg-2);flex:none;font-size:14px;font-weight:600}.lang-cockpit .pf-glyph{width:30px;height:30px;font-family:var(--font-mono);color:#fff;border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.lang-cockpit .stroke-stage{grid-template-columns:minmax(0,420px);justify-content:center;gap:16px;margin-bottom:14px;display:grid}.lang-cockpit .stroke-canvas{aspect-ratio:1;background:var(--bg-elev-1);border:2px dashed var(--border-h);border-radius:22px;place-items:center;padding:12px;display:grid;position:relative}.lang-cockpit .stroke-target{color:#ffffff0f;letter-spacing:-.02em;font-size:240px;font-weight:700;line-height:1}.lang-cockpit .stroke-target.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .stroke-target.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .stroke-overlay{pointer-events:none;position:absolute;inset:12px}.lang-cockpit .stroke-counter{background:#00000073;border-radius:99px;flex-direction:column;align-items:flex-end;padding:6px 12px;display:flex;position:absolute;bottom:12px;right:12px}.lang-cockpit .stroke-counter .sc-val{font-family:var(--font-mono);color:var(--orange-bright);font-size:18px;font-weight:800}.lang-cockpit .stroke-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lang-cockpit .stroke-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:12px;display:grid}.lang-cockpit .stroke-tile{aspect-ratio:1;background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .15s,border-color .15s,transform .1s;display:flex}.lang-cockpit .stroke-tile:hover{background:var(--bg-elev-3)}.lang-cockpit .stroke-tile:active{transform:scale(.96)}.lang-cockpit .stroke-tile.on{border-color:var(--orange);background:var(--orange-soft)}.lang-cockpit .st-glyph{font-size:30px;font-weight:700;line-height:1}.lang-cockpit .st-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .st-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .st-strokes{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-4);font-size:7px}.lang-cockpit .stroke-tile.on .st-strokes{color:var(--orange)}.lang-cockpit .kana-feature{grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:22px;display:grid}.lang-cockpit .kf-glyph-side{background:radial-gradient(400px 200px at 50% 100%, var(--kf-c,var(--violet)), transparent 60%), linear-gradient(155deg, #a78bfa1a, transparent 60%), var(--bg-elev-1);border:1px solid var(--border-h);border-radius:var(--radius-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;position:relative}.lang-cockpit .kf-illust{filter:drop-shadow(0 4px 12px #0006);font-size:60px;line-height:1}.lang-cockpit .kf-glyph{font-size:110px;font-weight:700;line-height:1;font-family:"Noto Sans JP", var(--font-sans);color:#fff;letter-spacing:-.02em;text-shadow:0 4px 24px #00000080;margin-top:14px;display:block}.lang-cockpit .kf-reading{font-family:var(--font-mono);color:#ffffffe6;letter-spacing:.06em;margin-top:8px;font-size:18px;font-weight:700;display:block}.lang-cockpit .kf-story-side{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:26px}.lang-cockpit .kana-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.lang-cockpit .kana-card{background:var(--bg-elev-1);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:transform .15s,border-color .15s;display:flex;position:relative}.lang-cockpit .kana-card:hover{border-color:var(--kc);transform:translateY(-2px)}.lang-cockpit .kana-card.on{border-color:var(--kc);box-shadow:0 0 16px var(--kc);background:#ffffff0a}.lang-cockpit .kc-illust{font-size:22px;line-height:1}.lang-cockpit .kc-glyph{font-family:"Noto Sans JP", var(--font-sans);color:var(--kc,var(--violet));font-size:32px;font-weight:700;line-height:1}.lang-cockpit .kc-reading{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;font-size:11px}@media (width<=768px){.lang-cockpit .kana-feature{grid-template-columns:1fr}.lang-cockpit .stroke-target{font-size:180px}}.lang-cockpit .fb-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;margin-top:8px;padding:14px;display:flex}.lang-cockpit .fb-card .fb-ic{background:var(--bg-elev-1);width:44px;height:44px;color:var(--fg-2);border-radius:10px;flex:none;place-items:center;display:grid}.lang-cockpit .fb-card.amber{background:var(--amber-soft);border-color:#f59e0b4d}.lang-cockpit .fb-card.amber .fb-ic{color:var(--amber);background:#f59e0b2e}.lang-cockpit .fb-card.emerald{background:0 0}.lang-cockpit .fb-body{flex:1;min-width:0}.lang-cockpit .fb-name{letter-spacing:-.005em;margin:0;font-size:14.5px;font-weight:700}.lang-cockpit .fb-desc{color:var(--fg-3);margin:4px 0 0;font-size:12.5px;line-height:1.5}.lang-cockpit .loading-row{align-items:center;gap:12px;padding:10px 0;display:flex}.lang-cockpit .skel{background:linear-gradient(90deg, var(--bg-elev-2), var(--bg-elev-3), var(--bg-elev-2));background-size:200% 100%;animation:1.4s ease-in-out infinite skelpulse}@keyframes skelpulse{0%{background-position:200% 0}to{background-position:-200% 0}}.lang-cockpit .exit-modal{text-align:center;background:var(--bg-elev-2);border:1.5px dashed var(--border-h);border-radius:14px;max-width:380px;margin:0 auto;padding:20px}.lang-cockpit .exit-modal .em-ic{background:var(--rose-soft);width:48px;height:48px;color:var(--rose);border-radius:50%;place-items:center;margin:0 auto;display:grid}.lang-cockpit .kana-chart{gap:6px;margin-bottom:14px;display:grid}.lang-cockpit .kc-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.lang-cockpit .kc-cell{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:70px;padding:14px 6px 10px;transition:transform .1s,background .15s,border-color .15s;display:flex}.lang-cockpit .kc-cell:hover{background:var(--bg-elev-3);transform:translateY(-2px)}.lang-cockpit .kc-empty{aspect-ratio:1}.lang-cockpit .kc-k{font-family:"Noto Sans JP", var(--font-sans);font-size:28px;font-weight:700;line-height:1}.lang-cockpit .kc-r{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;font-size:10.5px}.lang-cockpit .kc-cell.mature{background:var(--emerald-soft);border-color:#10b98166}.lang-cockpit .kc-cell.learning{background:var(--amber-soft);border-color:#f59e0b66}.lang-cockpit .kc-cell.new{background:var(--sky-soft);border-color:#38bdf866}.lang-cockpit .kc-cell.mature .kc-r{color:var(--emerald)}.lang-cockpit .kc-cell.learning .kc-r{color:var(--amber)}.lang-cockpit .kc-cell.new .kc-r{color:var(--sky)}.lang-cockpit .kana-chart-legend{background:var(--bg-elev-1);border:1px solid var(--border);color:var(--fg-3);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;font-size:12px;display:flex}.lang-cockpit .leg-dot{vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.lang-cockpit .leg-dot.mature{background:#10b98180;border:1px solid #10b98180}.lang-cockpit .leg-dot.learning{background:#f59e0b80;border:1px solid #f59e0b80}.lang-cockpit .leg-dot.new{background:#38bdf880;border:1px solid #38bdf880}.lang-cockpit .leg-dot.locked{background:var(--bg-elev-2);border:1px solid var(--border)}.lang-cockpit .pinyin-table-wrap{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:14px;max-height:480px;overflow:auto}.lang-cockpit .pinyin-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--font-mono);font-size:12px}.lang-cockpit .pinyin-table th,.lang-cockpit .pinyin-table td{border:1px solid var(--border);text-align:center;min-width:36px;padding:8px 6px}.lang-cockpit .pinyin-table thead th{background:var(--bg-elev-2);z-index:1;position:sticky;top:0}.lang-cockpit .pinyin-table tbody th{background:var(--bg-elev-2);z-index:1;font-weight:700;position:sticky;left:0}.lang-cockpit .pinyin-table td.tricky,.lang-cockpit .pinyin-table th.tricky{color:var(--rose);background:#f43f5e14}.lang-cockpit .pinyin-table td.invalid{background:var(--bg-elev-2);color:var(--fg-4)}.lang-cockpit .pinyin-table .syl{font-weight:600}.lang-cockpit .pinyin-table .syl-mute{color:var(--fg-4)}.lang-cockpit .tone-row-large{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;display:grid}.lang-cockpit .tone-card{background:var(--bg-elev-2);text-align:center;cursor:pointer;font:inherit;width:100%;transition:transform .15s var(--ease-push,ease), box-shadow .15s;border:1.5px solid;border-radius:14px;padding:14px 8px}.lang-cockpit .tone-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lang-cockpit .tone-card:active{transform:translateY(0)}.lang-cockpit .tc-tone{font-family:var(--font-mono);font-size:22px;font-weight:800}.lang-cockpit .tc-py{font-family:"Noto Sans SC", var(--font-mono);color:var(--fg);margin-top:4px;font-size:18px;font-weight:700}.lang-cockpit .tc-curve{width:60px;height:30px;margin:6px auto 4px;display:block}.lang-cockpit .tc-mean{color:var(--fg-3);font-size:11px}@media (width<=768px){.lang-cockpit .tone-row-large{grid-template-columns:repeat(3,1fr)}.lang-cockpit .tone-row-large>button:nth-child(n+4){grid-column:span 1}}.lang-cockpit .verb-pill{background:var(--bg-elev-2);border:1.5px solid var(--border);font-family:var(--font-mono);color:var(--fg-2);cursor:pointer;border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .15s}.lang-cockpit .verb-pill:hover{background:var(--bg-elev-3)}.lang-cockpit .verb-pill.on{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b66}.lang-cockpit .conj-table{border-collapse:collapse;width:100%}.lang-cockpit .conj-table td{border-bottom:1px dashed var(--border);padding:14px 12px;font-size:16px}.lang-cockpit .conj-table tr:last-child td{border-bottom:0}.lang-cockpit .conj-table .conj-pron{width:40%;color:var(--fg-3);font-weight:600}.lang-cockpit .conj-table .conj-form{color:var(--fg);letter-spacing:-.01em;font-size:22px;font-weight:800}.lang-cockpit .conj-table .conj-end{font-family:var(--font-mono);color:var(--fg-4);text-align:right;font-size:12px}.lang-cockpit .case-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14.5px}.lang-cockpit .case-table th,.lang-cockpit .case-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 12px}.lang-cockpit .case-table thead th{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:9px}.lang-cockpit .case-table tbody th{color:var(--sky);width:22%;font-weight:700}.lang-cockpit .case-table tbody td{color:var(--fg);font-weight:700;font-family:var(--font-mono)}.lang-cockpit .case-table tbody tr:last-child th,.lang-cockpit .case-table tbody tr:last-child td{border-bottom:0}.lang-cockpit .abjad-table-wrap{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:14px;max-height:540px;overflow:auto}.lang-cockpit .abjad-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.lang-cockpit .abjad-table th,.lang-cockpit .abjad-table td{text-align:center;border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px 12px}.lang-cockpit .abjad-table th{background:var(--bg-elev-2);font-family:var(--font-pixel);letter-spacing:.06em;color:var(--fg-3);text-transform:uppercase;z-index:1;font-size:9px;position:sticky;top:0}.lang-cockpit .abjad-table .ab-iso{color:var(--emerald);direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:26px;font-weight:700}.lang-cockpit .abjad-table .ab-form{color:var(--fg);direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:22px;font-weight:600}.lang-cockpit .abjad-table tr.non-conn .ab-iso{color:var(--rose)}.lang-cockpit .abjad-table tr.non-conn{background:#f43f5e0a}.lang-cockpit .abjad-table tr.ab-row{cursor:pointer;transition:background .13s}.lang-cockpit .abjad-table tr.ab-row:hover td{background:var(--bg-elev-2)}.lang-cockpit .abjad-table tr.ab-row:active td{background:var(--emerald-soft,#10b9811f)}.lang-cockpit .ipa-pairs{gap:10px;display:grid}.lang-cockpit .ipa-row{align-items:center;gap:14px;margin-top:10px;display:flex}.lang-cockpit .ipa-word{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:18px 12px;transition:background .15s,border-color .15s;display:flex;position:relative}.lang-cockpit .ipa-word:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .ipa-w{letter-spacing:-.01em;color:var(--fg);font-size:24px;font-weight:800}.lang-cockpit .ipa-i{font-family:var(--font-mono);color:var(--rose);font-size:13px}.lang-cockpit .ipa-btn{background:var(--rose-soft);width:30px;height:30px;color:var(--rose);border-radius:99px;place-items:center;margin-top:8px;display:grid}.lang-cockpit .ipa-vs{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--fg-3);font-size:9px}.lang-cockpit .task-pill{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg-2);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.lang-cockpit .task-pill:hover{background:var(--bg-elev-3)}.lang-cockpit .task-pill.on{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98166}.lang-cockpit .task-cefr{font-family:var(--font-mono);background:var(--bg-elev-1);color:var(--fg-3);border-radius:99px;padding:2px 6px;font-size:10px;font-weight:800}.lang-cockpit .task-pill.on .task-cefr{color:var(--emerald);background:#10b9812e}.lang-cockpit .write-area{background:var(--bg-elev-2);border:1.5px solid var(--border-h);width:100%;color:var(--fg);resize:vertical;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;line-height:1.6}.lang-cockpit .write-area:focus{border-color:var(--emerald);background:var(--bg-elev-3)}.lang-cockpit .scaffold-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;gap:12px;padding:12px 14px;display:flex}.lang-cockpit .sr-i{background:var(--bg-elev-1);width:24px;height:24px;font-family:var(--font-mono);color:var(--emerald);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.lang-cockpit .sr-hint{color:var(--fg-2);font-size:13px;font-weight:600}.lang-cockpit .sr-sample{background:var(--bg-elev-1);border:1px dashed var(--border-h);color:var(--fg-3);white-space:pre-line;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:13px;font-style:italic;line-height:1.55}.lang-cockpit .dialog-player{align-items:center;gap:14px;display:flex}.lang-cockpit .dialog-seek{appearance:none;background:var(--bg-elev-2);border-radius:99px;outline:none;width:100%;height:6px}.lang-cockpit .dialog-seek::-webkit-slider-thumb{appearance:none;background:var(--sky);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--sky);border-radius:50%}.lang-cockpit .speed-pill{background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-3);cursor:pointer;border-radius:99px;padding:5px 10px;font-size:11px}.lang-cockpit .speed-pill.on{background:var(--sky-soft);color:var(--sky);border-color:#38bdf859}.lang-cockpit .link-btn{color:var(--sky);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.lang-cockpit .dialog-list{gap:12px;margin-top:4px;transition:filter .2s;display:grid}.lang-cockpit .dialog-list.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.lang-cockpit .dialog-line{gap:12px;display:flex}.lang-cockpit .dl-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.lang-cockpit .dl-body{flex:1;min-width:0}.lang-cockpit .dl-head{align-items:baseline;gap:8px;display:flex}.lang-cockpit .dl-who{font-size:13px;font-weight:700}.lang-cockpit .dl-time{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.lang-cockpit .dl-text{background:var(--bg-elev-2);color:var(--fg-2);border-radius:10px;margin-top:4px;padding:8px 12px;font-size:14px;line-height:1.55}.lang-cockpit .ci-hero{grid-template-columns:280px 1fr;gap:16px;display:grid}.lang-cockpit .ci-glyph-side{background:radial-gradient(400px 200px at 50% 100%, #a78bfa33, transparent 60%), var(--bg-elev-1);border-radius:var(--radius-xl);border:1px solid #a78bfa38;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:32px;display:flex}.lang-cockpit .ci-glyph{letter-spacing:-.02em;color:var(--violet);font-size:140px;font-weight:700;line-height:1}.lang-cockpit .ci-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .ci-reading{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.04em;margin-top:14px;font-size:16px;font-weight:700}.lang-cockpit .ci-body{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.lang-cockpit .ci-srs{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;display:grid}.lang-cockpit .ci-stat{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.lang-cockpit .ci-stat-k{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .ci-stat-v{font-family:var(--font-mono);color:var(--fg);margin-top:2px;font-size:16px;font-weight:800}.lang-cockpit .ci-example{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.lang-cockpit .ci-ex-ja{font-family:"Noto Sans JP", var(--font-sans);color:var(--fg);font-size:18px;font-weight:700}.lang-cockpit .ci-ex-en{color:var(--fg-2);margin-top:4px;font-size:13.5px;font-style:italic}.lang-cockpit .ci-ex-gloss{color:var(--fg-3);margin-top:4px;font-size:12.5px}.lang-cockpit .ci-component{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px;display:flex}.lang-cockpit .ci-confused{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;display:flex}.lang-cockpit .ci-history{gap:6px;display:grid}.lang-cockpit .ci-h-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:80px 80px 1fr;align-items:center;gap:10px;padding:9px 14px;display:grid}.lang-cockpit .ci-h-date{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.lang-cockpit .ci-h-rating{font-family:var(--font-pixel);letter-spacing:.08em;text-align:center;border-radius:99px;padding:3px 8px;font-size:8px}.lang-cockpit .ci-h-rating.lagi{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .ci-h-rating.sulit{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .ci-h-rating.bagus{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .ci-h-rating.mudah{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .ci-h-int{font-family:var(--font-mono);color:var(--fg-2);text-align:right;font-size:12px}@media (width<=768px){.lang-cockpit .ci-hero{grid-template-columns:1fr}.lang-cockpit .ci-srs{grid-template-columns:repeat(2,1fr)}}.lang-cockpit .coach-row{align-items:center;gap:14px;display:flex}.lang-cockpit .cr-ic{border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.lang-cockpit .cr-ic.emerald{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .cr-ic.amber{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .cr-ic.rose{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .cr-ic.sky{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .cr-ic.violet{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .cr-body{flex:1;min-width:0}.lang-cockpit .cr-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:800}.lang-cockpit .cr-body-text{color:var(--fg-3);margin:4px 0 0;font-size:13px;line-height:1.5}.lang-cockpit .search-bar{background:var(--bg-elev-2);border:1.5px solid var(--border-h);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.lang-cockpit .search-bar input{color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:16px}.lang-cockpit .search-bar input::placeholder{color:var(--fg-4)}.lang-cockpit .search-clear{color:var(--fg-3);cursor:pointer;background:0 0;border:0;padding:4px}.lang-cockpit .search-result{background:var(--bg-elev-1);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--fg);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.lang-cockpit .search-result:hover{background:var(--bg-elev-2);border-color:var(--border-h)}.lang-cockpit .sr-type{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;flex:none;padding:3px 8px;font-size:8px}.lang-cockpit .sr-type.deck{background:var(--orange-soft);color:var(--orange)}.lang-cockpit .sr-type.card{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .sr-type.scenario{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .sr-type.foundation{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .sr-type.mode{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .sr-type.screen{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .sr-body{flex:1;min-width:0}.lang-cockpit .sr-title{font-size:14px;font-weight:700}.lang-cockpit .sr-sub{color:var(--fg-3);margin-top:2px;font-size:12px}.lang-cockpit .sr-lang{font-family:var(--font-mono);color:var(--fg-3);flex:none;font-size:11px}.lang-cockpit .search-recent{background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-2);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.lang-cockpit .search-recent:hover{background:var(--bg-elev-3)}.lang-cockpit .notif{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:12px;gap:14px;padding:14px 16px;display:flex;position:relative}.lang-cockpit .notif.unread{background:var(--bg-elev-2);border-color:var(--border-h)}.lang-cockpit .notif-ic{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.lang-cockpit .notif-ic.amber{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .notif-ic.orange{background:var(--orange-soft);color:var(--orange-bright)}.lang-cockpit .notif-ic.violet{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .notif-ic.emerald{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .notif-ic.sky{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .notif-ic.rose{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .notif-body{flex:1;min-width:0}.lang-cockpit .notif-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.lang-cockpit .notif-title{letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700}.lang-cockpit .notif-when{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:11px}.lang-cockpit .notif-text{color:var(--fg-2);margin:4px 0 6px;font-size:13px;line-height:1.5}.lang-cockpit .notif-cta{color:var(--orange-bright);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:700}.lang-cockpit .notif-dot{background:var(--orange);width:8px;height:8px;box-shadow:0 0 8px var(--orange);border-radius:50%;position:absolute;top:14px;right:14px}.lang-cockpit .notif.read .notif-title{color:var(--fg-2)}.lang-cockpit .bm-row{background:var(--bg-elev-2);border:1px solid var(--border);cursor:pointer;color:var(--fg);text-align:left;border-radius:10px;grid-template-columns:60px 1fr auto auto;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;display:grid}.lang-cockpit .bm-row:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .bm-glyph{text-align:center;font-size:20px;font-weight:700}.lang-cockpit .bm-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .bm-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .bm-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .bm-meaning{font-size:14px;font-weight:600}.lang-cockpit .bm-reading{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.lang-cockpit .bm-lang{font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-elev-1);border-radius:99px;padding:2px 8px;font-size:11px}.lang-cockpit .feed-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:60px 32px 1fr;align-items:center;gap:12px;padding:8px 14px;display:grid}.lang-cockpit .feed-time{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.lang-cockpit .feed-ic{border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.lang-cockpit .feed-ic.orange{background:var(--orange-soft);color:var(--orange-bright)}.lang-cockpit .feed-ic.rose{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .feed-ic.violet{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .feed-ic.sky{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .feed-ic.amber{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .feed-text{color:var(--fg-2);font-size:13.5px}.lang-cockpit .landing{max-width:1080px;margin:-24px auto -64px;padding:8px 0 32px}.lang-cockpit .landing-nav{justify-content:space-between;align-items:center;margin-bottom:32px;padding:12px 0;display:flex}.lang-cockpit .landing-links{align-items:center;gap:6px;display:flex}.lang-cockpit .landing-links button{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600}.lang-cockpit .landing-links button:hover{background:var(--bg-elev-1);color:var(--fg)}.lang-cockpit .landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:28px 0 56px;display:grid}.lang-cockpit .landing-hero-text h1{letter-spacing:-.03em;text-wrap:balance;color:var(--fg);margin:12px 0 18px;font-size:clamp(36px,5.4vw,60px);font-weight:800;line-height:1.05}.lang-cockpit .landing-hero-text p{color:var(--fg-2);max-width:50ch;margin:0 0 22px;font-size:17px;line-height:1.55}.lang-cockpit .landing-hero-ctas{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.lang-cockpit .landing-meta{flex-wrap:wrap;gap:8px;display:flex}.lang-cockpit .landing-hero-card{aspect-ratio:1.1;border:1px solid var(--border-h);background:linear-gradient(155deg,#f9731629,#a78bfa14);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.lang-cockpit .lhc-bg{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;display:grid;position:absolute;inset:0}.lang-cockpit .lhc-glyph{border:1px solid var(--border);opacity:.6;background:#ffffff0a;border-radius:14px;place-items:center;font-size:36px;font-weight:700;display:grid}.lang-cockpit .lhc-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .lhc-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .lhc-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .lhc-fg{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-h);background:#0a1421d9;border-radius:18px;width:78%;padding:22px 26px;position:relative}.lang-cockpit .lhc-eyebrow{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--orange);font-size:9px}.lang-cockpit .lhc-title{letter-spacing:-.01em;color:var(--fg);animation:lhc-swap .5s var(--ease-push,ease) both;margin:8px 0 12px;font-size:22px;font-weight:800}.lang-cockpit .lhc-chip-row{animation:lhc-swap .5s var(--ease-push,ease) 60ms both;flex-wrap:wrap;gap:6px;display:flex}@keyframes lhc-swap{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .lhc-dots{gap:5px;margin-top:16px;display:flex}.lang-cockpit .lhc-dot{background:var(--border-strong,#fff3);border-radius:50%;width:6px;height:6px;transition:background .3s,width .3s}.lang-cockpit .lhc-dot.on{background:var(--orange);border-radius:99px;width:18px}@media (prefers-reduced-motion:reduce){.lang-cockpit .lhc-title,.lang-cockpit .lhc-chip-row{animation:none}}.lang-cockpit .landing-statband{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 16px;padding:28px 0;display:grid}.lang-cockpit .lsb-item{text-align:center}.lang-cockpit .lsb-v{letter-spacing:-.03em;color:var(--orange-bright,var(--orange));font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1}.lang-cockpit .lsb-l{color:var(--fg-3);margin-top:6px;font-size:13px}@media (width<=640px){.lang-cockpit .landing-statband{grid-template-columns:repeat(2,1fr);gap:20px 12px}}.lang-cockpit .landing-section{margin:56px 0}.lang-cockpit .landing-h2{letter-spacing:-.02em;color:var(--fg);text-wrap:balance;margin:0 0 28px;font-size:clamp(28px,3.4vw,36px);font-weight:800}.lang-cockpit .landing-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.lang-cockpit .lf-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:18px;padding:22px 22px 20px}.lang-cockpit .lf-ic{border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.lang-cockpit .lf-ic.violet{background:var(--violet-soft);color:var(--violet)}.lang-cockpit .lf-ic.rose{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .lf-ic.amber{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .lf-title{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:800}.lang-cockpit .lf-body{color:var(--fg-3);margin:0;font-size:13.5px;line-height:1.55}.lang-cockpit .landing-langs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.lang-cockpit .ll-card{background:var(--bg-elev-1);border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;width:100%;transition:transform .16s var(--ease-push,ease), box-shadow .16s, border-color .16s;border-radius:14px;padding:18px 16px 14px;position:relative;overflow:hidden}.lang-cockpit .ll-card:hover{box-shadow:var(--shadow-md);border-color:var(--ll-c);transform:translateY(-3px)}.lang-cockpit .ll-card:active{transform:translateY(0)}.lang-cockpit .ll-card:before{content:"";background:var(--ll-c);height:3px;position:absolute;inset:0 0 auto}.lang-cockpit .ll-glyph{color:var(--ll-c);white-space:nowrap;height:32px;margin:6px 0 14px;font-size:28px;font-weight:700;display:block;overflow:hidden}.lang-cockpit .ll-glyph.ja{font-family:"Noto Sans JP", var(--font-sans);font-size:20px}.lang-cockpit .ll-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .ll-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif;font-size:22px}.lang-cockpit .ll-name{font-size:14px;font-weight:700;display:block}.lang-cockpit .ll-tag{color:var(--fg-3);margin-top:2px;font-size:11.5px;display:block}.lang-cockpit .landing-principles{gap:12px;display:grid}.lang-cockpit .lp-row{gap:18px;display:flex}.lang-cockpit .lp-num{font-family:var(--font-mono);color:var(--orange-bright);flex:none;width:60px;font-size:28px;font-weight:800}.lang-cockpit .lp-desc{color:var(--fg-3);max-width:56ch;margin:0;font-size:14px;line-height:1.6}.lang-cockpit .landing-cta{text-align:center;background:linear-gradient(155deg,#f973161f,#a78bfa0f);border:1px solid #f9731640;border-radius:24px;margin:56px 0 36px;padding:40px 24px}.lang-cockpit .landing-cta h2{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.lang-cockpit .landing-cta p{color:var(--fg-3);margin:0 0 18px;font-size:15px}.lang-cockpit .landing-foot{border-top:1px solid var(--border);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:24px 0;font-size:12.5px;display:flex}.lang-cockpit .landing-foot-links{gap:6px;display:flex}.lang-cockpit .landing-foot-links button{color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12.5px}.lang-cockpit .landing-foot-links button:hover{color:var(--fg);background:var(--bg-elev-1)}@media (width<=768px){.lang-cockpit .landing-hero{grid-template-columns:1fr;gap:24px}.lang-cockpit .landing-section{margin:36px 0}.lang-cockpit .landing-cta{padding:28px 18px}}.lang-cockpit .signin-stage{max-width:440px;margin:24px auto;padding:0 16px}.lang-cockpit .signin-card{background:var(--bg-elev-1);border:1px solid var(--border-h);border-radius:22px;padding:36px 32px 28px;box-shadow:0 18px 48px #0006}.lang-cockpit .signin-title{text-align:center;letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:800}.lang-cockpit .signin-sub{text-align:center;color:var(--fg-3);margin:0 0 24px;font-size:13.5px}.lang-cockpit .signin-fields{gap:12px;margin-bottom:18px;display:grid}.lang-cockpit .signin-fields label{gap:6px;display:grid}.lang-cockpit .signin-input{background:var(--bg-elev-2);border:1.5px solid var(--border);color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:16px}.lang-cockpit .signin-input:focus{border-color:var(--orange);background:var(--bg-elev-3)}.lang-cockpit .signin-or{text-align:center;font-family:var(--font-pixel);letter-spacing:.12em;color:var(--fg-3);margin:18px 0;font-size:9px;position:relative}.lang-cockpit .signin-or:before,.lang-cockpit .signin-or:after{content:"";background:var(--border);width:38%;height:1px;position:absolute;top:50%}.lang-cockpit .signin-or:before{left:0}.lang-cockpit .signin-or:after{right:0}.lang-cockpit .signin-providers{gap:8px;display:grid}.lang-cockpit .signin-provider{background:var(--bg-elev-2);border:1.5px solid var(--border);color:var(--fg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.lang-cockpit .signin-provider:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .signin-switch{text-align:center;color:var(--fg-3);margin-top:18px;font-size:13px}.lang-cockpit .signin-switch button{color:var(--orange-bright);cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:0}.lang-cockpit .signin-foot{text-align:center;color:var(--fg-4);max-width:38ch;margin:18px auto 0;font-size:11.5px;line-height:1.5}.lang-cockpit .road-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:32px 90px 1fr;align-items:center;gap:10px;padding:10px 14px;display:grid}.lang-cockpit .road-state{text-align:center;font-family:var(--font-mono);font-size:16px;font-weight:800}.lang-cockpit .road-row.done .road-state{color:var(--emerald)}.lang-cockpit .road-row.current .road-state{color:var(--orange)}.lang-cockpit .road-row.next .road-state{color:var(--fg-3)}.lang-cockpit .road-date{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:9px}.lang-cockpit .road-row.current .road-date{color:var(--orange)}.lang-cockpit .road-text{color:var(--fg-2);font-size:14px}.lang-cockpit .donate-pill{background:var(--bg-elev-2);border:1.5px solid var(--border);color:var(--fg);cursor:pointer;border-radius:99px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.lang-cockpit .donate-pill:hover{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b66}.lang-cockpit .faq{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.lang-cockpit .faq-q{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;display:flex}.lang-cockpit .faq-q:hover{background:var(--bg-elev-2)}.lang-cockpit .faq-arrow{color:var(--fg-3);text-align:center;width:24px;font-size:22px;font-weight:400}.lang-cockpit .faq.open .faq-arrow{color:var(--orange)}.lang-cockpit .faq-a{color:var(--fg-2);padding:0 18px 16px;font-size:14px;line-height:1.65}.lang-cockpit .friend-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.lang-cockpit .friend-row.inactive{opacity:.7}.lang-cockpit .friend-av{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;position:relative}.lang-cockpit .friend-online{background:var(--emerald);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.lang-cockpit .friend-body{flex:1;min-width:0}.lang-cockpit .friend-name{font-size:14px;font-weight:700}.lang-cockpit .friend-act{color:var(--fg-3);margin-top:2px;font-size:12px}.lang-cockpit .friend-streak{font-family:var(--font-mono);color:var(--orange);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.lang-cockpit .dl-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.lang-cockpit .dl-card{background:var(--bg-elev-1);border:1.5px solid var(--border);text-align:left;cursor:pointer;color:var(--fg);border-radius:14px;padding:16px 18px;font-family:inherit;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.lang-cockpit .dl-card:hover{border-color:var(--dl-c);transform:translateY(-3px)}.lang-cockpit .dl-card:before{content:"";background:var(--dl-c);height:3px;position:absolute;inset:0 0 auto}.lang-cockpit .dl-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lang-cockpit .dl-ic{background:var(--dl-s);width:32px;height:32px;color:var(--dl-c);border-radius:8px;place-items:center;display:grid}.lang-cockpit .dl-cat{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;background:var(--dl-s);color:var(--dl-c);border-radius:99px;padding:3px 7px;font-size:8px}.lang-cockpit .dl-cefr{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:11px;font-weight:800}.lang-cockpit .dl-name{letter-spacing:-.01em;margin:0 0 10px;font-size:15.5px;font-weight:700}.lang-cockpit .dl-stats{font-family:var(--font-mono);color:var(--fg-3);gap:14px;margin-bottom:10px;font-size:11.5px;display:flex}.lang-cockpit .dl-foot{font-family:var(--font-mono);color:var(--fg-3);gap:10px;margin-top:8px;font-size:11px;display:flex}.lang-cockpit .mistake-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:80px 50px 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.lang-cockpit .mr-when{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.lang-cockpit .mr-glyph{text-align:center;font-size:28px;font-weight:700;line-height:1}.lang-cockpit .mr-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .mr-glyph.zh{font-family:"Noto Sans SC", var(--font-sans);color:var(--rose)}.lang-cockpit .mr-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .mr-body{min-width:0}.lang-cockpit .mr-meaning{font-size:13px}.lang-cockpit .mr-wrong{margin-top:2px;font-size:12.5px}.lang-cockpit .mr-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.lang-cockpit .mr-retried{text-align:center}.lang-cockpit .mr-retried-n{font-family:var(--font-mono);color:var(--amber);font-size:16px;font-weight:800;display:block}.lang-cockpit .mr-retried-l{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);font-size:7px;display:block}.lang-cockpit .cd-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:28px 1fr 28px;align-items:center;gap:12px;padding:10px 14px;display:grid}.lang-cockpit .cd-i{font-family:var(--font-mono);color:var(--fg-3);text-align:center;font-size:12px;font-weight:800}.lang-cockpit .cd-body{min-width:0}.lang-cockpit .cd-front{color:var(--fg);font-size:15px;font-weight:700}.lang-cockpit .cd-front.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .cd-front.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .cd-back{color:var(--fg-2);margin-top:2px;font-size:13px}.lang-cockpit .cd-example{color:var(--fg-3);margin-top:4px;font-size:12px;font-style:italic}.lang-cockpit .cd-del{border:1px solid var(--border);width:28px;height:28px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid}.lang-cockpit .cd-del:hover{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e66}.lang-cockpit .cd-add{background:var(--bg-elev-2);border:1.5px dashed var(--border-h);border-radius:12px;gap:8px;padding:14px;display:grid}.lang-cockpit .sound-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px;display:grid}.lang-cockpit .sound-tile{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 10px;font-family:inherit;transition:transform .1s,background .15s,border-color .15s;display:flex}.lang-cockpit .sound-tile:hover{background:var(--bg-elev-3);transform:translateY(-2px)}.lang-cockpit .sound-tile.on{border-color:var(--rose);background:var(--rose-soft)}.lang-cockpit .sound-tile.hard{border-color:#f43f5e59}.lang-cockpit .sound-tile.hard.on{background:var(--rose-soft)}.lang-cockpit .sd-sym{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--fg);font-size:18px;font-weight:800}.lang-cockpit .sound-tile.hard .sd-sym{color:var(--rose)}.lang-cockpit .sd-ex{color:var(--fg-3);font-size:12px}.lang-cockpit .sound-tile svg{color:var(--fg-4)}.lang-cockpit .audio-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.lang-cockpit .audio-flag{background:var(--bg-elev-1);width:36px;height:36px;font-family:var(--font-mono);color:var(--fg);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.lang-cockpit .audio-name{font-size:14px;font-weight:700}.lang-cockpit .audio-voice{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11.5px}.lang-cockpit .audio-range{appearance:none;background:var(--bg-elev-3);border-radius:99px;outline:none;width:110px;height:4px}.lang-cockpit .audio-range::-webkit-slider-thumb{appearance:none;background:var(--sky);cursor:pointer;border-radius:50%;width:12px;height:12px}.lang-cockpit .audio-test{background:var(--sky-soft);width:32px;height:32px;color:var(--sky);cursor:pointer;border:1px solid #38bdf84d;border-radius:8px;place-items:center;display:grid}.lang-cockpit .audio-test:hover{background:#38bdf833}@media (width<=768px){.lang-cockpit .mistake-row{grid-template-columns:1fr;gap:6px}.lang-cockpit .audio-row{grid-template-columns:36px 1fr}.lang-cockpit .audio-row>div:last-child{grid-column:1/-1;justify-content:flex-end}}.lang-cockpit .wl-word{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:clamp(32px,4.4vw,44px);font-weight:800;line-height:1.1}.lang-cockpit .wl-word.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .wl-word.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .wl-word.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .ci-ex-ja.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .ci-ex-ja.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .ci-ex-ja.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .ci-ex-ja.de,.lang-cockpit .ci-ex-ja.es,.lang-cockpit .ci-ex-ja.en{font-family:var(--font-sans)}.lang-cockpit .tok-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px;display:flex}.lang-cockpit .tok{background:var(--bg-elev-1);border:1.5px solid var(--border);text-align:center;border-radius:10px;flex:none;padding:10px 14px}.lang-cockpit .tok-word{color:var(--fg);font-size:15px;font-weight:700}.lang-cockpit .tok-gloss{color:var(--fg-2);margin-top:4px;font-size:12.5px}.lang-cockpit .tok-role{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-4);text-transform:uppercase;margin-top:6px;font-size:7px}.lang-cockpit .tok.tok-noun{border-color:#a78bfa66}.lang-cockpit .tok.tok-noun .tok-role{color:var(--violet)}.lang-cockpit .tok.tok-verb{border-color:#f59e0b66}.lang-cockpit .tok.tok-verb .tok-role{color:var(--amber)}.lang-cockpit .tok.tok-art{border-color:#38bdf866}.lang-cockpit .tok.tok-art .tok-role{color:var(--sky)}.lang-cockpit .tok.tok-pron{border-color:#10b98166}.lang-cockpit .tok.tok-pron .tok-role{color:var(--emerald)}.lang-cockpit .tok.tok-adv{border-color:#f43f5e66}.lang-cockpit .tok.tok-adv .tok-role{color:var(--rose)}.lang-cockpit .tok.tok-unknown{opacity:.6;border-style:dashed}.lang-cockpit .schedule-grid{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin-top:8px;display:grid}.lang-cockpit .sched-bar{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:200px;padding:12px 8px 10px;display:flex}.lang-cockpit .sched-bar.today{background:var(--orange-soft);border-color:#f9731666;box-shadow:0 0 24px #f9731626}.lang-cockpit .sched-num{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--fg);font-size:22px;font-weight:800}.lang-cockpit .sched-bar.today .sched-num{color:var(--orange-bright)}.lang-cockpit .sched-stack{background:#ffffff0d;border-radius:6px;flex-direction:column-reverse;flex:1;width:22px;min-height:80px;display:flex;overflow:hidden}.lang-cockpit .sched-seg{width:100%}.lang-cockpit .sched-day{color:var(--fg-2);font-size:12px;font-weight:700}.lang-cockpit .sched-date{font-family:var(--font-mono);color:var(--fg-3);font-size:10.5px}.lang-cockpit .tt-card{background:var(--bg-elev-2);text-align:center;border:1.5px solid #10b9814d;border-radius:12px;padding:18px}.lang-cockpit .tt-card.skip{background:var(--rose-soft);border-color:#f43f5e66}.lang-cockpit .tt-num{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--emerald);margin-top:4px;font-size:36px;font-weight:800}.lang-cockpit .tt-card.skip .tt-num{color:var(--rose)}.lang-cockpit .tt-sub{color:var(--fg-2);margin-top:4px;font-size:13px}.lang-cockpit .tt-meta{color:var(--fg-3);margin-top:10px;font-size:11.5px}.lang-cockpit .lp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.lang-cockpit .lp-card{background:var(--bg-elev-1);border:1.5px solid var(--border);border-radius:18px;padding:20px 22px;position:relative;overflow:hidden}.lang-cockpit .lp-card:before{content:"";background:var(--lp-c);height:3px;position:absolute;inset:0 0 auto}.lang-cockpit .lp-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.lang-cockpit .lp-emoji{background:var(--lp-s);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:28px;line-height:1;display:grid}.lang-cockpit .lp-title{letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:800}.lang-cockpit .lp-tagline{color:var(--fg-3);margin:0;font-size:12.5px;line-height:1.5}.lang-cockpit .lp-meta{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.lang-cockpit .lp-section{margin-bottom:10px}.lang-cockpit .lp-sec-label{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);margin-bottom:6px;font-size:8px}.lang-cockpit .lp-list{color:var(--fg-2);margin:0;padding-left:18px;font-size:13px;line-height:1.65}.lang-cockpit .lp-foot{justify-content:flex-end;margin-top:14px;display:flex}.lang-cockpit .practice-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:8px;display:grid}.lang-cockpit .practice-tile{background:var(--bg-elev-2);border:1.5px solid var(--border);text-align:left;cursor:pointer;color:var(--fg);border-radius:12px;padding:14px;font-family:inherit;transition:background .15s,border-color .15s,transform .1s;position:relative}.lang-cockpit .practice-tile:hover{background:var(--bg-elev-3);transform:translateY(-2px)}.lang-cockpit .practice-tile:active{transform:scale(.98)}.lang-cockpit .practice-tile.on{border-color:var(--orange);background:var(--orange-soft)}.lang-cockpit .pt-ic{background:var(--bg-elev-1);width:32px;height:32px;color:var(--fg-2);border-radius:8px;place-items:center;margin-bottom:10px;display:grid}.lang-cockpit .practice-tile.on .pt-ic{color:var(--orange);background:#f973162e}.lang-cockpit .pt-name{font-size:14px;font-weight:700}.lang-cockpit .pt-tier{color:var(--fg-3);margin-top:2px;font-size:11.5px}.lang-cockpit .pt-check{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.lang-cockpit .wod-word{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:clamp(40px,6vw,60px);font-weight:800;line-height:1.05;display:block}.lang-cockpit .wod-word.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .wod-word.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .wod-word.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .wod-day{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg-2);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px 10px;font-family:inherit;display:flex}.lang-cockpit .wod-day:disabled{cursor:not-allowed;opacity:.5}.lang-cockpit .wod-day.done{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b66}.lang-cockpit .wod-day.on{box-shadow:0 0 0 2px var(--orange)}.lang-cockpit .wd-num{font-family:var(--font-mono);font-size:11px;font-weight:800}.lang-cockpit .wd-label{opacity:.8;font-size:11px}.lang-cockpit .pat-pick{cursor:pointer;text-align:left;color:var(--fg-2);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:13.5px;display:flex}.lang-cockpit .pat-pick:hover{background:var(--bg-elev-2)}.lang-cockpit .pat-pick.on{background:var(--violet-soft);color:var(--violet);border-color:#a78bfa4d}.lang-cockpit .pat-num{font-family:var(--font-mono);color:var(--fg-4);font-size:10px;font-weight:800}.lang-cockpit .pat-pick.on .pat-num{color:var(--violet)}.lang-cockpit .pat-name{flex:1;font-weight:600}.lang-cockpit .pat-template{letter-spacing:-.01em;color:var(--fg);background:var(--violet-soft);border:1px dashed #a78bfa4d;border-radius:12px;margin:12px 0 0;padding:14px 18px;font-size:22px;font-weight:700;line-height:1.3}.lang-cockpit .pat-template.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .pat-template.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .email-body{background:var(--bg-elev-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-2);white-space:pre-wrap;word-wrap:break-word;border-radius:12px;margin:0;padding:14px 16px;font-size:13px;line-height:1.65}.lang-cockpit .prompt-box{background:var(--bg-elev-2);border:1.5px dashed var(--border-h);border-radius:12px;margin-top:6px;padding:18px 20px;position:relative}.lang-cockpit .pb-quote{color:var(--fg);border-left:3px solid var(--rose);padding:4px 0 4px 14px;font-size:16px;font-style:italic;line-height:1.55}.lang-cockpit .pb-shuffle{border:1px solid var(--border);color:var(--fg-3);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-family:inherit;font-size:12px;display:inline-flex}.lang-cockpit .pb-shuffle:hover{background:var(--bg-elev-3);color:var(--fg-2)}.lang-cockpit .csv-drop{background:var(--bg-elev-2);border:2px dashed var(--border-h);text-align:center;color:var(--fg-3);border-radius:16px;padding:40px 24px}.lang-cockpit .csv-drop:hover{border-color:var(--emerald);color:var(--emerald)}.lang-cockpit .freq-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;display:grid}.lang-cockpit .freq-tile{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px 10px;font-family:inherit;transition:transform .1s,border-color .15s;display:flex;position:relative}.lang-cockpit .freq-tile:hover{border-color:var(--border-h);transform:translateY(-2px)}.lang-cockpit .freq-tile.mature{background:var(--emerald-soft);border-color:#10b98159}.lang-cockpit .freq-tile.learning{background:var(--amber-soft);border-color:#f59e0b59}.lang-cockpit .freq-tile.new{background:var(--sky-soft);opacity:.85;border-color:#38bdf840}.lang-cockpit .ft-rank{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.04em;font-size:9px;font-weight:800}.lang-cockpit .ft-word{letter-spacing:-.01em;font-size:16px;font-weight:700}.lang-cockpit .ft-word.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .ft-word.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .phon-track{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;gap:8px;padding:14px;display:flex;overflow-x:auto}.lang-cockpit .phon-cell{background:var(--bg-elev-1);border:1.5px solid var(--border);text-align:center;border-radius:10px;flex:1;min-width:86px;padding:12px 10px}.lang-cockpit .phon-cell.good{background:var(--emerald-soft);border-color:#10b98166}.lang-cockpit .phon-cell.partial{background:var(--amber-soft);border-color:#f59e0b66}.lang-cockpit .phon-cell.miss{background:var(--rose-soft);border-color:#f43f5e66}.lang-cockpit .ph-target{font-family:var(--font-mono);color:var(--fg);font-size:16px;font-weight:800}.lang-cockpit .ph-actual{font-family:var(--font-mono);color:var(--fg-3);margin-top:4px;font-size:11px}.lang-cockpit .ph-bar{background:#ffffff14;border-radius:99px;height:4px;margin-top:8px}.lang-cockpit .ph-fill{background:var(--emerald);border-radius:99px;height:100%}.lang-cockpit .phon-cell.partial .ph-fill{background:var(--amber)}.lang-cockpit .phon-cell.miss .ph-fill{background:var(--rose)}.lang-cockpit .ph-conf{font-family:var(--font-mono);color:var(--fg-2);margin-top:6px;font-size:11px;font-weight:700}.lang-cockpit .phon-note{background:var(--amber-soft);color:var(--fg-2);border:1px solid #f59e0b4d;border-radius:10px;gap:10px;margin-top:8px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.lang-cockpit .skill-tree{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);gap:24px;padding:22px;display:grid}.lang-cockpit .skill-row{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.lang-cockpit .skill-node{background:var(--bg-elev-2);border:1.5px solid var(--border);text-align:center;width:160px;color:var(--fg-2);cursor:pointer;border-radius:14px;padding:14px 12px;font-family:inherit;transition:transform .15s,border-color .15s}.lang-cockpit .skill-node:hover{transform:translateY(-2px)}.lang-cockpit .skill-node.mature{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98166}.lang-cockpit .skill-node.learning{background:var(--amber-soft);color:var(--amber);border-color:#f59e0b66}.lang-cockpit .skill-node.new{background:var(--sky-soft);color:var(--sky);border-color:#38bdf866}.lang-cockpit .skill-node.locked{opacity:.4;cursor:not-allowed}.lang-cockpit .sn-state{background:#0003;border-radius:50%;place-items:center;width:32px;height:32px;margin:0 auto 8px;display:grid}.lang-cockpit .sn-name{letter-spacing:-.01em;color:var(--fg);font-size:13.5px;font-weight:700;line-height:1.3}.lang-cockpit .skill-node.locked .sn-name{color:var(--fg-3)}.lang-cockpit .sn-prereq{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-4);text-transform:uppercase;margin-top:6px;font-size:7px}.lang-cockpit .tw-text{letter-spacing:-.01em;color:var(--fg);background:var(--amber-soft);border:1.5px dashed #f59e0b66;border-radius:14px;margin:14px 0;padding:18px 22px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.4}.lang-cockpit .tw-diff{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:7px}.lang-cockpit .tw-diff.medium{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .tw-diff.hard{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .tw-diff.epic{background:var(--rose-soft);color:var(--rose)}.lang-cockpit .tw-diff.lg{margin-left:0;padding:4px 9px;font-size:8px}.lang-cockpit .ff-danger{background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:auto;font-size:11px;font-weight:800;display:inline-grid}.lang-cockpit .ff-en{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:28px;font-weight:800}.lang-cockpit .ff-compare{grid-template-columns:1fr 32px 1fr;align-items:stretch;gap:10px;margin-top:16px;display:grid}.lang-cockpit .ff-side{background:var(--bg-elev-2);border:1.5px solid var(--border);border-radius:12px;padding:16px 16px 14px}.lang-cockpit .ff-side.ff-look{background:var(--rose-soft);border-color:#f43f5e4d}.lang-cockpit .ff-side.ff-real{background:var(--emerald-soft);border-color:#10b9814d}.lang-cockpit .ff-label{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .ff-look .ff-label{color:var(--rose)}.lang-cockpit .ff-real .ff-label{color:var(--emerald)}.lang-cockpit .ff-word{color:var(--fg);letter-spacing:-.01em;margin:6px 0 4px;font-size:18px;font-weight:700}.lang-cockpit .ff-mean{color:var(--fg-3);font-size:13px;font-style:italic}.lang-cockpit .ff-arrow{color:var(--fg-3);place-items:center;font-size:22px;font-weight:800;display:grid}@media (width<=640px){.lang-cockpit .ff-compare{grid-template-columns:1fr}.lang-cockpit .ff-arrow{transform:rotate(90deg)}}.lang-cockpit .coll-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-top:8px;display:grid}.lang-cockpit .coll-tile{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13.5px;display:flex}.lang-cockpit .coll-tile.good{background:var(--emerald-soft);color:var(--fg);border-color:#10b9814d}.lang-cockpit .coll-tile.bad{background:var(--rose-soft);color:var(--fg-3);border-color:#f43f5e4d}.lang-cockpit .coll-tile.good:hover{background:#10b9812e}.lang-cockpit .scene-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:14px;display:grid}.lang-cockpit .scene-tile{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg-2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:flex}.lang-cockpit .scene-tile:hover{background:var(--bg-elev-3);transform:translateY(-2px)}.lang-cockpit .scene-tile.on{background:var(--sky-soft);color:var(--sky);border-color:#38bdf866}.lang-cockpit .scene-emoji{font-size:28px;line-height:1}.lang-cockpit .scene-name{text-align:center;line-height:1.3}.lang-cockpit .phrase-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.lang-cockpit .phrase-audio{background:var(--sky-soft);width:36px;height:36px;color:var(--sky);cursor:pointer;border:1px solid #38bdf84d;border-radius:50%;flex:none;place-items:center;display:grid}.lang-cockpit .phrase-audio:hover{background:#38bdf833;transform:scale(1.05)}.lang-cockpit .phrase-en{color:var(--fg);font-size:15px;font-weight:600}.lang-cockpit .phrase-id{color:var(--fg-3);margin-top:2px;font-size:12.5px}.lang-cockpit .idiom-compare{grid-template-columns:1fr 32px 1fr;align-items:stretch;gap:10px;display:grid}.lang-cockpit .ic-side{background:var(--bg-elev-2);border:1.5px solid var(--border);border-radius:12px;padding:14px}.lang-cockpit .ic-side.lit{background:var(--bg-elev-2)}.lang-cockpit .ic-side.fig{background:var(--amber-soft);border-color:#f59e0b4d}.lang-cockpit .ic-label{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;font-size:8px}.lang-cockpit .ic-side.fig .ic-label{color:var(--amber)}.lang-cockpit .ic-text{color:var(--fg);margin-top:6px;font-size:16px;font-weight:700;line-height:1.4}.lang-cockpit .ic-arrow{color:var(--fg-3);place-items:center;font-size:22px;display:grid}@media (width<=640px){.lang-cockpit .idiom-compare{grid-template-columns:1fr}.lang-cockpit .ic-arrow{transform:rotate(90deg)}}.lang-cockpit .pomo-stage{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;padding:36px 24px;display:flex}.lang-cockpit .pomo-clock{background:conic-gradient(var(--orange) var(--pct,0%), #ffffff0f 0);border-radius:50%;place-items:center;width:280px;height:280px;padding:8px;transition:background .6s;display:grid;position:relative}.lang-cockpit .pomo-clock.break{background:conic-gradient(var(--emerald) var(--pct,0%), #ffffff0f 0)}.lang-cockpit .pomo-clock-inner{background:var(--bg-elev-1);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lang-cockpit .pomo-time{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--fg);font-size:64px;font-weight:800;line-height:1}.lang-cockpit .pomo-clock.break .pomo-time{color:var(--emerald)}.lang-cockpit .pomo-phase{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--orange);margin-top:12px;font-size:11px}.lang-cockpit .pomo-clock.break .pomo-phase{color:var(--emerald)}.lang-cockpit .shadow-row{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;text-align:left;color:var(--fg);border-radius:12px;grid-template-columns:90px 1fr 32px 32px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:background .15s,border-color .15s;display:grid}.lang-cockpit .shadow-row:hover{background:var(--bg-elev-3)}.lang-cockpit .shadow-row.on{background:var(--rose-soft);border-color:#f43f5e66}.lang-cockpit .sh-time{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.lang-cockpit .sh-text{font-size:14.5px;font-weight:600}.lang-cockpit .sh-loop,.lang-cockpit .sh-rec{background:var(--bg-elev-1);border:1px solid var(--border);width:32px;height:32px;color:var(--fg-3);cursor:pointer;border-radius:7px;place-items:center;display:grid}.lang-cockpit .sh-rec:hover{background:var(--rose-soft);color:var(--rose);border-color:#f43f5e66}.lang-cockpit .parallel-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lang-cockpit .parallel-line{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:15px;line-height:1.55;transition:background .12s,border-color .12s}.lang-cockpit .parallel-line:hover,.lang-cockpit .parallel-line.on{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .parallel-line.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .parallel-line.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .parallel-line.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .parallel-hover{position:relative}.lang-cockpit .parallel-tip{background:var(--orange-soft);border-left:3px solid var(--orange);color:var(--fg-2);border-radius:8px;margin-top:4px;padding:8px 14px;font-size:13px;line-height:1.55}@media (width<=768px){.lang-cockpit .parallel-grid{grid-template-columns:1fr}}.lang-cockpit .ce-field{gap:6px;display:grid}.lang-cockpit .xlang-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:16px;display:grid}.lang-cockpit .xlang-card{background:var(--bg-elev-2);border:1.5px solid var(--border);border-radius:12px;padding:14px;position:relative}.lang-cockpit .xl-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lang-cockpit .xl-name{color:var(--fg-2);font-size:12px;font-weight:700}.lang-cockpit .xl-flag{font-family:var(--font-mono);letter-spacing:.04em;color:#fff;border-radius:99px;padding:2px 6px;font-size:9px;font-weight:800}.lang-cockpit .xl-word{color:var(--fg);word-break:break-word;font-size:17px;font-weight:700;line-height:1.4}.lang-cockpit .xl-word.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .xl-word.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .xl-word.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .xl-audio{background:var(--bg-elev-1);border:1px solid var(--border);width:28px;height:28px;color:var(--fg-3);cursor:pointer;border-radius:7px;place-items:center;margin-top:10px;display:grid}.lang-cockpit .xl-audio:hover{color:var(--sky)}.lang-cockpit .fr-row{background:var(--bg-elev-2);border:1.5px solid #38bdf840;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.lang-cockpit .fr-row.used{opacity:.6;border-color:var(--border)}.lang-cockpit .fr-ic{background:var(--sky-soft);width:38px;height:38px;color:var(--sky);border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.lang-cockpit .fr-row.used .fr-ic{background:var(--bg-elev-3);color:var(--fg-3)}.lang-cockpit .fr-from{font-size:14px;font-weight:700}.lang-cockpit .fr-date{color:var(--fg-3);margin-top:2px;font-size:12px}.lang-cockpit .fr-tag{font-family:var(--font-pixel);letter-spacing:.08em;border-radius:99px;padding:4px 8px;font-size:8px}.lang-cockpit .fr-tag.avail{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .fr-tag.used{background:var(--bg-elev-3);color:var(--fg-3)}.lang-cockpit .rec-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:36px 60px 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.lang-cockpit .rec-play{background:var(--rose-soft);width:36px;height:36px;color:var(--rose);cursor:pointer;border:1px solid #f43f5e4d;border-radius:50%;place-items:center;display:grid}.lang-cockpit .rec-play:hover{background:#f43f5e33;transform:scale(1.05)}.lang-cockpit .rec-id{font-family:var(--font-mono);color:var(--fg-3);font-size:12px;font-weight:800}.lang-cockpit .rec-scn{font-size:14px;font-weight:700}.lang-cockpit .rec-meta{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11.5px}.lang-cockpit .rec-score{text-align:right}.lang-cockpit .rs-score{font-family:var(--font-mono);letter-spacing:-.02em;font-size:22px;font-weight:800;display:block}.lang-cockpit .rs-score.good{color:var(--emerald)}.lang-cockpit .rs-score.mid{color:var(--amber)}.lang-cockpit .rs-score.low{color:var(--rose)}.lang-cockpit .rs-delta{font-family:var(--font-mono);color:var(--fg-3);font-size:11px;font-weight:700}.lang-cockpit .rs-delta.up{color:var(--emerald)}.lang-cockpit .rs-delta.down{color:var(--rose)}.lang-cockpit .rel-stage{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(500px 280px,#a78bfa1a,#0000 60%);grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr 1fr;gap:24px;min-height:380px;padding:24px;display:grid;position:relative}.lang-cockpit .rel-center{text-align:center;background:linear-gradient(155deg,#a78bfa,#6d28d9);border-radius:24px;grid-area:2/2;place-self:center;place-items:center;width:120px;height:120px;display:grid;box-shadow:0 8px 32px #a78bfa80}.lang-cockpit .rel-glyph{color:#fff;font-size:56px;font-weight:700;line-height:1}.lang-cockpit .rel-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .rel-label{color:#ffffffd9;margin-top:6px;font-size:12px;font-weight:600;display:block}.lang-cockpit .rel-arm{flex-direction:column;gap:8px;display:flex}.lang-cockpit .rel-arm.rel-up{grid-area:1/1/auto/span 3;align-items:center}.lang-cockpit .rel-arm.rel-left{grid-area:2/1;align-self:center}.lang-cockpit .rel-arm.rel-right{grid-area:2/3;align-self:center}.lang-cockpit .rel-arm-label{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;text-align:center;font-size:8px}.lang-cockpit .rel-arm.rel-up .rel-arm-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lang-cockpit .rel-arm.rel-left .rel-arm-list,.lang-cockpit .rel-arm.rel-right .rel-arm-list{gap:8px;display:grid}.lang-cockpit .rel-node{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;color:var(--fg);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:100px;padding:10px 14px;font-family:inherit;display:flex}.lang-cockpit .rel-node:hover{background:var(--bg-elev-3)}.lang-cockpit .rel-node.sibling{border-color:#10b98166}.lang-cockpit .rel-node.part{border-color:#38bdf866}.lang-cockpit .rel-node.confused{border-color:#f43f5e66}.lang-cockpit .rel-node .ja{font-family:"Noto Sans JP", var(--font-sans);font-size:28px;font-weight:700;line-height:1}.lang-cockpit .rl{color:var(--fg-3);font-size:12px}.lang-cockpit .rl-miss{font-family:var(--font-mono);color:var(--rose);font-size:10px}@media (width<=768px){.lang-cockpit .rel-stage{grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.lang-cockpit .rel-center,.lang-cockpit .rel-arm.rel-up,.lang-cockpit .rel-arm.rel-left,.lang-cockpit .rel-arm.rel-right{grid-area:auto/1}.lang-cockpit .rel-arm-list{justify-content:center}}.lang-cockpit .cmdk-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0a142199;place-items:start center;padding-top:12vh;animation:.2s ease-out cmdk-fade;display:grid;position:fixed;inset:0}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.lang-cockpit .cmdk{background:var(--bg-elev-1);border:1px solid var(--border-hi);border-radius:16px;width:100%;max-width:600px;animation:.2s cubic-bezier(.3,.7,.4,1) cmdk-pop;overflow:hidden;box-shadow:0 24px 60px #0000008c}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-cockpit .cmdk-input-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.lang-cockpit .cmdk-input-row input{color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:16px}.lang-cockpit .cmdk-input-row input::placeholder{color:var(--fg-4)}.lang-cockpit .cmdk-kbd{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-3);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700}.lang-cockpit .cmdk-list{max-height:50vh;padding:6px;overflow-y:auto}.lang-cockpit .cmdk-row{cursor:pointer;text-align:left;width:100%;color:var(--fg);background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;display:flex}.lang-cockpit .cmdk-row.on{background:var(--orange-soft);color:var(--orange-bright)}.lang-cockpit .cmdk-ic{background:var(--bg-elev-2);width:28px;height:28px;color:var(--fg-3);border-radius:7px;flex:none;place-items:center;display:grid}.lang-cockpit .cmdk-row.on .cmdk-ic{color:var(--orange);background:#f973162e}.lang-cockpit .cmdk-name{flex:1;font-size:14px;font-weight:600}.lang-cockpit .cmdk-route{font-family:var(--font-mono);color:var(--fg-4);font-size:11px}.lang-cockpit .cmdk-row.on .cmdk-route{color:var(--orange)}.lang-cockpit .cmdk-empty{text-align:center;color:var(--fg-3);padding:22px;font-size:13px}.lang-cockpit .cmdk-more{text-align:center;font-family:var(--font-mono);color:var(--fg-4);padding:10px 14px;font-size:11px}.lang-cockpit .cmdk-foot{background:var(--bg-elev-2);border-top:1px solid var(--border);color:var(--fg-3);gap:16px;padding:10px 18px;font-size:11.5px;display:flex}@keyframes page-in{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .flashcard{transform-style:preserve-3d;transition:transform .36s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .flashcard.flipping{animation:.42s cubic-bezier(.3,.7,.4,1) card-flip}@keyframes card-flip{0%{transform:rotateY(0)}50%{transform:rotateY(6deg)}to{transform:rotateY(0)}}@media (pointer:coarse){.lang-cockpit .study-foot-kbd,.lang-cockpit .kbd-only{display:none}}.lang-cockpit .exit-confirm{text-align:center;background:var(--bg-elev-1);border:1px solid var(--border-h);border-radius:var(--radius-xl);width:calc(100% - 36px);max-width:360px;padding:24px 22px;animation:.24s cubic-bezier(.3,.7,.4,1.3) both ec-pop;box-shadow:0 24px 60px #00000080}@keyframes ec-pop{0%{transform:scale(.94)}to{transform:scale(1)}}.lang-cockpit .exit-confirm .ec-ic{background:var(--rose-soft);width:46px;height:46px;color:var(--rose);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.lang-cockpit .exit-confirm h3{letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:800}.lang-cockpit .exit-confirm p{color:var(--fg-3);margin:0;font-size:13.5px;line-height:1.55}.lang-cockpit .exit-confirm .ec-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}@media (prefers-reduced-motion:reduce){.lang-cockpit .exit-confirm{animation:none}}.lang-cockpit .mm-banner{text-align:left;background:linear-gradient(135deg, var(--violet-soft,#a78bfa1f), transparent 70%), var(--bg-elev-1);border:1px solid var(--violet-soft,#a78bfa47);border-radius:var(--radius-xl);cursor:pointer;width:100%;font:inherit;color:var(--fg);transition:transform .16s var(--ease-push,ease), box-shadow .16s, border-color .16s;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.lang-cockpit .mm-banner:hover{box-shadow:var(--shadow-md);border-color:var(--violet);transform:translateY(-2px)}.lang-cockpit .mm-banner:active{transform:translateY(0)}.lang-cockpit .mm-banner-ic{background:var(--violet-soft,#a78bfa29);width:40px;height:40px;color:var(--violet);border-radius:11px;flex:none;place-items:center;display:grid}.lang-cockpit .mm-banner-body{flex:1;min-width:0}.lang-cockpit .mm-banner-eyebrow{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--violet);font-size:8px}.lang-cockpit .mm-banner-title{letter-spacing:-.01em;margin-top:4px;font-size:15px;font-weight:700}.lang-cockpit .mm-builder{gap:16px;margin-top:12px;display:grid}.lang-cockpit .mm-root-row{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.lang-cockpit .mm-root-label{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);margin-right:4px;font-size:8px}.lang-cockpit .mm-root-c{background:var(--emerald-soft,#10b98124);border:1.5px solid var(--emerald);width:38px;height:38px;font-family:var(--font-mono);color:var(--emerald);border-radius:9px;place-items:center;font-size:17px;font-weight:800;display:grid;position:relative}.lang-cockpit .mm-root-i{opacity:.7;font-size:8px;position:absolute;top:2px;right:4px}.lang-cockpit .mm-root-mean{color:var(--fg-3);margin-left:6px;font-size:12.5px}.lang-cockpit .mm-zh-tok{font-family:"Noto Sans SC", var(--font-sans);color:var(--fg-2);border-radius:7px;padding:2px 8px;font-size:22px;font-weight:700;transition:background .2s,color .2s}.lang-cockpit .mm-zh-tok.verb{background:var(--rose-soft,#f43f5e24);color:var(--rose)}.lang-cockpit .mm-v2-tok{color:var(--fg-2);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:16px;font-weight:600;position:relative}.lang-cockpit .mm-v2-tok.verb{color:var(--sky);border-color:var(--sky);font-weight:800}.lang-cockpit .mm-v2-tok.slot2{box-shadow:0 0 0 2px var(--sky-soft,#38bdf840)}.lang-cockpit .mm-v2-badge{font-family:var(--font-pixel);letter-spacing:.06em;background:var(--sky);color:#04121f;white-space:nowrap;border-radius:99px;padding:2px 5px;font-size:6px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.lang-cockpit .mm-fr-silent{color:var(--fg-4);text-decoration:line-through;-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose);background:var(--rose-soft,#f43f5e1a);border-radius:6px;padding:1px 5px;font-size:20px;font-weight:700}.lang-cockpit .mm-pick-group{gap:6px;display:grid}.lang-cockpit .mm-pick-label{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--fg-3);font-size:8px}.lang-cockpit .mm-pick-row{flex-wrap:wrap;gap:6px;display:flex}.lang-cockpit .mm-chip{background:var(--bg-elev-2);border:1.5px solid var(--border);cursor:pointer;font:inherit;color:var(--fg);border-radius:10px;place-items:center;gap:1px;padding:8px 12px;transition:background .15s,border-color .15s,transform .1s;display:grid;position:relative}.lang-cockpit .mm-chip:hover{background:var(--bg-elev-3)}.lang-cockpit .mm-chip:active{transform:scale(.96)}.lang-cockpit .mm-chip.on{border-color:var(--violet);background:var(--violet-soft,#a78bfa1f)}.lang-cockpit .mm-chip-dict{font-size:16px;font-weight:700;font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .mm-chip-rom{font-family:var(--font-mono);color:var(--fg-3);font-size:10.5px}.lang-cockpit .mm-chip.on .mm-chip-rom{color:var(--violet)}.lang-cockpit .mm-chip-wild{color:var(--amber);font-size:9px;line-height:1;position:absolute;top:3px;right:5px}.lang-cockpit .mm-equation{background:var(--bg-elev-2);border:1px solid var(--border-h);border-radius:var(--radius-lg);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.lang-cockpit .mm-eq-part{font-size:20px;font-weight:700}.lang-cockpit .mm-eq-part.stem{color:var(--fg)}.lang-cockpit .mm-eq-part.joint{color:var(--amber);background:var(--amber-soft,#f59e0b24);white-space:nowrap;border-radius:6px;padding:1px 7px}.lang-cockpit .mm-eq-part.rest{color:var(--sky)}.lang-cockpit .mm-eq-op{color:var(--fg-4);font-size:16px}.lang-cockpit .mm-eq-strike{color:var(--fg-4);font-size:13px;font-family:var(--font-sans);text-decoration:line-through}.lang-cockpit .mm-eq-result{color:var(--violet);margin-left:2px;font-size:22px;font-weight:800}.lang-cockpit .mm-eq-play{background:var(--bg-elev-1);border:1px solid var(--border);width:34px;height:34px;color:var(--fg-2);cursor:pointer;border-radius:8px;flex:none;place-items:center;margin-left:auto;transition:background .15s,color .15s;display:grid}.lang-cockpit .mm-eq-play:hover{background:var(--violet-soft,#a78bfa1f);color:var(--violet)}@media (pointer:coarse){.lang-cockpit .mm-eq-play{width:44px;height:44px}}.lang-cockpit .mm-explain{color:var(--fg-2);padding:0 2px;font-size:13px;line-height:1.55}.lang-cockpit .mm-rules{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.lang-cockpit .mm-rule-num{font-family:var(--font-mono);letter-spacing:.04em;font-size:13px;font-weight:800}.lang-cockpit .mm-rule-t{letter-spacing:-.01em;margin-top:6px;font-size:15px;font-weight:800}.lang-cockpit .mm-rule-d{color:var(--fg-3);margin-top:6px;font-size:13px;line-height:1.55}@media (width<=640px){.lang-cockpit .mm-equation{gap:7px;padding:14px}.lang-cockpit .mm-eq-part{font-size:17px}.lang-cockpit .mm-eq-result{font-size:18px}}.lang-cockpit .pustaka-head{margin-bottom:24px}.lang-cockpit .pustaka-section{margin-bottom:26px}.lang-cockpit .pustaka-section-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.lang-cockpit .ps-dot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.lang-cockpit .ps-dot.violet{background:var(--violet);box-shadow:0 0 0 3px var(--violet-soft,#a78bfa2e)}.lang-cockpit .ps-dot.sky{background:var(--sky);box-shadow:0 0 0 3px #38bdf82e}.lang-cockpit .ps-dot.emerald{background:var(--emerald);box-shadow:0 0 0 3px #10b9812e}.lang-cockpit .ps-label{letter-spacing:-.01em;color:var(--fg);font-size:16px;font-weight:800}.lang-cockpit .ps-meta{color:var(--fg-4);font-size:12.5px}.lang-cockpit .pustaka-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.lang-cockpit .pustaka-tile{background:var(--bg-elev-1);border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;color:var(--fg);transition:transform .16s var(--ease-push,ease), box-shadow .16s, border-color .16s;border-radius:14px;align-items:center;gap:13px;padding:14px;display:flex}.lang-cockpit .pustaka-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lang-cockpit .pustaka-tile.violet:hover{border-color:var(--violet)}.lang-cockpit .pustaka-tile.sky:hover{border-color:var(--sky)}.lang-cockpit .pustaka-tile.emerald:hover{border-color:var(--emerald)}.lang-cockpit .pustaka-tile:active{transform:translateY(0)}.lang-cockpit .pt-ic{background:var(--bg-elev-2);width:38px;height:38px;color:var(--fg-2);border-radius:10px;flex:none;place-items:center;display:grid}.lang-cockpit .pustaka-tile.violet .pt-ic{background:var(--violet-soft,#a78bfa1f);color:var(--violet)}.lang-cockpit .pustaka-tile.sky .pt-ic{color:var(--sky);background:#38bdf81f}.lang-cockpit .pustaka-tile.emerald .pt-ic{color:var(--emerald);background:#10b9811f}.lang-cockpit .pt-body{flex:1;gap:2px;min-width:0;display:grid}.lang-cockpit .pt-name{letter-spacing:-.005em;font-size:14px;font-weight:700}.lang-cockpit .pt-desc{color:var(--fg-3);font-size:12px;line-height:1.4}.lang-cockpit .pt-arrow{color:var(--fg-4);flex:none;transition:transform .16s,color .16s}.lang-cockpit .pustaka-tile:hover .pt-arrow{color:var(--fg-2);transform:translate(3px)}.lang-cockpit .pustaka-foot{text-align:center;color:var(--fg-3);border-top:1px dashed var(--border);margin-top:8px;padding:16px;font-size:13px}.lang-cockpit .pustaka-foot kbd{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg-2);border-radius:5px;padding:2px 6px;font-size:11px}@media (width<=600px){.lang-cockpit .pustaka-grid{grid-template-columns:1fr}}.lang-cockpit .modes-more{background:var(--bg-elev-1);border:1px dashed var(--border-h);width:100%;font:inherit;color:var(--fg-2);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:flex}.lang-cockpit .modes-more:hover{background:var(--bg-elev-2);border-color:var(--violet);color:var(--fg)}.lang-cockpit .modes-more.ghost{color:var(--fg-3);border-style:solid;font-weight:500}.lang-cockpit .card-anim{opacity:1}.lang-cockpit .study-input{background:var(--bg-elev-2);border:1.5px solid var(--border-h);width:100%;color:var(--fg);letter-spacing:-.005em;text-align:center;border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:17px;font-weight:500;transition:border-color .15s,background .15s}.lang-cockpit .study-input:focus{border-color:var(--orange);background:var(--bg-elev-3)}.lang-cockpit .study-input:disabled{opacity:.8}.lang-cockpit .study-input::placeholder{color:var(--fg-4)}.lang-cockpit .cloze-blank{background:var(--orange-soft);min-width:90px;color:var(--orange-bright);border:1.5px dashed #f9731680;border-radius:8px;margin:0 4px;padding:4px 12px;font-weight:700;display:inline-block}.lang-cockpit .match-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.lang-cockpit .match-col{gap:8px;display:grid}.lang-cockpit .match-item{background:var(--bg-elev-2);border:1.5px solid var(--border);color:var(--fg);text-align:left;cursor:pointer;border-radius:12px;padding:14px;font-size:14px;transition:background .15s,border-color .15s}.lang-cockpit .match-item:hover{background:var(--bg-elev-3);border-color:var(--border-h)}.lang-cockpit .match-item.active{border-color:var(--orange);background:var(--orange-soft)}.lang-cockpit .match-item.paired{background:var(--emerald-soft);color:var(--emerald);border-color:#10b98166}.lang-cockpit .match-glyph{margin-bottom:2px;font-size:24px;font-weight:700;display:block}.lang-cockpit .match-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .match-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .match-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .match-line{font-family:var(--font-mono);color:var(--fg-3);margin-top:4px;font-size:11px;display:block}.lang-cockpit .picture-hero{aspect-ratio:4/3;background:linear-gradient(155deg, var(--pic-c,var(--orange)) 0%, #ffffff14 100%), repeating-linear-gradient(45deg, #ffffff0a 0 6px, transparent 6px 12px);border:1px solid var(--border-h);border-radius:18px;place-items:center;max-width:320px;margin:14px auto 4px;display:grid;position:relative;overflow:hidden}.lang-cockpit .pic-glyph{color:#fffffff2;text-shadow:0 4px 12px #0000004d;font-size:84px;font-weight:700;line-height:1}.lang-cockpit .pic-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .pic-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .pic-glyph.ar{direction:rtl;font-family:Noto Naskh Arabic,serif}.lang-cockpit .pic-label{font-family:var(--font-pixel);letter-spacing:.08em;color:#ffffffb3;font-size:7px;position:absolute;bottom:10px;left:12px}.lang-cockpit .scramble-line{background:var(--bg-elev-2);border:1.5px dashed var(--border-h);color:var(--fg);border-radius:12px;justify-content:center;align-items:center;min-height:56px;margin:20px auto 14px;padding:16px 18px;font-size:17px;font-weight:600;display:flex}.lang-cockpit .scramble-tiles{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.lang-cockpit .tile{background:var(--bg-elev-2);border:1.5px solid var(--border-h);color:var(--fg);cursor:pointer;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .1s,background .15s}.lang-cockpit .tile:hover{background:var(--bg-elev-3)}.lang-cockpit .tile:active{transform:scale(.96)}.lang-cockpit .tile.used{opacity:.4;cursor:not-allowed}.lang-cockpit .speak-transcript{background:var(--bg-elev-2);border:1px solid var(--border);text-align:center;border-radius:14px;max-width:380px;margin:18px auto 4px;padding:14px 18px}.lang-cockpit .result-strip{border-radius:10px;align-items:center;gap:10px;margin:16px 0 12px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.lang-cockpit .result-strip.correct{background:var(--emerald-soft);color:var(--emerald);border:1px solid #10b9814d}.lang-cockpit .result-strip.wrong{background:var(--rose-soft);color:var(--rose);border:1px solid #f43f5e4d}.lang-cockpit .result-strip svg{width:18px;height:18px}.lang-cockpit .result-strip .answer{font-family:var(--font-mono);opacity:.85;margin-left:auto;font-size:12.5px;font-weight:700}@media (width<=768px){.lang-cockpit .boss-bar{flex-wrap:wrap}.lang-cockpit .boss-bar .b-hp{flex-basis:100%;order:3}.lang-cockpit .boss-options,.lang-cockpit .opt-grid{grid-template-columns:1fr}.lang-cockpit .tone-grid{grid-template-columns:repeat(5,1fr);gap:5px}.lang-cockpit .tone-opt{padding:12px 4px 10px}.lang-cockpit .tone-opt .glyph{font-size:22px}.lang-cockpit .mnemonic-row{grid-template-columns:1fr}.lang-cockpit .letter-forms{grid-template-columns:repeat(2,1fr)}.lang-cockpit .league-tiers{grid-template-columns:repeat(5,1fr);gap:4px}.lang-cockpit .league-tiers .tier{padding:10px 4px 8px}.lang-cockpit .ach-grid{grid-template-columns:1fr}.lang-cockpit .daily-hero{padding:20px 18px}.lang-cockpit .streak-week{grid-template-columns:repeat(7,1fr);gap:4px}.lang-cockpit .streak-week .day{padding:8px 2px 6px}.lang-cockpit .passage{padding:18px}.lang-cockpit .passage h1{font-size:18px}.lang-cockpit .passage .body{font-size:14.5px;line-height:1.65}}.lang-cockpit .toast-stack{z-index:80;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.lang-cockpit .toast{background:var(--bg-elev-2);border:1px solid var(--border-h);color:var(--fg);pointer-events:auto;border-radius:14px;align-items:center;gap:12px;min-width:280px;max-width:90vw;padding:12px 18px;font-size:14px;font-weight:600;animation:.28s cubic-bezier(.3,.7,.4,1.2) toast-in;display:flex;box-shadow:0 12px 32px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-cockpit .toast.success{border-color:#10b9814d}.lang-cockpit .toast.success .toast-ic{background:var(--emerald-soft);color:var(--emerald)}.lang-cockpit .toast.info{border-color:#38bdf84d}.lang-cockpit .toast.info .toast-ic{background:var(--sky-soft);color:var(--sky)}.lang-cockpit .toast.warning{border-color:#f59e0b4d}.lang-cockpit .toast.warning .toast-ic{background:var(--amber-soft);color:var(--amber)}.lang-cockpit .toast-ic{background:var(--bg-elev-1);width:28px;height:28px;color:var(--fg-3);border-radius:7px;place-items:center;display:grid}.lang-cockpit .banner h3{letter-spacing:-.01em;color:var(--fg);margin:4px 0;font-size:17px;font-weight:800}.lang-cockpit .banner:after{background:radial-gradient(circle,#a78bfa38,#0000 60%)}.lang-cockpit .hud-pill.streak.at-risk{border-color:#f43f5e66;animation:1.6s ease-in-out infinite streak-pulse;box-shadow:inset 0 0 0 1px #f43f5e2e,0 0 24px #f43f5e40}.lang-cockpit .hud-pill.streak.at-risk svg{color:var(--rose)}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lang-cockpit .tab.active:after{content:"";background:var(--orange);border-radius:99px;height:2px;position:absolute;bottom:-6px;left:18%;right:18%}.lang-cockpit .tab{position:relative}.lang-cockpit .card{transition:border-color .2s,transform .2s cubic-bezier(.3,.7,.4,1),box-shadow .2s}.lang-cockpit .brand:hover .brand-mark{box-shadow:inset 0 1px #ffffff2e,0 0 24px #f973168c}.lang-cockpit .brand-mark{transition:box-shadow .22s}.lang-cockpit .section-label .left{letter-spacing:.1em;font-weight:800}.lang-cockpit .btn[data-color=orange] .btn-front{box-shadow:inset 0 1px #ffffff38,0 6px 18px #f9731652}.lang-cockpit .btn[data-color=violet] .btn-front{box-shadow:inset 0 1px #ffffff38,0 6px 18px #a78bfa52}.lang-cockpit .btn[data-color=rose] .btn-front{box-shadow:inset 0 1px #ffffff38,0 6px 18px #f43f5e52}.lang-cockpit .btn[data-color=emerald] .btn-front{box-shadow:inset 0 1px #ffffff38,0 6px 18px #10b98152}.lang-cockpit .lanjut-card{isolation:isolate;position:relative}.lang-cockpit .lanjut-card:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;opacity:.6;background:linear-gradient(155deg,#ffffff2e,#0000 40%,#0000002e);position:absolute;inset:-1px}.lang-cockpit .lanjut-card h2{text-shadow:0 2px 8px #0000002e}.lang-cockpit .section-label:after{content:"";background:linear-gradient(to right, var(--border), transparent);flex:1;height:1px;margin-left:12px}.lang-cockpit .kana-chart,.lang-cockpit .pinyin-table-wrap,.lang-cockpit .abjad-table-wrap,.lang-cockpit .phon-track{scrollbar-color:var(--border-h) transparent;scrollbar-width:thin}.lang-cockpit .skill-tree{position:relative}.lang-cockpit .skill-tree:before{content:"";background:linear-gradient(to bottom, transparent, var(--border-h) 12%, var(--border-h) 88%, transparent);pointer-events:none;width:1px;position:absolute;top:22px;bottom:22px;left:50%}.lang-cockpit .eyebrow{gap:8px;line-height:1.4}.lang-cockpit .eyebrow b{letter-spacing:.06em;font-weight:800}.lang-cockpit .passage .body{letter-spacing:-.005em}.lang-cockpit .passage .body p{margin-bottom:1.1em}.lang-cockpit .passage h1{letter-spacing:-.02em}.lang-cockpit .heat-cell{transition:transform .2s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .heat-cell:hover{z-index:2;transform:scale(1.18)}.lang-cockpit .heat-cell.today{z-index:1;position:relative}.lang-cockpit .eyebrow .dot{opacity:1;box-shadow:0 0 0 3px,0 0 12px}.lang-cockpit .eyebrow.orange .dot{color:#f9731638}.lang-cockpit .eyebrow.violet .dot{color:#a78bfa38}.lang-cockpit .eyebrow.emerald .dot{color:#10b98138}.lang-cockpit .eyebrow.sky .dot{color:#38bdf838}.lang-cockpit .eyebrow.rose .dot{color:#f43f5e38}.lang-cockpit .eyebrow.amber .dot{color:#f59e0b38}.lang-cockpit .eyebrow.orange .dot{background:var(--orange)}.lang-cockpit .eyebrow.violet .dot{background:var(--violet)}.lang-cockpit .eyebrow.emerald .dot{background:var(--emerald)}.lang-cockpit .eyebrow.sky .dot{background:var(--sky)}.lang-cockpit .eyebrow.rose .dot{background:var(--rose)}.lang-cockpit .eyebrow.amber .dot{background:var(--amber)}.lang-cockpit .avatar{transition:box-shadow .22s,transform .2s}.lang-cockpit .avatar:hover{box-shadow:0 0 0 1px var(--border-h), 0 0 20px #f9731666;transform:scale(1.06)}.lang-cockpit .btn:focus-visible{outline:none}.lang-cockpit .btn:focus-visible .btn-front{box-shadow:0 0 0 3px #ffffff2e,0 6px 18px #f9731652}.lang-cockpit .stat-tile{transition:border-color .2s,transform .15s}.lang-cockpit .stat-tile:hover{border-color:var(--border-h);transform:translateY(-2px)}.lang-cockpit .stat-tile .v{line-height:1.05}.lang-cockpit .stat-tile .l{line-height:1.4}.lang-cockpit .lang-card .lc-glyph{font-variant-ligatures:discretionary-ligatures}.lang-cockpit .progress .bar{background-image:linear-gradient(155deg,#ffffff2e,#0000 60%);background-color:var(--p-color,var(--orange))}.lang-cockpit .lang-card:hover .lc-glyph{transform:translateY(-1px)}.lang-cockpit .lang-card .lc-glyph{transition:transform .2s}.lang-cockpit .card{will-change:transform}.lang-cockpit [aria-label][title]{cursor:help}.lang-cockpit .tabbar{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.lang-cockpit button:disabled,.lang-cockpit .btn:disabled{opacity:.45;cursor:not-allowed}.lang-cockpit .quick-tile{background-image:linear-gradient(155deg,#ffffff05,#0000 50%)}.lang-cockpit .result-strip{letter-spacing:-.005em;font-size:14.5px}.lang-cockpit .result-strip svg{flex:none}.lang-cockpit .section-label .left{position:relative}.lang-cockpit .num,.lang-cockpit .v,.lang-cockpit .stat-tile .v,.lang-cockpit .ci-stat-v,.lang-cockpit .lb-row .xp,.lang-cockpit .tt-num,.lang-cockpit .pomo-time,.lang-cockpit .freq-tile .ft-rank{font-variant-numeric:tabular-nums}.lang-cockpit .card,.lang-cockpit .bg-elev-1{background-clip:padding-box}.lang-cockpit .sep{color:var(--fg-4)}.lang-cockpit .card:focus-within{border-color:#f9731666}.lang-cockpit .prose,.lang-cockpit .passage .body,.lang-cockpit .write-area{scrollbar-color:var(--border-h) transparent;scrollbar-width:thin}.lang-cockpit .lang-card{transition:transform .2s cubic-bezier(.3,.7,.4,1),border-color .22s,box-shadow .22s}.lang-cockpit .lang-card:hover{box-shadow:0 12px 28px #00000059, 0 0 0 1px var(--lc-color)}.lang-cockpit .help-modal{max-width:480px}.lang-cockpit .help-list{max-height:60vh;padding:6px 18px 18px;overflow-y:auto}.lang-cockpit .help-group{margin-top:14px}.lang-cockpit .help-sec{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-size:9px}.lang-cockpit .help-row{align-items:center;gap:12px;padding:8px 0;display:flex}.lang-cockpit .help-keys{flex:none;gap:4px;min-width:90px;display:flex}.lang-cockpit .help-name{color:var(--fg-2);flex:1;font-size:13.5px}.lang-cockpit .mini-burst{pointer-events:none;width:60px;height:60px;position:relative}.lang-cockpit .mini-burst .spark{background:var(--burst-c,var(--orange));transform-origin:0 0;border-radius:99px;width:6px;height:6px;animation:.7s cubic-bezier(.3,.7,.4,1) forwards burst-out;position:absolute;top:50%;left:50%}@keyframes burst-out{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--bx,30px), var(--by,-20px)) scale(0);opacity:0}}.lang-cockpit .countup{animation:.6s cubic-bezier(.3,.7,.4,1.5) countup-pop;display:inline-block}@keyframes countup-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.lang-cockpit .quest-row.just-done{animation:1.2s cubic-bezier(.3,.7,.4,1) quest-flash}@keyframes quest-flash{0%,to{background:var(--bg-elev-2)}20%{background:var(--emerald-soft);box-shadow:0 0 0 2px #10b98166}60%{background:var(--emerald-soft)}}.lang-cockpit .complete .ctile .v{animation:.6s cubic-bezier(.3,.7,.4,1.5) both countup-pop;transform:scale(1)}.lang-cockpit .complete .ctile:first-child .v{animation-delay:40ms}.lang-cockpit .complete .ctile:nth-child(2) .v{animation-delay:.12s}.lang-cockpit .complete .ctile:nth-child(3) .v{animation-delay:.24s}.lang-cockpit .complete .ctile:nth-child(4) .v{animation-delay:.36s}.lang-cockpit .topbar .hud-pill{animation:.32s cubic-bezier(.3,.7,.4,1) hud-fade-in}@keyframes hud-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit{background:radial-gradient(1100px 600px at 78% -10%, #f973160f, transparent 60%), radial-gradient(900px 700px at -10% 90%, #6366f10d, transparent 55%), linear-gradient(to bottom, var(--bg), #08111e 100%)}.lang-cockpit .topbar{box-shadow:0 6px 18px #0000002e}.lang-cockpit .tabbar{box-shadow:0 -6px 18px #0000002e}.lang-cockpit .signin-input,.lang-cockpit .write-area,.lang-cockpit .study-input{border-width:1.5px;border-color:var(--border-h)}.lang-cockpit .card.elev-2{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 18px 50px #00000080}.lang-cockpit .card{position:relative;overflow:hidden}.lang-cockpit .card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff06,#0000 50%);transition:opacity .28s;position:absolute;inset:0}.lang-cockpit .card:hover:before{opacity:1}.lang-cockpit .memory-strength .ms-spark .b{animation:.7s cubic-bezier(.3,.7,.4,1.2) backwards ms-bar-rise}.lang-cockpit .memory-strength .ms-spark .b:first-child{animation-delay:0s}.lang-cockpit .memory-strength .ms-spark .b:nth-child(2){animation-delay:60ms}.lang-cockpit .memory-strength .ms-spark .b:nth-child(3){animation-delay:.12s}.lang-cockpit .memory-strength .ms-spark .b:nth-child(4){animation-delay:.18s}.lang-cockpit .memory-strength .ms-spark .b:nth-child(5){animation-delay:.24s}.lang-cockpit .memory-strength .ms-spark .b:nth-child(6){animation-delay:.3s}.lang-cockpit .memory-strength .ms-spark .b:nth-child(7){animation-delay:.36s}@keyframes ms-bar-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:var(--bar-op,.7);transform:scaleY(1)}}.lang-cockpit .memory-strength .ms-spark .b{transform-origin:bottom}.lang-cockpit .memory-strength .ms-pip{transition:background .28s,box-shadow .28s}.lang-cockpit .memory-strength .ms-pip.on{animation:.42s cubic-bezier(.3,.7,.4,1.4) ms-pip-in}@keyframes ms-pip-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.lang-cockpit .memory-strength .ms-pip{transform-origin:0}.lang-cockpit .boss-hp .fill{transition:width .6s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .boss-hp .fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:2.4s ease-in-out infinite hp-shine;position:absolute;inset:0}.lang-cockpit .boss-hp{position:relative}.lang-cockpit .boss-hp .fill{position:relative;overflow:hidden}@keyframes hp-shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.lang-cockpit .boss-hearts .heart:not(.empty):last-of-type{animation:1.6s ease-in-out infinite heart-beat}@keyframes heart-beat{0%,to{transform:scale(1)}20%{transform:scale(1.12)}}.lang-cockpit .timer-ring.urgent{animation:.7s ease-in-out infinite timer-shake}@keyframes timer-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.lang-cockpit .combo-stripe .combo b{animation:.32s cubic-bezier(.3,.7,.4,1.6) combo-pop;display:inline-block}@keyframes combo-pop{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}.lang-cockpit .langgrid .lang-card{animation:.42s cubic-bezier(.3,.7,.4,1) backwards lang-card-in}.lang-cockpit .langgrid .lang-card:first-child{animation-delay:0s}.lang-cockpit .langgrid .lang-card:nth-child(2){animation-delay:40ms}.lang-cockpit .langgrid .lang-card:nth-child(3){animation-delay:80ms}.lang-cockpit .langgrid .lang-card:nth-child(4){animation-delay:.12s}.lang-cockpit .langgrid .lang-card:nth-child(5){animation-delay:.16s}.lang-cockpit .langgrid .lang-card:nth-child(6){animation-delay:.2s}.lang-cockpit .langgrid .lang-card:nth-child(7){animation-delay:.24s}@keyframes lang-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .antrean .a-row{animation:.38s cubic-bezier(.3,.7,.4,1) backwards antrean-row-in}.lang-cockpit .antrean .a-row:first-child{animation-delay:0s}.lang-cockpit .antrean .a-row:nth-child(2){animation-delay:40ms}.lang-cockpit .antrean .a-row:nth-child(3){animation-delay:80ms}.lang-cockpit .antrean .a-row:nth-child(4){animation-delay:.12s}.lang-cockpit .antrean .a-row:nth-child(5){animation-delay:.16s}.lang-cockpit .antrean .a-row:nth-child(6){animation-delay:.2s}.lang-cockpit .antrean .a-row:nth-child(7){animation-delay:.24s}@keyframes antrean-row-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.lang-cockpit .kurikulum .k-item{animation:.36s cubic-bezier(.3,.7,.4,1) backwards kuri-in}.lang-cockpit .kurikulum .k-item:first-of-type{animation-delay:0s}.lang-cockpit .kurikulum .k-item:nth-of-type(2){animation-delay:50ms}.lang-cockpit .kurikulum .k-item:nth-of-type(3){animation-delay:.1s}.lang-cockpit .kurikulum .k-item:nth-of-type(4){animation-delay:.15s}.lang-cockpit .kurikulum .k-item:nth-of-type(5){animation-delay:.2s}@keyframes kuri-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.lang-cockpit .achievements .ach{animation:.42s cubic-bezier(.3,.7,.4,1.4) backwards ach-in}.lang-cockpit .achievements .ach:nth-child(odd){animation-delay:0s}.lang-cockpit .achievements .ach:nth-child(2n){animation-delay:60ms}.lang-cockpit .achievements .ach.earned{animation-delay:0s}@keyframes ach-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.lang-cockpit .skillgrid .skill-card,.lang-cockpit .modegrid .modecard{animation:.38s cubic-bezier(.3,.7,.4,1) backwards card-pop-in}.lang-cockpit .skillgrid .skill-card:first-child,.lang-cockpit .modegrid .modecard:first-child{animation-delay:0s}.lang-cockpit .skillgrid .skill-card:nth-child(2),.lang-cockpit .modegrid .modecard:nth-child(2){animation-delay:40ms}.lang-cockpit .skillgrid .skill-card:nth-child(3),.lang-cockpit .modegrid .modecard:nth-child(3){animation-delay:80ms}.lang-cockpit .skillgrid .skill-card:nth-child(4),.lang-cockpit .modegrid .modecard:nth-child(4){animation-delay:.12s}.lang-cockpit .skillgrid .skill-card:nth-child(5),.lang-cockpit .modegrid .modecard:nth-child(5){animation-delay:.16s}.lang-cockpit .skillgrid .skill-card:nth-child(6),.lang-cockpit .modegrid .modecard:nth-child(6){animation-delay:.2s}.lang-cockpit .skillgrid .skill-card:nth-child(7),.lang-cockpit .modegrid .modecard:nth-child(7){animation-delay:.24s}.lang-cockpit .skillgrid .skill-card:nth-child(8),.lang-cockpit .modegrid .modecard:nth-child(8){animation-delay:.28s}@keyframes card-pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-cockpit .row3 .card .section-label:after,.lang-cockpit .card.padded .section-label:after{max-width:240px}.lang-cockpit .hari-card{animation:.42s cubic-bezier(.3,.7,.4,1) backwards hari-rise}.lang-cockpit .lanjut-card{animation:.46s cubic-bezier(.3,.7,.4,1) 80ms backwards hari-rise}@keyframes hari-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .banner{animation:.38s cubic-bezier(.3,.7,.4,1) backwards banner-down}@keyframes banner-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .heatmap .heat-cell{animation:.24s ease-out backwards heat-fade-in}.lang-cockpit .heatmap .heat-cell:first-child{animation-delay:0s}.lang-cockpit .heatmap .heat-cell:nth-child(5){animation-delay:30ms}.lang-cockpit .heatmap .heat-cell:nth-child(10){animation-delay:60ms}.lang-cockpit .heatmap .heat-cell:nth-child(15){animation-delay:90ms}.lang-cockpit .heatmap .heat-cell:nth-child(20){animation-delay:.12s}.lang-cockpit .heatmap .heat-cell:nth-child(25){animation-delay:.15s}.lang-cockpit .heatmap .heat-cell:nth-child(30){animation-delay:.18s}@keyframes heat-fade-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.lang-cockpit .cockpit>*{animation:.48s cubic-bezier(.3,.7,.4,1) backwards cockpit-in}.lang-cockpit .cockpit>:first-child{animation-delay:0s}.lang-cockpit .cockpit>:nth-child(2){animation-delay:80ms}.lang-cockpit .cockpit>:nth-child(3){animation-delay:.16s}@keyframes cockpit-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .stats-row .stat-tile{animation:.38s cubic-bezier(.3,.7,.4,1.2) backwards stat-up}.lang-cockpit .stats-row .stat-tile:first-child{animation-delay:40ms}.lang-cockpit .stats-row .stat-tile:nth-child(2){animation-delay:.1s}.lang-cockpit .stats-row .stat-tile:nth-child(3){animation-delay:.16s}.lang-cockpit .stats-row .stat-tile:nth-child(4){animation-delay:.22s}@keyframes stat-up{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-cockpit .flashcard .fc-meaning{animation:.56s cubic-bezier(.3,.7,.4,1.5) 80ms backwards meaning-land}.lang-cockpit .flashcard .fc-meaning b{display:inline-block;position:relative}.lang-cockpit .flashcard .fc-meaning b:after{content:"";background:var(--orange-soft,#f9731629);transform-origin:0;z-index:-1;border-radius:4px;height:38%;animation:.46s cubic-bezier(.3,.7,.4,1) .36s forwards meaning-underline;position:absolute;bottom:-2px;left:-8%;right:-8%;transform:scaleX(0)}@keyframes meaning-land{0%{opacity:0;filter:blur(3px);transform:translateY(6px)scale(.86)}55%{opacity:1;filter:blur();transform:translateY(0)scale(1.08)}to{transform:translateY(0)scale(1)}}@keyframes meaning-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.lang-cockpit .flashcard .fc-meaning{animation:none}.lang-cockpit .flashcard .fc-meaning b:after{animation:none;transform:scaleX(1)}}.lang-cockpit .flashcard .fc-glyph{animation:.48s cubic-bezier(.3,.7,.4,1) backwards glyph-in}@keyframes glyph-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.lang-cockpit .flashcard .fc-reading{animation:.32s cubic-bezier(.3,.7,.4,1) backwards reading-in}@keyframes reading-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-cockpit .srs-buttons .btn{animation:.32s cubic-bezier(.3,.7,.4,1.3) backwards srs-btn-in}.lang-cockpit .srs-buttons .btn:first-child{animation-delay:60ms}.lang-cockpit .srs-buttons .btn:nth-child(2){animation-delay:.12s}.lang-cockpit .srs-buttons .btn:nth-child(3){animation-delay:.18s}.lang-cockpit .srs-buttons .btn:nth-child(4){animation-delay:.24s}@keyframes srs-btn-in{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-cockpit .opt.wrong,.lang-cockpit .tone-opt.wrong,.lang-cockpit .boss-opt.wrong,.lang-cockpit .q-opt[style*=rose]{animation:.28s cubic-bezier(.36,.07,.19,.97) opt-shake}@keyframes opt-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.lang-cockpit .opt.correct,.lang-cockpit .tone-opt.correct,.lang-cockpit .boss-opt.correct{animation:.36s cubic-bezier(.3,.7,.4,1.4) opt-correct}@keyframes opt-correct{0%{transform:scale(1)}40%{transform:scale(1.04);box-shadow:0 0 0 6px #10b9812e}to{transform:scale(1)}}.lang-cockpit .btn{isolation:isolate}.lang-cockpit .btn:active .btn-front:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#fff6,#0000 50%);animation:.36s ease-out btn-ripple;position:absolute;inset:0}.lang-cockpit .btn .btn-front{position:relative;overflow:hidden}@keyframes btn-ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.lang-cockpit .shop-item .rarity.legendary,.lang-cockpit .ach-tile .rarity.legendary{animation:3s ease-in-out infinite legendary-shimmer}@keyframes legendary-shimmer{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px 1px #f59e0b80}}.lang-cockpit .ach.earned{animation:4s ease-in-out infinite ach-breathe}@keyframes ach-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lang-cockpit .section-label .meta{font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.lang-cockpit .card h3,.lang-cockpit .card h2,.lang-cockpit .card h1{transition:color .22s}.lang-cockpit .banner .b-icon{transition:transform .28s cubic-bezier(.3,.7,.4,1)}.lang-cockpit .banner:hover .b-icon{transform:rotate(-8deg)scale(1.08)}@media (prefers-reduced-motion:reduce){.lang-cockpit *,.lang-cockpit :before,.lang-cockpit :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.lang-cockpit .page{animation:none}}.lang-cockpit button:focus-visible,.lang-cockpit a:focus-visible,.lang-cockpit input:focus-visible,.lang-cockpit textarea:focus-visible,.lang-cockpit [role=button]:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:6px}.lang-cockpit ::selection{color:#fff;background:#f9731666}.lang-cockpit .chip{height:24px;padding:0 10px;line-height:1.2}.lang-cockpit .chip.lg{height:28px;padding:0 12px}.lang-cockpit .chip svg{flex:none}.lang-cockpit .card.padded{padding:22px 24px}@media (width<=768px){.lang-cockpit .card.padded{padding:18px}.lang-cockpit .card{padding:16px 18px}}.lang-cockpit{scroll-behavior:smooth}.lang-cockpit .signin-input:focus,.lang-cockpit .write-area:focus,.lang-cockpit .study-input:focus{outline:none;box-shadow:0 0 0 3px #f973162e}.lang-cockpit .tw-reset-btn{background:var(--rose-soft);width:100%;color:var(--rose);cursor:pointer;border:1px solid #f43f5e4d;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.lang-cockpit .tw-reset-btn:hover{background:#f43f5e2e}.lang-cockpit .session-xp{font-family:var(--font-mono);color:var(--violet);background:var(--violet-soft);white-space:nowrap;border:1px solid #a78bfa4d;border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:800;animation:.32s cubic-bezier(.3,.7,.4,1.4) session-xp-pop;display:inline-flex}@keyframes session-xp-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (hover:none){.lang-cockpit button,.lang-cockpit .btn,.lang-cockpit [role=button]{min-height:40px}.lang-cockpit .iconbtn{width:40px;height:40px}}.lang-cockpit .topbar .hud-pill,.lang-cockpit .langgrid .lang-card,.lang-cockpit .antrean .a-row,.lang-cockpit .kurikulum .k-item,.lang-cockpit .achievements .ach,.lang-cockpit .skillgrid .skill-card,.lang-cockpit .modegrid .modecard,.lang-cockpit .hari-card,.lang-cockpit .lanjut-card,.lang-cockpit .banner,.lang-cockpit .heatmap .heat-cell,.lang-cockpit .cockpit>*,.lang-cockpit .stats-row .stat-tile,.lang-cockpit .row3>.card,.lang-cockpit .flashcard .fc-glyph,.lang-cockpit .flashcard .fc-reading{animation:none!important}.lang-cockpit .page{animation:.2s ease-out page-in}@media (prefers-reduced-motion:reduce){.lang-cockpit .page{animation:none}}@media (pointer:coarse){.lang-cockpit .study-head .exit,.lang-cockpit .wrap-nav button{width:44px;height:44px}.lang-cockpit .star,.lang-cockpit .cd-del{width:40px;height:40px}.lang-cockpit .tweaks .tw-close{margin:-8px;padding:12px}.lang-cockpit .sub-bar a{padding:4px 0}.lang-cockpit .audio-test,.lang-cockpit .sh-loop,.lang-cockpit .sh-rec,.lang-cockpit .rec-play,.lang-cockpit .phrase-audio{min-width:40px;min-height:40px}}@media (prefers-reduced-motion:reduce){.lang-cockpit .confetti .piece,.lang-cockpit .pet-figure,.lang-cockpit .pet-figure.idle,.lang-cockpit .pet-figure.happy,.lang-cockpit .banner .b-icon,.lang-cockpit .skel,.lang-cockpit .audio-pulse,.lang-cockpit .live-meter .bar,.lang-cockpit .breathing-orb .ring,.lang-cockpit .ach.earned{animation:none!important}.lang-cockpit .confetti .piece{opacity:0}}.lang-cockpit .jalur-hero{margin-top:14px}.lang-cockpit .jh-top{align-items:center;gap:16px;display:flex}.lang-cockpit .jh-glyph{border-radius:var(--radius-xl);background:var(--orange-soft);width:72px;height:72px;color:var(--orange);border:1px solid #f973164d;flex:none;place-items:center;font-size:30px;font-weight:800;display:grid}.lang-cockpit .jh-glyph.ja{font-family:"Noto Sans JP", var(--font-sans)}.lang-cockpit .jh-glyph.zh{font-family:"Noto Sans SC", var(--font-sans)}.lang-cockpit .jh-glyph.ar{font-family:Noto Naskh Arabic,serif}.lang-cockpit .jh-body{min-width:0}.lang-cockpit .jh-title{letter-spacing:-.02em;margin:6px 0 4px;font-size:clamp(20px,2.4vw,27px);font-weight:800;line-height:1.15}.lang-cockpit .jh-sub{color:var(--fg-3);margin:0;font-size:13.5px;line-height:1.5}.lang-cockpit .jh-foot{border-top:1px solid var(--border);align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.lang-cockpit .jh-stat{align-items:baseline;gap:6px;display:flex}.lang-cockpit .jh-stat b{font-size:22px;font-weight:800;font-family:var(--font-mono);color:var(--fg)}.lang-cockpit .jh-stat span{color:var(--fg-3);font-size:12.5px}.lang-cockpit .jh-foot .btn{margin-left:auto}.lang-cockpit .jh-hint{color:var(--fg-3);align-items:center;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.lang-cockpit .jalur{margin-top:6px}.lang-cockpit .jalur-unit{margin-bottom:30px}.lang-cockpit .ju-banner{border-radius:var(--radius-lg);background:var(--bg-elev-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);top:calc(var(--top) + 6px);z-index:4;align-items:center;gap:14px;padding:14px 16px;display:flex;position:sticky}.lang-cockpit .ju-badge{border-radius:var(--radius-md);width:42px;height:42px;font-family:var(--font-mono);background:var(--jc-soft,var(--orange-soft));color:var(--jc,var(--orange));border:1px solid var(--jc,var(--orange));flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.lang-cockpit .ju-meta{flex:1;min-width:0}.lang-cockpit .ju-title{letter-spacing:-.01em;font-size:15px;font-weight:800}.lang-cockpit .ju-sub{color:var(--fg-3);margin-top:1px;font-size:12.5px}.lang-cockpit .ju-prog{flex-direction:column;flex:0 0 130px;gap:5px;display:flex}.lang-cockpit .ju-pct{font-family:var(--font-mono);color:var(--fg-2);text-align:right;font-size:11.5px;font-weight:700}.lang-cockpit [data-color=rose]{--jc:var(--rose);--jc-edge:var(--rose-edge);--jc-soft:var(--rose-soft)}.lang-cockpit [data-color=orange]{--jc:var(--orange);--jc-edge:var(--orange-edge);--jc-soft:var(--orange-soft)}.lang-cockpit [data-color=amber]{--jc:var(--amber);--jc-edge:var(--amber-edge);--jc-soft:var(--amber-soft)}.lang-cockpit [data-color=emerald]{--jc:var(--emerald);--jc-edge:var(--emerald-edge);--jc-soft:var(--emerald-soft)}.lang-cockpit [data-color=sky]{--jc:var(--sky);--jc-edge:var(--sky-edge);--jc-soft:var(--sky-soft)}.lang-cockpit [data-color=violet]{--jc:var(--violet);--jc-edge:var(--violet-edge);--jc-soft:var(--violet-soft)}.lang-cockpit .ju-track{flex-direction:column;align-items:center;gap:18px;padding:22px 0 6px;display:flex;position:relative}.lang-cockpit .ju-spine{background:repeating-linear-gradient(var(--border-h) 0 7px, transparent 7px 14px);z-index:0;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.lang-cockpit .jn-wrap{z-index:1;transform:translateX(var(--jn-x,0));flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.lang-cockpit .jn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.lang-cockpit .jn:disabled{cursor:not-allowed}.lang-cockpit .jn-disc{border-radius:var(--radius-full);background:var(--bg-elev-2);border:1px solid var(--border-h);width:60px;height:60px;color:var(--fg-3);box-shadow:0 4px 0 var(--bg-elev-3);transition:transform var(--dur-tap) var(--ease-push), box-shadow var(--dur-tap) var(--ease-push);place-items:center;display:grid}.lang-cockpit .jn.checkpoint .jn-disc{border-radius:var(--radius-lg);width:66px;height:66px}.lang-cockpit .jn:not(:disabled):active .jn-disc{box-shadow:0 1px 0 var(--bg-elev-3);transform:translateY(3px)}.lang-cockpit .jn.available .jn-disc{background:var(--bg-elev-1);border-color:var(--jc,var(--border-hi));color:var(--jc,var(--fg-2));box-shadow:0 4px 0 var(--jc-soft)}.lang-cockpit .jn.current .jn-disc{background:var(--jc);border-color:var(--jc-edge);color:#fff;box-shadow:0 5px 0 var(--jc-edge), 0 0 0 6px var(--jc-soft);animation:jnPulse 1.8s var(--ease-push) infinite}@keyframes jnPulse{0%,to{box-shadow:0 5px 0 var(--jc-edge), 0 0 0 5px var(--jc-soft)}50%{box-shadow:0 5px 0 var(--jc-edge), 0 0 0 11px transparent}}.lang-cockpit .jn-pill{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;background:var(--jc);border:1px solid var(--jc-edge);border-radius:var(--radius-full);white-space:nowrap;padding:3px 7px;font-size:7px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lang-cockpit .jn.completed .jn-disc{background:var(--jc);border-color:var(--jc-edge);color:#fff;box-shadow:0 4px 0 var(--jc-edge)}.lang-cockpit .jn.locked .jn-disc{background:var(--bg-elev-1);border-color:var(--border);color:var(--fg-dim);box-shadow:0 4px 0 var(--bg-elev-2);opacity:.7}.lang-cockpit .jn-star{color:var(--amber);filter:drop-shadow(0 1px 1px #0000004d);place-items:center;display:grid;position:absolute;top:-6px;right:-4px}.lang-cockpit .jn-label{text-align:center;max-width:150px;color:var(--fg-2);font-size:12px;font-weight:600;line-height:1.3}.lang-cockpit .jn.locked .jn-label{color:var(--fg-4);font-weight:500}.lang-cockpit .jn-meta{color:var(--fg-4);font-size:10.5px;font-family:var(--font-mono)}@media (width<=560px){.lang-cockpit .jh-glyph{width:60px;height:60px;font-size:26px}.lang-cockpit .ju-prog{flex-basis:96px}.lang-cockpit .jn-wrap{transform:translateX(calc(var(--jn-x,0) * .6))}}@media (prefers-reduced-motion:reduce){.lang-cockpit .jn.current .jn-disc{animation:none}}