*{margin:0;padding:0;box-sizing:border-box}:root{--brand: #4f46e5;--brand-dark: #4338ca;--brand-light: #eef2ff;--accent: #f59e0b;--green: #10b981;--red: #ef4444;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--radius: 14px;--content-w: 640px}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--content-w);margin:0 auto;padding:16px 16px 90px}.app-header{position:sticky;top:0;z-index:60;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-nav{display:none}.user-menu{position:relative}.avatar-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px;border-radius:999px}.avatar-btn .chev{color:var(--muted)}.avatar-img{border-radius:50%;object-fit:cover;display:block}.avatar-initial{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700}.dropdown{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0f172a24;overflow:hidden;z-index:70}.dd-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border);background:var(--bg)}.dd-head strong{display:block;font-size:14px}.dd-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text)}.dd-item:hover{background:var(--brand-light)}.dd-item.danger{color:var(--red)}.dd-item.danger:hover{background:#fef2f2}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom));z-index:50}.bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-size:11px;padding:4px 0;display:flex;flex-direction:column;gap:2px}.bottom-nav a .ico{display:flex;justify-content:center}.bottom-nav a.active{color:var(--brand);font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:background .15s}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--brand-light);color:var(--brand)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.small{padding:8px 14px;font-size:13px;width:auto}.btn.danger{background:var(--red)}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:15px;font-family:inherit;background:var(--card);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:14px 0 6px}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}.muted{color:var(--muted);font-size:13px}.error-box{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:14px;margin:10px 0}.row{display:flex;gap:10px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--brand-light);color:var(--brand)}.badge.gold{background:#fef3c7;color:#b45309}.badge.green{background:#d1fae5;color:#047857}.badge.gray{background:#f1f5f9;color:var(--muted)}.auth-shell{min-height:100dvh;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:0 0 28px 28px;padding:40px 24px 32px;text-align:center}.hero .logo{display:flex;justify-content:center;margin-bottom:8px}.hero h1{font-size:28px;margin:6px 0 4px}.hero p{opacity:.85;font-size:14px;max-width:420px;margin:0 auto}.auth-body{flex:1;width:100%;max-width:440px;margin:0 auto;padding:24px 16px 40px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{border:2px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;background:var(--card);text-align:center;transition:all .12s}.opt .ico{display:flex;justify-content:center;margin-bottom:6px;color:var(--brand)}.opt .t{font-weight:700;font-size:14px}.opt .d{font-size:12px;color:var(--muted);margin-top:2px}.opt.selected{border-color:var(--brand);background:var(--brand-light)}.chat-page{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:100%;margin:0 auto;background:var(--bg)}.chat-head{padding:10px 12px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.chat-title{flex:1;min-width:0}.chat-title strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chat-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:82%;padding:11px 14px;border-radius:18px;font-size:15px;line-height:1.45;white-space:pre-wrap}.bubble.ai{background:var(--card);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:6px}.bubble.user{background:var(--brand);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.bubble .trans{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:13px;color:var(--muted)}.chat-input{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);display:flex;gap:8px}.chat-input textarea{flex:1;resize:none;max-height:110px}.chat-input button{width:auto;padding:0 18px}.hint-bar{padding:8px 12px;display:flex;gap:8px;overflow-x:auto;background:var(--brand-light)}.hint-chip{white-space:nowrap;background:var(--card);border:1px solid var(--brand);color:var(--brand);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.typing{display:inline-block;color:var(--muted);font-size:13px;padding:4px 8px}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.score-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center}.score-tile .v{font-size:26px;font-weight:800;color:var(--brand)}.score-tile .l{font-size:12px;color:var(--muted)}.mistake-item{border-left:3px solid var(--red);padding:10px 12px;background:var(--card);border-radius:0 10px 10px 0}.mistake-item .orig{color:var(--red);text-decoration:line-through;font-size:14px}.mistake-item .corr{color:var(--green);font-weight:600;font-size:14px}.mistake-item .expl{font-size:13px;color:var(--muted);margin-top:4px}.dict-result{border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.dict-term{font-size:20px;font-weight:800}.dict-meaning{border-left:3px solid var(--brand);padding:8px 12px;background:var(--brand-light);border-radius:0 10px 10px 0}.dict-example{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:14px;margin-top:6px}.dict-example .muted{margin-top:2px;font-size:13px}.dict-warn{display:flex;gap:8px;align-items:flex-start;background:#fffbeb;border:1px solid var(--accent);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:10px}.pbar{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.pbar>div{height:100%;background:var(--brand);border-radius:999px;transition:width .3s}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center}.stat .v{font-size:20px;font-weight:800;justify-content:center}.stat .l{font-size:11px;color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:4px;height:90px}.bars .bar{flex:1;background:var(--brand);border-radius:4px 4px 0 0;min-height:2px}.scn-list{display:grid;grid-template-columns:1fr;gap:12px}.scn-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:box-shadow .12s}.scn-card:hover{box-shadow:0 4px 14px #4f46e51f}.scn-card.starting{pointer-events:none}.scn-card.starting>*:not(.scn-card-overlay){opacity:.25}.scn-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--brand);background:#ffffff80;border-radius:var(--radius)}.cat-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cat-tab{white-space:nowrap;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13px;cursor:pointer}.cat-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-row .btn{padding:10px 4px;font-size:13px}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px;background:var(--card);border-radius:var(--radius)}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.tbl th{color:var(--muted);font-size:12px;text-transform:uppercase}.tbl select,.tbl input{padding:6px 8px;font-size:13px;border-radius:8px;width:auto}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}svg.lucide{flex-shrink:0;vertical-align:-2px}.iconrow{display:inline-flex;align-items:center;gap:6px}h1 svg.lucide,h2 svg.lucide,h3 svg.lucide{vertical-align:-3px;margin-right:6px;color:var(--brand)}.mic-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.mic-btn.listening{background:var(--red);animation:pulse 1.2s ease-in-out infinite}.mic-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 12px #ef444400}}.voice-toggle{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;flex-shrink:0}.voice-toggle.on{background:var(--brand-light);color:var(--brand);border-color:var(--brand)}.speak-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px}.speak-btn:hover{color:var(--brand)}.spin-icon{animation:spin .9s linear infinite}.avatar-edit{position:relative;width:88px;height:88px;margin:0 auto}.avatar-edit .avatar-img,.avatar-edit .avatar-initial{width:88px!important;height:88px!important;font-size:36px!important}.avatar-cam{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-width:900px){:root{--content-w: 1024px}.bottom-nav{display:none}.page{padding:28px 24px 48px}.page.admin{max-width:1150px}.header-nav{display:flex;gap:4px;flex:1;margin-left:24px}.hnav{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.hnav:hover{background:var(--bg);color:var(--text)}.hnav.active{background:var(--brand-light);color:var(--brand)}.scn-list{grid-template-columns:1fr 1fr}.score-grid,.opt-grid{grid-template-columns:repeat(4,1fr)}.desk-2col{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.chat-page{max-width:780px;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg)}.chat-head{padding:12px 20px}.chat-body{padding:24px}.chat-input{padding:14px 20px}.bubble{max-width:70%}.hero{border-radius:0;padding:56px 24px 44px}.hero h1{font-size:34px}.hero p{font-size:15px;max-width:520px}h1{font-size:27px}.stat .v{font-size:24px}.bars{height:120px}}