@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--ink:#1d2340;--muted:#5b6384;--bg:#f4f6ff;--card:#fff;--line:#e1e5f5;--orange:#ff8a3d;--orange-edge:#d9651a;--blue:#2f5fe3;--blue-edge:#1e3fa6;--blue-tint:#e3eaff;--green:#1fa67a;--green-edge:#12795a;--green-tint:#ddf6ea;--green-ink:#0c6b4b;--red:#d6403f;--red-edge:#9e2a29;--red-tint:#ffe4e4;--red-ink:#a3262b;--yellow:#ffcb47;--yellow-tint:#fff3cc;--yellow-ink:#7a5600;--radius:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}h1,h2,h3,.display{margin:0;font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit;font-size:16px}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.center{text-align:center}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:12px;display:flex}.grow{flex:auto;min-width:0}.spacer{flex:auto}.btn{border-radius:var(--radius);letter-spacing:.06em;text-transform:uppercase;background:var(--orange);min-height:52px;color:var(--ink);box-shadow:0 4px 0 var(--orange-edge);border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--orange-edge);transform:translateY(3px)}.btn:disabled{background:var(--line);color:#6b7392;cursor:not-allowed;box-shadow:0 4px #cbd1e8}.btn.block{width:100%}.btn.small{min-height:44px;padding:0 16px;font-size:13px}.btn.blue{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-edge)}.btn.green{background:var(--green);color:var(--ink);box-shadow:0 4px 0 var(--green-edge)}.btn.red{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-edge)}.btn.dark{background:var(--ink);color:#fff;box-shadow:0 4px #0b0f24}.btn.ghost{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.link{box-shadow:none;color:var(--blue);text-transform:none;letter-spacing:0;background:0 0;border:0;min-height:44px;padding:0 8px;font-size:15px}.btn.link:active:not(:disabled){transform:none}.card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:18px}.card.pad-sm{padding:14px}.chip{letter-spacing:.05em;text-transform:uppercase;background:var(--blue-tint);color:var(--blue-edge);border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.chip.green{background:var(--green-tint);color:var(--green-ink)}.chip.yellow{background:var(--yellow-tint);color:var(--yellow-ink)}.chip.red{background:var(--red-tint);color:var(--red-ink)}.chip.gray{color:#3b4262;background:#e8eaf2}.chip.purple{color:#5a2fa8;background:#f0e6ff}.chip.pink{color:#9b1d5a;background:#ffe4f0}.chip.orange{color:#8f3a0a;background:#ffe9dc}.stat{background:var(--card);border:2px solid var(--line);border-radius:14px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.progress{background:var(--line);border-radius:8px;height:14px;overflow:hidden}.progress>div{background:var(--orange);border-radius:8px;height:100%;transition:width .3s}.progress.blue>div{background:var(--blue)}.progress.green>div{background:var(--green)}.error-box{background:var(--red-tint);color:var(--red-ink);border-radius:12px;padding:12px 14px;font-weight:700}.info-box{background:var(--yellow-tint);color:#5a4300;border-radius:12px;padding:12px 14px;font-weight:700;line-height:1.4}.ok-box{background:var(--green-tint);color:var(--green-ink);border-radius:12px;padding:12px 14px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field>.label{color:var(--muted);font-size:14px;font-weight:800}.input,.select,.textarea{border:2px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:52px;padding:0 14px;font-weight:700}.textarea{resize:vertical;min-height:110px;padding:12px 14px;line-height:1.4}.input.bad{border-color:var(--red)}.field-error{color:var(--red-ink);font-size:14px;font-weight:800}.pw-wrap{border:2px solid var(--line);background:#fff;border-radius:14px;display:flex;overflow:hidden}.pw-wrap.bad{border-color:var(--red)}.pw-wrap input{background:0 0;border:0;flex:auto;min-width:0;min-height:52px;padding:0 14px;font-weight:700}.pw-wrap button{border:0;border-left:2px solid var(--line);background:var(--blue-tint);color:var(--blue-edge);min-width:84px;font-weight:800}.check{align-items:center;gap:10px;min-height:44px;font-weight:700;display:flex}.check input{width:22px;height:22px;accent-color:var(--blue)}.app{flex-direction:column;min-height:100%;display:flex}.sidebar{display:none}.topbar{padding:calc(10px + var(--safe-top)) 16px 10px;background:var(--card);border-bottom:2px solid var(--line);z-index:20;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .brand{font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.main{min-width:0;padding:16px 16px calc(96px + var(--safe-bottom));flex:auto}.page{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;display:flex}.page.wide{max-width:1100px}.tabbar{z-index:30;background:var(--card);border-top:2px solid var(--line);padding:6px 6px calc(6px + var(--safe-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:56px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex}.tab.active{color:var(--blue);background:var(--blue-tint)}.nav-link{min-height:52px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:0 14px;font-size:15px;font-weight:800;display:flex}.nav-link.active{background:var(--blue-tint);border-color:var(--blue);color:var(--blue)}@media (width>=900px){.app{flex-direction:row}.topbar,.tabbar{display:none}.sidebar{background:var(--card);border-right:2px solid var(--line);flex-direction:column;flex:0 0 240px;gap:8px;width:240px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.main{padding:32px 40px 48px}}.hero{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-edge);border-radius:20px;padding:18px 20px}.path{flex-direction:column;align-items:center;gap:18px;padding:8px 0 12px;display:flex}.node{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:240px;display:flex}.node-circle{color:#fff;background:var(--green);width:76px;height:76px;box-shadow:0 7px 0 var(--green-edge);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.node-circle.current{background:var(--orange);box-shadow:0 7px 0 var(--orange-edge);color:var(--ink)}.node-circle.todo{background:var(--blue);box-shadow:0 7px 0 var(--blue-edge)}.start-bubble{border:2px solid var(--ink);letter-spacing:.08em;background:#fff;border-radius:12px;padding:4px 14px;font-size:13px;font-weight:800}.ring{flex:0 0 84px;width:84px;height:84px;position:relative}.ring>span{justify-content:center;align-items:center;font-family:Fredoka,sans-serif;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0}.player{z-index:50;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.player-head{padding:calc(12px + var(--safe-top)) 16px 8px;align-items:center;gap:12px;display:flex}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.player-body{flex:auto;padding:8px 20px 24px;overflow-y:auto}.player-inner{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;display:flex}.player-foot{border-top:2px solid var(--line);padding:12px 16px calc(14px + var(--safe-bottom))}.player-foot-inner{gap:12px;max-width:640px;margin:0 auto;display:flex}.q-prompt{font-family:Fredoka,sans-serif;font-size:26px;font-weight:600;line-height:1.25}.passage{background:var(--bg);border-radius:14px;padding:14px 16px;font-size:17px;font-weight:700;line-height:1.5}.q-image{aspect-ratio:1;object-fit:cover;border:2px solid var(--line);background:#fff;border-radius:20px;align-self:center;width:min(240px,70vw);height:auto}.blank{text-align:center;border-bottom:3px solid var(--blue);min-width:90px;color:var(--blue);padding:0 6px;display:inline-block}.opt{text-align:left;border:2px solid var(--line);border-radius:var(--radius);width:100%;min-height:60px;box-shadow:0 4px 0 var(--line);background:#fff;align-items:center;gap:12px;padding:8px 14px;font-size:17px;font-weight:700;display:flex}.opt .num{background:var(--bg);width:32px;height:32px;color:var(--muted);border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.opt.sel{background:var(--blue-tint);border-color:var(--blue);box-shadow:0 4px 0 var(--blue)}.opt.sel .num{background:var(--blue);color:#fff}.opt.right{background:var(--green-tint);border-color:var(--green);box-shadow:0 4px 0 var(--green)}.opt.right .num{background:var(--green);color:var(--ink)}.opt.wrong{background:var(--red-tint);border-color:var(--red);box-shadow:0 4px 0 var(--red)}.opt.wrong .num{background:var(--red);color:#fff}.opt:disabled{cursor:default}.audio-card{background:var(--bg);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.audio-btn{background:var(--blue);color:#fff;width:72px;height:72px;box-shadow:0 5px 0 var(--blue-edge);border:0;border-radius:50%;flex:0 0 72px;justify-content:center;align-items:center;display:flex}.audio-btn.slow{width:52px;height:52px;color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);background:#fff;flex:0 0 52px;font-size:14px;font-weight:800}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.feedback{padding:16px 20px calc(18px + var(--safe-bottom));flex-direction:column;gap:10px;display:flex}.feedback.right{background:var(--green-tint)}.feedback.wrong{background:var(--red-tint)}.feedback .fb-inner{flex-direction:column;gap:10px;width:100%;max-width:640px;margin:0 auto;display:flex}.fb-title{align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600;display:flex}.feedback.right .fb-title{color:var(--green-ink)}.feedback.wrong .fb-title{color:var(--red-ink)}.fb-line{gap:10px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.tag{background:#fff;border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;height:20px;margin-top:2px;font-size:11px;font-weight:800;display:flex}.q-row{background:var(--bg);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.q-row.bad{background:var(--red-tint)}.table-wrap{border:2px solid var(--line);background:#fff;border-radius:20px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}.tbl th{text-align:left;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:12px 10px;font-size:12px;font-weight:800}.tbl td{vertical-align:top;border-top:2px solid #f0f2fa;padding:12px 10px;font-weight:700}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#f8f9ff}.grid2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px}.stat-card .big{font-family:Fredoka,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.bar-row{align-items:center;gap:12px;display:flex}.bar-row .label{flex:0 0 140px;font-size:14px;font-weight:700}.bar-row .bar{background:var(--line);border-radius:6px;flex:auto;height:12px;overflow:hidden}.bar-row .bar>div{border-radius:6px;height:100%}.bar-row .val{text-align:right;flex:0 0 40px;font-weight:800}.conv{z-index:50;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.conv-log{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:14px 20px 8px;display:flex;overflow-y:auto}.bubble{border:2px solid var(--line);background:var(--bg);border-radius:18px;max-width:86%;padding:10px 14px;font-size:16px;font-weight:700;line-height:1.4}.bubble.guest{border-bottom-left-radius:4px;align-self:flex-start}.bubble.you{background:var(--blue);border-color:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble-id{max-width:86%;color:var(--muted);align-self:flex-start;margin-top:-6px;padding:0 6px;font-size:13px;font-weight:700}.conv-foot{border-top:2px solid var(--line);padding:10px 16px calc(16px + var(--safe-bottom));flex-direction:column;align-items:center;gap:8px;display:flex}.mic{background:var(--orange);width:88px;height:88px;color:var(--ink);box-shadow:0 6px 0 var(--orange-edge);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.mic.listening{background:var(--red);color:#fff;box-shadow:0 6px 0 var(--red-edge), 0 0 0 10px var(--red-tint)}.mic:disabled{background:var(--line);color:#6b7392;box-shadow:0 6px #cbd1e8}.caption{border:2px dashed var(--red);border-radius:12px;align-self:stretch;min-height:46px;padding:8px 12px;font-weight:700;line-height:1.35}.hint-box{background:var(--blue-tint);color:var(--blue-edge);border-radius:10px;align-self:stretch;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.persona{background:var(--bg);border-radius:16px;align-items:center;gap:12px;margin:0 16px;padding:10px 12px;display:flex}.avatar{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;display:flex}.goal-strip{background:var(--yellow-tint);color:#5a4300;border-radius:10px;margin:10px 16px 0;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.35}.login{background:var(--ink);flex-direction:column;min-height:100%;display:flex}.login-hero{color:#fff;padding:calc(20px + var(--safe-top)) 20px 26px;flex-direction:column;gap:22px;display:flex}.login-sheet{background:var(--bg);padding:28px 20px calc(24px + var(--safe-bottom));border-radius:28px 28px 0 0;flex:auto}.login-form{flex-direction:column;gap:16px;max-width:400px;margin:0 auto;display:flex}.lang-toggle{border:2px solid #ffffff59;border-radius:12px;display:inline-flex;overflow:hidden}.lang-toggle button{color:#fff;background:0 0;border:0;min-width:48px;min-height:44px;font-weight:800}.lang-toggle button.on{color:var(--ink);background:#fff}.login-points{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:none}@media (width>=900px){.login{flex-direction:row}.login-hero{flex:50%;justify-content:space-between;padding:48px}.login-hero h1{max-width:480px;font-size:44px}.login-points{display:flex}.login-sheet{background:var(--bg);border-radius:0;flex:50%;justify-content:center;align-items:center;padding:48px;display:flex}}.splash{justify-content:center;align-items:center;min-height:100%;display:flex}.spinner{border:4px solid var(--line);border-top-color:var(--orange);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:16px;right:16px;bottom:calc(86px + var(--safe-bottom));z-index:80;background:var(--ink);color:#fff;text-align:center;border-radius:14px;padding:12px 16px;font-weight:700;position:fixed}.offline-banner{background:var(--yellow);color:var(--ink);text-align:center;padding:6px 12px;font-size:13px;font-weight:800}.modal-back{z-index:70;background:#1d234080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:92vh;padding:20px;overflow-y:auto}@media (width>=700px){.modal-back{align-items:center}.modal{border-radius:24px}}.seg{border:2px solid var(--line);background:#fff;border-radius:12px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;min-height:44px;padding:0 14px;font-weight:800}.seg button.on{background:var(--ink);color:#fff}.pill-filter{flex-wrap:wrap;gap:8px;display:flex}.pill-filter button{border:2px solid var(--line);background:#fff;border-radius:14px;min-height:44px;padding:0 14px;font-size:14px;font-weight:800}.pill-filter button.on{background:var(--ink);border-color:var(--ink);color:#fff}