@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800;900&display=swap";.adm-root{--bg:#f4f4f7;--surface:#fff;--surface-2:#fafafc;--border:#ececf0;--border-strong:#dcdce3;--ink:#16161c;--ink-2:#3a3a44;--muted:#8a8a94;--muted-2:#b4b4be;--purple:#7c3aed;--purple-soft:#ede9fe;--purple-ink:#5b21b6;--green:#16a34a;--green-soft:#dcfce7;--green-ink:#14532d;--red:#ef4444;--red-soft:#fee2e2;--red-ink:#991b1b;--orange:#f97316;--orange-soft:#ffedd5;--orange-ink:#9a3412;--blue:#0ea5e9;--blue-soft:#e0f2fe;--blue-ink:#075985;--yellow:#facc15;--yellow-soft:#fef9c3;--shadow-sm:0 1px 2px #14141e0d;--shadow:0 2px 8px #14141e0f, 0 1px 2px #14141e0a;--shadow-lg:0 20px 50px #14141e2e, 0 4px 12px #14141e14;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:26px;background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-columns:248px 1fr;font-family:Nunito,system-ui,sans-serif;font-weight:600;display:grid}.adm-root *{box-sizing:border-box}.adm-root h1,.adm-root h2,.adm-root h3,.adm-root h4{letter-spacing:-.01em;margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800}.adm-root button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit;font-weight:700}.adm-root input,.adm-root select,.adm-root textarea{color:inherit;font-family:inherit;font-weight:600}.adm-root .adm-login-screen{background:linear-gradient(135deg,#f5f3ff 0%,#fafafc 50%,#eef9f1 100%);grid-column:1/-1;justify-content:center;align-items:center;min-height:100vh;display:flex}.adm-root .adm-login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(400px,92vw);box-shadow:var(--shadow-lg);padding:40px}.adm-root .adm-login-logo{text-align:center;margin-bottom:28px}.adm-root .adm-login-logo .mark{letter-spacing:-.02em;font-family:"Baloo 2";font-size:36px;font-weight:800}.adm-root .adm-login-logo .mark .a{color:#16161c}.adm-root .adm-login-logo .mark .b{color:var(--green)}.adm-root .adm-login-logo .pill{color:var(--purple-ink);background:var(--purple-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.adm-root .adm-login-error{background:var(--red-soft);color:var(--red-ink);border-radius:var(--r);text-align:center;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:800}.adm-root .adm-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.adm-root .adm-logo{align-items:center;gap:10px;padding:6px 10px 14px;display:flex}.adm-root .adm-logo .mark{letter-spacing:-.02em;font-family:"Baloo 2";font-size:26px;font-weight:800}.adm-root .adm-logo .mark .a{color:#16161c}.adm-root .adm-logo .mark .b{color:var(--green)}.adm-root .adm-logo .pill{color:var(--purple-ink);background:var(--purple-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.adm-root .adm-nav-section{color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;padding:14px 14px 6px;font-size:11px;font-weight:800}.adm-root .adm-nav-item{color:var(--ink-2);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:700;transition:background .12s,color .12s;display:flex}.adm-root .adm-nav-item:hover{color:var(--ink);background:#f4f4f7}.adm-root .adm-nav-item .icon{text-align:center;width:22px;font-size:18px}.adm-root .adm-nav-item .count{color:var(--muted);background:#eeeef2;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:800}.adm-root .adm-nav-item.active{background:var(--purple-soft);color:var(--purple-ink)}.adm-root .adm-nav-item.active .count{color:var(--purple-ink);background:#fff}.adm-root .adm-sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.adm-root .adm-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.adm-root .adm-who{flex-direction:column;min-width:0;line-height:1.15;display:flex}.adm-root .adm-who .n{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.adm-root .adm-who .e{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.adm-root>main{min-width:0;padding:26px 30px 60px}.adm-root .adm-topbar{align-items:center;gap:14px;margin-bottom:22px;display:flex}.adm-root .adm-topbar h1{font-size:30px}.adm-root .adm-topbar .crumb{color:var(--muted);font-size:13px;font-weight:700}.adm-root .adm-topbar .spacer{flex:1}.adm-root .adm-search{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;min-width:280px;padding:9px 14px;display:flex}.adm-root .adm-search input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.adm-root .adm-search .k{color:var(--muted-2);background:#f0f0f4;border-radius:5px;padding:2px 6px;font-size:11px}.adm-root .btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:800;transition:transform 60ms,background .12s,border-color .12s;display:inline-flex}.adm-root .btn:active{transform:translateY(1px)}.adm-root .btn.primary{background:var(--purple);color:#fff;box-shadow:0 4px #5b21b6}.adm-root .btn.primary:hover{background:#6d28d9}.adm-root .btn.ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.adm-root .btn.ghost:hover{border-color:var(--border-strong);background:#fff}.adm-root .btn.success{background:var(--green);color:#fff;box-shadow:0 4px #14532d}.adm-root .btn.success:hover{background:#15803d}.adm-root .btn.danger{background:var(--red);color:#fff;box-shadow:0 4px #991b1b}.adm-root .btn.danger:hover{background:#dc2626}.adm-root .btn.warn{background:var(--orange);color:#fff;box-shadow:0 4px #9a3412}.adm-root .btn.sm{border-radius:10px;padding:6px 11px;font-size:12.5px;box-shadow:none!important}.adm-root .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.adm-root .adm-grid{gap:18px;display:grid}.adm-root .adm-grid.kpi{grid-template-columns:repeat(4,1fr)}.adm-root .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.adm-root .card.kpi{flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.adm-root .card.kpi .badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:11px;font-weight:800}.adm-root .card.kpi .v{letter-spacing:-.02em;font-family:"Baloo 2";font-size:34px;font-weight:800;line-height:1}.adm-root .card.kpi .l{color:var(--muted);font-size:13px;font-weight:700}.adm-root .card.kpi .d{align-items:center;gap:6px;margin-top:2px;font-size:12.5px;font-weight:800;display:flex}.adm-root .card.kpi .d.up{color:var(--green)}.adm-root .card.kpi .d.down{color:var(--red)}.adm-root .card.kpi .emoji{opacity:.95;font-size:30px;position:absolute;top:14px;right:14px}.adm-root .section-head{align-items:center;gap:12px;margin:6px 0 12px;display:flex}.adm-root .section-head h2{font-size:20px}.adm-root .section-head .sub{color:var(--muted);font-size:13px;font-weight:700}.adm-root .section-head .spacer{flex:1}.adm-root .filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.adm-root .chip{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:800;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.adm-root .chip:hover{border-color:var(--border-strong)}.adm-root .chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.adm-root .chip .n{background:#ffffff2e;border-radius:999px;padding:1px 7px;font-size:11px}.adm-root .chip:not(.active) .n{color:var(--muted);background:#eeeef2}.adm-root .table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.adm-root table{border-collapse:collapse;width:100%}.adm-root thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--surface-2);padding:14px 18px;font-size:11.5px;font-weight:800}.adm-root tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px;font-size:14px}.adm-root tbody tr:last-child td{border-bottom:0}.adm-root tbody tr{transition:background .1s}.adm-root tbody tr:hover{cursor:pointer;background:#fafafc}.adm-root .cell-user{align-items:center;gap:12px;min-width:0;display:flex}.adm-root .cell-user .a{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.adm-root .cell-user .info{min-width:0}.adm-root .cell-user .info .n{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.adm-root .cell-user .info .e{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.adm-root .adm-status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.adm-root .adm-status .dot{border-radius:50%;width:7px;height:7px}.adm-root .adm-status.active{background:var(--green-soft);color:var(--green-ink)}.adm-root .adm-status.active .dot{background:var(--green)}.adm-root .adm-status.trial{background:var(--blue-soft);color:var(--blue-ink)}.adm-root .adm-status.trial .dot{background:var(--blue)}.adm-root .adm-status.canceled{color:#6c6c78;background:#f0f0f4}.adm-root .adm-status.canceled .dot{background:#a0a0aa}.adm-root .adm-status.expired{background:var(--red-soft);color:var(--red-ink)}.adm-root .adm-status.expired .dot{background:var(--red)}.adm-root .adm-status.past_due{background:var(--orange-soft);color:var(--orange-ink)}.adm-root .adm-status.past_due .dot{background:var(--orange)}.adm-root .adm-status.banned{color:#fff;background:#1f1f28}.adm-root .adm-status.banned .dot{background:#fff}.adm-root .adm-status.free{color:#6c6c78;background:#f0f0f4}.adm-root .adm-status.free .dot{background:#a0a0aa}.adm-root .plan-tag{color:var(--ink-2);background:#f0f0f4;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.adm-root .plan-tag.premium{color:#8a6d00;background:#fdf4d3}.adm-root .plan-tag.anual{color:#1e3a8a;background:#e6f0fe}.adm-root .plan-tag.mensal{color:#5b21b6;background:#ede9fe}.adm-root .plan-tag.free{color:#6c6c78;background:#f0f0f4}.adm-root .row-actions{justify-content:flex-end;gap:6px;display:flex}.adm-root .icon-btn{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.adm-root .icon-btn:hover{color:var(--ink);border-color:var(--border);background:#f4f4f7}.adm-root .pagination{border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:14px 18px;display:flex}.adm-root .pagination .info{color:var(--muted);font-size:13px;font-weight:700}.adm-root .pagination .spacer{flex:1}.adm-root .page-btn{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.adm-root .page-btn:hover{border-color:var(--border-strong)}.adm-root .page-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.adm-root .page-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes adm-fade{0%{opacity:0}to{opacity:1}}@keyframes adm-slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes adm-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.adm-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#14141e73;animation:.15s both adm-fade;position:fixed;inset:0}.adm-drawer{background:var(--surface);z-index:50;width:min(560px,100vw);height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s both adm-slideIn;display:flex;position:fixed;top:0;right:0}.adm-drawer header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 24px;display:flex}.adm-drawer header h2{margin:0;font-family:"Baloo 2";font-size:20px;font-weight:800}.adm-drawer .body{flex-direction:column;flex:1;gap:22px;padding:22px 24px 28px;display:flex;overflow:auto}.adm-drawer .x{width:36px;height:36px;color:var(--ink-2);background:#f4f4f7;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:18px;display:inline-flex}.adm-drawer .x:hover{background:#eeeef2}.adm-user-hero{border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff,#fef3f2);align-items:center;gap:18px;padding:22px;display:flex}.adm-user-hero .a{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:flex}.adm-user-hero h3{margin:0;font-family:"Baloo 2";font-size:22px;font-weight:800}.adm-user-hero .e{color:var(--ink-2);font-size:13.5px;font-weight:700}.adm-user-hero .meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.adm-root .field{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 0;font-size:14px;display:flex}.adm-root .field:last-child{border-bottom:0}.adm-root .field .l{color:var(--muted);font-weight:700}.adm-root .field .v{color:var(--ink);font-weight:800}.adm-root .actions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.adm-root .action{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .12s,background .12s;display:flex}.adm-root .action:hover{border-color:var(--border-strong);background:var(--surface-2)}.adm-root .action .emo{font-size:22px;line-height:1}.adm-root .action .t{color:var(--ink);font-size:14px;font-weight:800}.adm-root .action .s{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600;line-height:1.35}.adm-root .action.danger:hover{background:#fff5f5;border-color:#fecaca}.adm-root .action.danger .t{color:var(--red-ink)}.adm-modal{z-index:60;background:var(--surface);border-radius:var(--r-xl);width:min(440px,90vw);box-shadow:var(--shadow-lg);padding:26px;animation:.14s both adm-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-modal h3{text-align:center;margin-bottom:6px;font-family:"Baloo 2";font-size:22px;font-weight:800}.adm-modal p{color:var(--ink-2);text-align:center;margin:0 0 18px;font-size:14px;font-weight:600;line-height:1.5}.adm-modal .emo-big{text-align:center;margin-bottom:8px;font-size:48px;display:block}.adm-modal .row{gap:10px;margin-top:6px;display:flex}.adm-modal .row>*{flex:1;justify-content:center}.adm-modal textarea,.adm-modal input,.adm-modal select{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;outline:0;width:100%;padding:11px 14px;font-size:14px}.adm-modal label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 6px;font-size:12px;font-weight:800;display:block}.adm-toasts{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.adm-toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:800;animation:.14s both adm-pop;display:flex}.adm-toast.success{background:#16a34a}.adm-toast.danger{background:#dc2626}.adm-root .chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}.adm-root .chart{width:100%;height:220px}.adm-root .activity{flex-direction:column;gap:0;display:flex}.adm-root .act{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.adm-root .act:last-child{border-bottom:0}.adm-root .act .e{font-size:20px}.adm-root .act .t{color:var(--ink-2);font-size:13.5px;font-weight:700;line-height:1.4}.adm-root .act .t b{color:var(--ink)}.adm-root .act .ts{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:700}.adm-root .adm-tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.adm-root .adm-tab{color:var(--muted);cursor:pointer;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:800}.adm-root .adm-tab.active{background:var(--ink);color:#fff}.adm-root .adm-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.adm-root .adm-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);text-align:center;padding:12px}.adm-root .adm-stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:800}.adm-root .adm-stat .v{font-family:"Baloo 2";font-size:20px;font-weight:800}.adm-root .adm-muted{color:var(--muted);font-weight:700}.adm-root .adm-row{align-items:center;gap:10px;display:flex}.adm-loading{justify-content:center;align-items:center;min-height:100vh;font-size:40px;display:flex}@media (width<=1100px){.adm-root .adm-grid.kpi{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.adm-root{grid-template-columns:1fr}.adm-root .adm-sidebar{z-index:90;width:248px;transition:left .2s;position:fixed;left:-260px}.adm-root .adm-sidebar.open{left:0}.adm-root>main{padding:18px}}:root{--bg:#fff;--bg-soft:#f7f8fa;--bg-muted:#eef0f3;--line:#e5e7eb;--line-2:#d4d7dd;--ink:#2b2d33;--ink-2:#6b6e76;--ink-3:#9ca0a8;--ink-4:#c2c5cc;--green:#22c55e;--green-dk:#15803d;--green-soft:#dcfce7;--red:#ef4444;--red-dk:#b91c1c;--red-soft:#fee2e2;--orange:#fb923c;--orange-dk:#c2410c;--orange-soft:#ffedd5;--cyan:#06b6d4;--cyan-dk:#0e7490;--cyan-soft:#cffafe;--violet:#8b5cf6;--violet-dk:#6d28d9;--violet-soft:#ede9fe;--yellow:#facc15;--yellow-dk:#b45309;--gold:#f59e0b;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--push:4px;--f-display:"Fredoka", system-ui, sans-serif;--f-ui:"Nunito", system-ui, sans-serif}[data-theme=dark]{--bg:#131418;--bg-soft:#1c1e24;--bg-muted:#25282f;--line:#2d3038;--line-2:#3a3e47;--ink:#f3f4f6;--ink-2:#b5b8c0;--ink-3:#8a8d96;--ink-4:#5a5d65;--green-soft:#1a3d2a;--red-soft:#3d1f1f;--orange-soft:#3d2917;--cyan-soft:#15323a;--violet-soft:#2d2247}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);margin:0;padding:0;font-size:16px;font-weight:600;line-height:1.45}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input{font-family:inherit}.shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=600px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:520px;min-height:100dvh}body{background:var(--bg-soft)}}.topbar{background:var(--bg);z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:16px 18px 14px;display:flex;position:sticky;top:0}.stat{font-family:var(--f-display);align-items:center;gap:5px;font-size:17px;font-weight:700;line-height:1;display:inline-flex}.stat-ico{filter:drop-shadow(0 1px #0000000a);font-size:22px;line-height:1}.stat.streak{color:var(--orange)}.stat.hearts{color:var(--red)}.stat.xp{color:var(--cyan)}.stat.lang{color:var(--ink);background:var(--bg-muted);border-radius:var(--r-pill);gap:6px;padding:4px 10px;font-size:14px}.stat.lang .stat-ico{font-size:16px}.push{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--green);box-shadow:0 var(--push) 0 0 var(--green-dk);border-radius:var(--r-md);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background .15s,opacity .15s;display:inline-flex}.push:active:not(:disabled){transform:translateY(var(--push));box-shadow:0 0 0 0 var(--green-dk)}.push:disabled{background:var(--bg-muted);box-shadow:0 var(--push) 0 0 var(--line-2);color:var(--ink-4);cursor:not-allowed}.push.red{background:var(--red);box-shadow:0 var(--push) 0 0 var(--red-dk)}.push.cyan{background:var(--cyan);box-shadow:0 var(--push) 0 0 var(--cyan-dk)}.push.violet{background:var(--violet);box-shadow:0 var(--push) 0 0 var(--violet-dk)}.push.orange{background:var(--orange);box-shadow:0 var(--push) 0 0 var(--orange-dk)}.push.ghost{background:var(--bg);color:var(--ink-2);box-shadow:0 var(--push) 0 0 var(--line-2);border:2px solid var(--line);text-transform:uppercase}.push.full{width:100%}.push.sm{--push:3px;min-height:40px;padding:10px 16px;font-size:13px}.home{flex-direction:column;gap:22px;padding:20px 18px 90px;display:flex}.home-input-bar{background:var(--bg);border-top:2px solid var(--line);z-index:15;align-items:center;gap:8px;width:100%;max-width:480px;padding:10px 18px 14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.home-input-bar .custom-input{flex:1;margin:0;padding:10px 14px;font-size:16px}.hero{background:linear-gradient(135deg, var(--violet-soft), var(--cyan-soft));border:2px solid var(--bg);outline:2px solid var(--violet-soft);border-radius:var(--r-xl);align-items:center;gap:14px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.hero-mascot{flex-shrink:0;font-size:56px;line-height:1;animation:4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}.hero-text{flex:1}.hero-title{font-family:var(--f-display);color:var(--violet-dk);margin:0 0 4px;font-size:21px;font-weight:700;line-height:1.15}.hero-sub{color:var(--violet-dk);opacity:.75;margin:0;font-size:14px;font-weight:600}.section-title{font-family:var(--f-display);align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:700;display:flex}.section-title .num{background:var(--bg-muted);color:var(--ink-2);border-radius:var(--r-pill);font-size:12px;font-family:var(--f-ui);padding:3px 8px;font-weight:700}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{border-radius:var(--r-lg);text-align:left;color:#fff;font-family:var(--f-display);cursor:pointer;isolation:isolate;flex-direction:column;gap:6px;min-height:130px;padding:16px 14px 14px;font-weight:700;transition:transform .1s ease-out,box-shadow .1s;display:flex;position:relative;overflow:hidden}.tile:active{transform:translateY(2px)}.tile-ico{margin-bottom:2px;font-size:38px;line-height:1}.tile-name{font-size:17px;line-height:1.1}.tile-meta{font-family:var(--f-ui);letter-spacing:.04em;text-transform:uppercase;opacity:.85;align-items:center;gap:5px;margin-top:auto;font-size:11px;font-weight:700;display:flex}.tile-prog{background:#ffffff8c;width:0%;height:4px;transition:width .5s;position:absolute;bottom:0;left:0}.tile.green{background:var(--green);box-shadow:0 var(--push) 0 0 var(--green-dk)}.tile.cyan{background:var(--cyan);box-shadow:0 var(--push) 0 0 var(--cyan-dk)}.tile.orange{background:var(--orange);box-shadow:0 var(--push) 0 0 var(--orange-dk)}.tile.violet{background:var(--violet);box-shadow:0 var(--push) 0 0 var(--violet-dk)}.tile.red{background:var(--red);box-shadow:0 var(--push) 0 0 var(--red-dk)}.tile.gold{background:var(--gold);box-shadow:0 var(--push) 0 0 #92400e}.tile-deco{opacity:.18;pointer-events:none;z-index:-1;font-size:90px;line-height:1;position:absolute;top:-10px;right:-10px}.custom-card{background:var(--bg-soft);border:2px dashed var(--line-2);border-radius:var(--r-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.custom-card-head{align-items:center;gap:8px;display:flex}.custom-card-title{font-family:var(--f-display);color:var(--ink);font-size:15px;font-weight:700}.custom-input{background:var(--bg);border:2px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--ink);font-size:16px;font-weight:600;font-family:var(--f-ui);outline:none;padding:12px 14px}.custom-input:focus{border-color:var(--cyan)}.custom-input::placeholder{color:var(--ink-3);font-weight:600}.custom-actions{gap:8px;display:flex}.role-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-tile{background:var(--bg);border:2px solid var(--line);border-radius:var(--r-md);font-family:var(--f-display);color:var(--ink);align-items:center;gap:8px;padding:12px 14px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.role-tile:hover{border-color:var(--line-2)}.role-tile.is-active{border-color:var(--cyan);background:var(--cyan-soft);color:var(--cyan-dk);box-shadow:inset 0 -3px 0 0 var(--cyan)}.role-tile .ico{font-size:22px}.icon-btn{border-radius:var(--r-pill);background:var(--bg-muted);width:36px;height:36px;color:var(--ink-2);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--line);color:var(--ink)}.lesson-progress{background:var(--bg-muted);border-radius:var(--r-pill);flex:1;height:14px;position:relative;overflow:hidden}.lesson-progress-fill{background:var(--green);border-radius:var(--r-pill);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);position:relative}.lesson-progress-fill:after{content:"";border-radius:var(--r-pill);background:#ffffff80;height:3px;position:absolute;top:3px;left:5px;right:5px}.mode-tabs{background:var(--bg);scrollbar-width:none;gap:6px;padding:12px 18px 0;display:flex;overflow-x:auto}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{font-family:var(--f-display);background:var(--bg-muted);color:var(--ink-2);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.mode-tab.is-active{background:var(--ink);color:var(--bg)}.lesson-body{flex:1;padding:24px 22px}.scene-card{background:var(--bg-soft);border:2px solid var(--line);border-radius:var(--r-lg);align-items:flex-start;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.scene-card .mascot{flex-shrink:0;font-size:34px;line-height:1}.scene-bubble{background:var(--bg);border:2px solid var(--line);border-radius:var(--r-md);color:var(--ink);padding:10px 14px;font-size:14px;font-weight:600;position:relative}.scene-bubble:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid var(--line);width:0;height:0;position:absolute;top:14px;left:-8px}.scene-bubble:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid var(--bg);width:0;height:0;position:absolute;top:14px;left:-5px}.prompt-title{font-family:var(--f-display);letter-spacing:-.005em;color:var(--ink);margin:0 0 16px;font-size:22px;font-weight:700}.choices{flex-direction:column;gap:10px;display:flex}.choice{background:var(--bg);border:2px solid var(--line);border-bottom:4px solid var(--line);border-radius:var(--r-md);text-align:left;color:var(--ink);font-size:16px;font-weight:700;font-family:var(--f-ui);cursor:pointer;align-items:center;gap:14px;min-height:60px;padding:14px 16px;line-height:1.35;transition:all .1s ease-out;display:flex}.choice:hover:not(:disabled){border-color:var(--line-2);border-bottom-color:var(--line-2)}.choice.is-selected{border-color:var(--cyan);border-bottom-color:var(--cyan-dk);background:var(--cyan-soft);color:var(--cyan-dk)}.choice.is-correct{border-color:var(--green);border-bottom-color:var(--green-dk);background:var(--green-soft);color:var(--green-dk)}.choice.is-wrong{border-color:var(--red);border-bottom-color:var(--red-dk);background:var(--red-soft);color:var(--red-dk)}.choice-num{background:var(--bg-soft);border:2px solid var(--line);width:24px;height:24px;color:var(--ink-2);font-size:13px;font-weight:800;font-family:var(--f-display);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice.is-selected .choice-num{background:var(--cyan);color:#fff;border-color:var(--cyan)}.choice.is-correct .choice-num{background:var(--green);color:#fff;border-color:var(--green)}.choice.is-wrong .choice-num{background:var(--red);color:#fff;border-color:var(--red)}.feedback-bar{border-radius:var(--r-md);align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 16px;font-weight:700;display:flex}.feedback-bar.ok{background:var(--green-soft);color:var(--green-dk)}.feedback-bar.ko{background:var(--red-soft);color:var(--red-dk)}.feedback-bar .ico{flex-shrink:0;font-size:22px}.feedback-title{font-family:var(--f-display);margin-bottom:2px;font-size:16px;line-height:1.2}.feedback-body{opacity:.85;font-size:13.5px;font-weight:600}.skip{color:var(--ink-3);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;background:0 0;padding:8px 12px;font-size:13px;font-weight:600}.skip:hover{color:var(--ink-2)}.rail{padding:22px 0 80px}.rail-title{font-family:var(--f-display);align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:700;display:flex}.rail-card{background:var(--bg);border:2px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .2s;display:flex}.rail-card.done{background:var(--green-soft);border-color:var(--green)}.rail-card-en{color:var(--ink);font-size:14px;font-weight:700;line-height:1.35}.rail-card-pt{color:var(--ink-3);margin-top:2px;font-size:12px;font-style:italic;font-weight:600}.rail-card.done .rail-card-en{color:var(--green-dk)}.rail-card.done .rail-card-pt{color:var(--green-dk);opacity:.7}.rail-stars{flex-shrink:0;gap:2px;display:inline-flex}.rail-stars .star{width:18px;height:18px;color:var(--line)}.rail-stars .star.on{color:var(--yellow)}.chat-stack{flex-direction:column;gap:14px;display:flex;overflow-y:auto}.chat-row{align-items:flex-end;gap:10px;display:flex}.chat-row.user{justify-content:flex-end}.avatar{background:var(--violet-soft);width:38px;height:38px;color:var(--violet-dk);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--violet-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.chat-bubble{background:var(--bg);border:2px solid var(--line);max-width:78%;color:var(--ink);border-radius:18px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.4}.chat-row.user .chat-bubble{background:var(--cyan);border-color:var(--cyan);color:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:18px}.chat-bubble.fb{background:var(--orange-soft);border-color:var(--orange);color:var(--orange-dk);border-radius:14px;max-width:88%;font-size:13.5px;font-weight:700}.chat-input{background:var(--bg-soft);border:2px solid var(--line);border-radius:var(--r-pill);color:var(--ink);font-size:16px;font-weight:600;font-family:var(--f-ui);outline:none;flex:1;padding:12px 18px}.chat-input:focus{border-color:var(--cyan);background:var(--bg)}.chat-input::placeholder{color:var(--ink-3)}.send-btn{background:var(--cyan);color:#fff;width:48px;height:48px;box-shadow:0 3px 0 0 var(--cyan-dk);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.send-btn:active:not(:disabled){box-shadow:0 0 0 0 var(--cyan-dk);transform:translateY(3px)}.send-btn:disabled{background:var(--line);color:var(--ink-4);box-shadow:0 3px 0 0 var(--line-2)}.typing-dots{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.typing-dots span{background:var(--ink-3);border-radius:50%;width:8px;height:8px;animation:1.2s infinite tip}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes tip{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.celebrate-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebrate-card{background:var(--bg);border-radius:var(--r-xl);text-align:center;width:100%;max-width:360px;padding:32px 26px 24px;animation:.45s cubic-bezier(.22,1.3,.36,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.celebrate-emoji{margin-bottom:8px;font-size:72px}.celebrate-title{font-family:var(--f-display);color:var(--green-dk);margin:0 0 6px;font-size:24px;font-weight:700}.celebrate-sub{color:var(--ink-2);margin:0 0 18px;font-size:14px;font-weight:600}.celebrate-stats{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.cstat{background:var(--bg-soft);border:2px solid var(--line);border-radius:var(--r-md);flex-direction:column;align-items:center;min-width:80px;padding:10px 14px;display:flex}.cstat-ico{font-size:24px;line-height:1}.cstat-val{font-family:var(--f-display);font-size:18px;font-weight:700;line-height:1.2}.cstat-lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.pulse{animation:.5s ease-out pulse}@keyframes tileIn{0%{opacity:0;transform:translateY(10px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.tiles-anim .tile{animation:.28s ease-out both tileIn}.tiles-anim .tile:first-child{animation-delay:0s}.tiles-anim .tile:nth-child(2){animation-delay:60ms}.tiles-anim .tile:nth-child(3){animation-delay:.12s}.tiles-anim .tile:nth-child(4){animation-delay:.18s}