:root{--bg:#eef3f4;--bg-grad:linear-gradient(160deg, #b6d3d7 0%, #d5e5e7 45%, #eef3f4 100%);--card:#fff;--teal:#4f979f;--teal-soft:#7fb5bb;--navy:#1f2b5e;--navy-dark:#17204a;--text:#22303c;--muted:#64757f;--true:#16a34a;--false:#dc2626;--warn:#e8894a;--border:#dce6e8;--shadow:0 4px 18px #1f2b5e14}*{box-sizing:border-box}body{background:var(--bg-grad);color:var(--text);background-attachment:fixed;min-height:100vh;margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}#root{max-width:760px;margin:0 auto;padding:1rem}h1{color:var(--navy);margin-bottom:.2rem}h2{color:var(--navy)}.tagline{color:var(--muted);margin-top:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--false)}.center-card{background:var(--card);border:1px solid var(--border);text-align:center;max-width:420px;box-shadow:var(--shadow);border-radius:16px;margin:12vh auto 0;padding:2rem}.center-card input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;margin-bottom:.8rem;padding:.7rem;font-size:1rem}.center-card input:focus{outline:2px solid var(--teal-soft);border-color:var(--teal)}button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:.5rem .9rem;font-size:.95rem}button:hover:not(:disabled){border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--navy);border-color:var(--navy);color:#fff;border-radius:999px;width:100%;margin-top:1rem;padding:.8rem;font-size:1.05rem;font-weight:600}button.primary:hover:not(:disabled){background:var(--navy-dark);border-color:var(--navy-dark)}button.primary.secondary{border:1px solid var(--border);color:var(--muted);background:#fff}button.primary.secondary:hover{border-color:var(--teal);color:var(--text)}button.link{color:var(--teal);background:0 0;border:none;padding:.2rem;font-weight:600}header{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:.7rem 1rem;display:flex}.brand{flex:1;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;display:flex}.wm-thio{color:var(--teal)}.wm-suxa{color:#9aa3a8}.wordmark{font-weight:800}.logo-sm{width:30px;height:30px}.avatar-wrap{position:relative}.avatar{background:var(--teal);color:#fff;border:none;border-radius:50%;width:38px;height:38px;padding:0;font-size:1rem;font-weight:700}.avatar:hover{background:var(--navy)}.menu-backdrop{z-index:19;position:fixed;inset:0}.menu{z-index:20;background:var(--card);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);border-radius:12px;position:absolute;top:46px;right:0;overflow:hidden}.menu-email{color:var(--muted);border-bottom:1px solid var(--border);word-break:break-all;padding:.7rem 1rem;font-size:.85rem}.menu-item{text-align:left;background:0 0;border:none;border-radius:0;width:100%;padding:.7rem 1rem;font-size:.95rem;display:block}.menu-item:hover{background:var(--bg)}.logo-big{width:72px;height:72px;margin-bottom:.4rem}.topic-block{margin-bottom:1.2rem}.topic-block h3{color:var(--navy);margin:.4rem 0}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:#fff;border-radius:999px;font-size:.85rem}.chip:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.player-head{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.stem{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);white-space:pre-wrap;border-radius:14px;padding:1rem 1.2rem;font-size:1.05rem;line-height:1.55}sub,sup{vertical-align:baseline;font-size:.72em;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}.fmt-help{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.preview{background:var(--bg);border:1px dashed var(--border);white-space:pre-wrap;border-radius:8px;margin-top:.3rem;padding:.5rem .7rem;font-size:.9rem;display:block}.preview-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--teal);margin-right:.4rem;font-size:.68rem;font-weight:700}.opt-edit-wrap{flex-direction:column;flex:1;min-width:180px;display:flex}.opt-edit-wrap .opt-edit{width:100%}.diff{border:1px solid var(--border);background:#fff;border-radius:999px;margin-left:auto;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.diff-easy{color:var(--true)}.diff-medium{color:var(--warn)}.diff-difficult{color:var(--false)}.options{flex-direction:column;gap:.5rem;margin-top:.8rem;display:flex}.option{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.opt-text{flex:1;min-width:200px}.tf{gap:.3rem;display:flex}.tf-on,button.tf-on{background:var(--teal);border-color:var(--teal);color:#fff}.opt-right{border-left:5px solid var(--true)}.opt-wrong{border-left:5px solid var(--false)}.opt-skip{border-left:5px solid var(--muted);opacity:.9}.verdict{color:var(--muted);font-size:.8rem;font-weight:700}.score{color:var(--navy);margin-top:1rem;font-size:1.3rem;font-weight:700}.score.big{font-size:1.8rem}.explanation{background:var(--card);border:1px solid var(--border);white-space:pre-wrap;box-shadow:var(--shadow);border-radius:14px;margin-top:.8rem;padding:1rem 1.2rem;line-height:1.55}.explanation h4{color:var(--teal);margin-top:0}.actions{align-items:stretch;gap:.6rem;display:flex}.actions .primary{flex:1}button.ghost{color:var(--muted);background:0 0;border-color:#0000;margin-top:1rem}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--border)}.nav-grid{flex-wrap:wrap;gap:.3rem;margin-bottom:.8rem;display:flex}.nav-cell{background:#fff;min-width:2.2rem;padding:.3rem;font-size:.85rem}.nav-here{border-color:var(--navy);color:var(--navy);font-weight:800}.nav-att{background:var(--teal);border-color:var(--teal);color:#fff}.nav-done{border-color:var(--true);color:var(--true);background:#e8f5ee;font-weight:700}button.danger{border:1.5px solid var(--false);color:var(--false);background:#fff;border-radius:999px;width:100%;margin-top:.8rem;padding:.7rem;font-size:1rem;font-weight:600}button.danger:hover:not(:disabled){background:var(--false);color:#fff}.modal-backdrop{z-index:10;background:#17204a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);max-width:380px;box-shadow:var(--shadow);border-radius:16px;margin:1rem;padding:1.5rem}.modal h3{color:var(--navy);margin-top:0}.modal-actions{gap:.6rem;margin-top:1rem;display:flex}.modal-actions .danger{margin-top:0}.modal-actions button{flex:1;padding:.7rem}.summary-list{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.summary-row{text-align:left;background:var(--card);width:100%;box-shadow:var(--shadow);align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.summary-stem{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sum-score{color:var(--navy);font-weight:700}.ok{color:var(--true);font-weight:600}.tabs{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.admin-form{flex-direction:column;gap:.5rem;display:flex}.admin-form input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;width:100%;padding:.6rem;font-size:.95rem}.admin-form input:focus{outline:2px solid var(--teal-soft);border-color:var(--teal)}.admin-form .primary{margin-top:.3rem}.field-label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.field-label input,.field-label select,.field-label textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:.6rem;font-family:inherit;font-size:.95rem}.field-label textarea{resize:vertical}.field-label input:focus,.field-label select:focus,.field-label textarea:focus{outline:2px solid var(--teal-soft);border-color:var(--teal)}.opt-edit{border:1px solid var(--border);min-width:180px;color:var(--text);resize:vertical;background:#fff;border-radius:8px;flex:1;padding:.5rem;font-family:inherit;font-size:.9rem}.explanation .field-label{margin-top:.8rem}.tabs input[type=text]{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:.5rem .7rem;font-size:.9rem}.report-row{justify-content:flex-end;margin-bottom:.4rem;display:flex}.report-link{color:var(--muted);background:0 0;border:none;padding:.2rem .4rem;font-size:.8rem}.report-link:hover{color:var(--warn);border-color:#0000}.modal textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:10px;margin-top:.6rem;padding:.6rem;font-family:inherit;font-size:.95rem}.modal textarea:focus{outline:2px solid var(--teal-soft);border-color:var(--teal)}.section-cards{flex-direction:column;gap:.8rem;display:flex}.section-card{text-align:left;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.3rem}.section-card h3{color:var(--navy);margin:0 0 .4rem}.section-card p{margin:0}.section-card:hover:not(.disabled){border-color:var(--teal);cursor:pointer}.section-card.disabled{opacity:.6}@media (width<=600px){body{font-size:.92rem}.stem{padding:.8rem;font-size:.95rem}.opt-text{min-width:140px;font-size:.9rem}.verdict{font-size:.72rem}.tf button,.option>button{padding:.4rem .7rem;font-size:.85rem}.nav-grid{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.nav-grid::-webkit-scrollbar{height:4px}.nav-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-grid::-webkit-scrollbar-track{background:0 0}.nav-cell{flex:none;min-width:2rem;padding:.25rem;font-size:.78rem}.player-head{font-size:.85rem}.score.big{font-size:1.4rem}}.plan-tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:999px;margin-left:.45rem;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.plan-core{color:var(--muted);background:var(--bg)}.plan-plus{color:#fff;background:var(--teal);border-color:var(--teal)}.video-frame{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#000;border-radius:14px;padding-top:56.25%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.subject{margin-bottom:.5rem}.subject-head{background:var(--card);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);text-align:left;border-radius:12px;align-items:center;gap:.7rem;padding:.85rem 1.1rem;display:flex}.subject-head:hover{border-color:var(--teal)}.subject-open{border-color:var(--teal);border-bottom-right-radius:0;border-bottom-left-radius:0}.subject-name{color:var(--navy);flex:1;font-size:1.02rem;font-weight:700}.subject-count{color:var(--teal);background:var(--bg);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:700}.subject-caret{color:var(--muted);text-align:center;width:1rem;font-weight:700}.subject .chips{background:var(--card);border:1px solid var(--teal);box-shadow:var(--shadow);border-top:none;border-radius:0 0 12px 12px;padding:.8rem 1.1rem}.chip-all{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.chip-all:hover{background:var(--navy-dark)}.chip-count{color:var(--muted);margin-left:.15rem;font-size:.78rem}.chip:hover .chip-count{color:#fff}.stat-row{gap:.6rem;margin-bottom:.9rem;display:flex}.stat{background:var(--card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:12px;flex:1;padding:.7rem .5rem}.stat-n{color:var(--navy);font-size:1.35rem;font-weight:800;display:block}.stat-live{color:var(--true)}.stat-draft{color:var(--muted)}.stat-l{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem}.progress-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1rem;padding:.8rem 1.1rem}.progress-line{margin-bottom:.5rem;font-size:.95rem}.progress-bar{background:var(--bg);border-radius:999px;height:7px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:999px;height:100%;transition:width .4s}.subject-done{color:var(--true);background:#e8f5ee;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.badge{background:var(--false);color:#fff;text-align:center;border-radius:999px;min-width:1.3rem;margin-left:.4rem;padding:.05rem .4rem;font-size:.72rem;font-weight:800;display:inline-block}.avatar{position:relative}.avatar-dot{background:var(--false);border:2px solid var(--card);border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:1px}.editor-nav{align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.nav-pos{margin-right:.3rem}.nav-btn{min-width:2rem;color:var(--navy);background:#fff;border-radius:8px;padding:.25rem .55rem;font-size:1.15rem;line-height:1}.nav-btn:disabled{opacity:.3}.nav-btn.nav-close{color:var(--false);font-weight:700}.nav-btn.nav-close:hover{background:var(--false);color:#fff;border-color:var(--false)}.or-line{color:var(--muted);align-items:center;gap:.6rem;margin:.9rem 0 .6rem;font-size:.8rem;display:flex}.or-line:before,.or-line:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:999px;padding:.7rem;font-weight:600}.google-btn:hover:not(:disabled){border-color:var(--teal)}