:root{--green-950:#083344;--green-900:#0e7490;--green-800:#0f766e;--green-700:#0d9488;--green-600:#14b8a6;--green-100:#ccfbf1;--green-50:#f0fdfa;--accent:#0d9488;--accent-light:#ccfbf1;--accent-dark:#0f766e;--alt:#3b82f6;--pink:#ec4899;--yellow:#f59e0b;--violet:#8b5cf6;--bg:#f6f9fc;--card:#fff;--line:#e2e8f0;--line-light:#eef2f7;--text:#0f172a;--muted:#64748b;--warn:#e11d48;--warn-bg:#ffe4e6;--ok:#059669;--radius:14px;--radius-sm:10px;--shadow:0 2px 8px #0f172a0a, 0 12px 32px -8px #0f172a1f;--shadow-sm:0 2px 6px #0f172a0f;--grad-header:linear-gradient(135deg, #06b6d4, #3b82f6)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1000px 460px at 88% -10%, #e0f2fe 0%, transparent 60%), radial-gradient(900px 480px at 5% 108%, #ecfdf5 0%, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}a{color:var(--alt);text-decoration:none}a:hover{text-decoration:underline}.topnav{-webkit-backdrop-filter:blur(8px);color:var(--text);z-index:50;border-bottom:1px solid var(--line-light);background:#ffffffeb;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0f172a0d}.brand{letter-spacing:-.1px;color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex}.brand:before{content:"";background:var(--grad-header);border-radius:5px;flex:none;width:14px;height:14px;box-shadow:0 2px 6px #3b82f666}.topnav .spacer{flex:1}.topnav .navlink{color:#475569;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.topnav .navlink:hover{color:var(--text);background:#f1f5f9;text-decoration:none}.topnav .navlink.router-link-active{color:#0369a1;background:linear-gradient(135deg,#e8f6ff,#e6edff);border-color:#d3e8ff}.topnav .avatar{background:var(--grad-header);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px 8px #3b82f659}.topnav .muted{color:#64748b}.container{max-width:1100px;margin:0 auto;padding:24px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .input,.toolbar .select{margin:0}.toolbar .grow{flex:1;min-width:180px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{color:var(--text);margin:0;font-size:22px}.card{background:var(--card);border:1px solid var(--line-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card h3{color:var(--text);margin:0 0 12px;font-size:16px}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}.btn-primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 6px 16px -4px #3b82f673}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 22px -6px #3b82f680}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--line);color:var(--text);background:#fff}.btn-outline:hover{border-color:var(--alt);color:var(--alt);background:#f8fbff}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 16px -4px #e11d4866}.btn-danger:hover{filter:brightness(1.05)}.btn-sm{border-radius:8px;padding:6px 13px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.step-tabs{border:1px solid var(--line-light);background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;font-size:13px;font-weight:600;display:flex}.step-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.step-tab:hover{color:var(--text);background:#fff}.step-tab.active{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 4px 10px -2px #3b82f666}.step-count{color:var(--muted);background:#0f172a14;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1}.step-tab.active .step-count{color:#fff;background:#ffffff40}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input,.select,.textarea{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;border:1px solid #dbe4ee;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--alt);box-shadow:0 0 0 3px #3b82f624}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.progress{background:#e9eef5;border-radius:999px;height:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:999px;height:100%}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line-light);padding:10px 12px}.table th{color:#475569;background:#f1f5f9;font-size:13px;font-weight:600}.table tr:hover td{background:#f8fafc}.badge{border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:#047857;background:#d9fbe8}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-info{color:#0369a1;background:#e0f2fe}.warn-box{background:var(--warn-bg);border-radius:var(--radius-sm);color:var(--warn);border:1px solid #fecdd3;padding:14px 16px;font-size:13px;line-height:1.6}.note-box{background:var(--green-50);border-radius:var(--radius-sm);color:var(--muted);border:1px dashed #99e6d8;padding:14px 16px;font-size:13px;line-height:1.6}.auth-wrap{background:radial-gradient(1000px 460px at 80% -8%, #dff1ff 0%, transparent 60%), radial-gradient(820px 440px at 8% 112%, #e7f8f1 0%, transparent 55%), linear-gradient(180deg, #eef6ff 0%, var(--bg) 55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{border:1px solid var(--line-light);background:#fff;border-radius:18px;width:100%;max-width:440px;padding:30px;box-shadow:0 2px 8px #0f172a0d,0 24px 60px -20px #3b82f640}.auth-card h1{letter-spacing:-.2px;margin:0 0 6px;font-size:22px}.auth-sub{color:var(--muted);margin-bottom:20px;font-size:13.5px}.question-card{margin-bottom:18px}.option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 14px;transition:border-color .12s,background .12s;display:flex}.option:hover{border-color:var(--accent)}.option.selected{border-color:var(--accent);background:var(--accent-light)}.option .opt-key{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.option.selected .opt-key{background:var(--accent);color:#fff;border-color:var(--accent)}.timer{background:var(--warn-bg);color:var(--warn);text-align:center;letter-spacing:1px;border-radius:12px;padding:12px 18px;font-size:20px;font-weight:800}.no-copy{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.question-card,.test-screen{position:relative}.viewer-tag{color:var(--accent-dark);font-weight:600}.wm-layer{pointer-events:none;opacity:.05;z-index:0;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotate(-18deg)}.wm-line{white-space:nowrap;color:#000;font-size:16px;font-weight:700}.wm-foot{color:var(--muted);border-top:1px dashed var(--line-light);padding-top:8px}.blur-cover{z-index:50;-webkit-backdrop-filter:blur(14px)brightness(.75);cursor:pointer;border-radius:var(--radius);background:#064e3b73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blur-cover-inner{color:#111;border-radius:var(--radius);text-align:center;background:#fff;padding:22px 30px;font-weight:600;box-shadow:0 10px 30px #00000040}@media print{.test-screen,.video-wrap{display:none!important}body{visibility:hidden}}.topic-circle{border:1.5px solid var(--line);width:56px;height:56px;color:var(--muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.topic-circle.done{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}.muted{color:var(--muted)}.small{font-size:13px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.center{text-align:center}.lesson-row[data-v-3127f3af]{border:1px solid var(--line-light);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.lesson-row[data-v-3127f3af]:hover{border-color:var(--accent)}.lesson-row.active[data-v-3127f3af]{border-color:var(--accent);background:var(--accent-light)}.video-wrap[data-v-3127f3af]{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-wrap iframe[data-v-3127f3af],.video-wrap video[data-v-3127f3af]{border:0;width:100%;height:100%;display:block}.video-wm[data-v-3127f3af]{z-index:3;color:#fff9;pointer-events:none;text-shadow:0 1px 3px #000c;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;top:8px;left:10px}.ok-text[data-v-95a821b3]{color:var(--ok);font-weight:600}.sel-text[data-v-95a821b3]{color:var(--accent-dark);font-weight:600}.ml-2[data-v-95a821b3]{margin-left:8px}.modal-backdrop[data-v-47832d8d]{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card[data-v-47832d8d]{width:100%;max-width:640px;max-height:90vh;overflow:auto}.mb-0[data-v-d2d9b4c5]{margin-bottom:0}.bank-box[data-v-d2d9b4c5]{border:1px solid var(--line-light);border-radius:8px;max-height:320px;padding:8px;overflow:auto}.bank-item[data-v-d2d9b4c5]{border-bottom:1px solid var(--line-light);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.bank-item[data-v-d2d9b4c5]:last-child{border-bottom:0}.bank-item[data-v-d2d9b4c5]:hover{background:#fafbfd}.bank-used[data-v-d2d9b4c5]{background:#f0f7ff}.wizard[data-v-d2d9b4c5]{border:2px solid var(--green-300,#9ad5a9)}.grid-3[data-v-d2d9b4c5]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.subcard[data-v-d2d9b4c5]{border:1px solid var(--line-light);background:#fcfdfe;border-radius:10px;padding:12px}.topic-cfg[data-v-d2d9b4c5]{border-bottom:1px dashed var(--line-light);padding:10px 0}.topic-cfg[data-v-d2d9b4c5]:last-child{border-bottom:0}.check-line[data-v-d2d9b4c5]{align-items:center;gap:8px;font-size:14px;display:flex}.points-bar[data-v-d2d9b4c5]{border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;font-size:14px;display:flex}.points-bar.ok[data-v-d2d9b4c5]{color:#22683a;background:#eaf7ee}.points-bar.bad[data-v-d2d9b4c5]{color:#a02323;background:#fdecec}@media (width<=720px){.grid-3[data-v-d2d9b4c5]{grid-template-columns:1fr}}.meet-wrap[data-v-668bdd68]{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.meet-wrap iframe[data-v-668bdd68]{border:0;width:100%;height:100%;display:block}