:root{--bg:#0f1216;--panel:#171c23;--panel2:#1e252e;--line:#2a333f;--txt:#e7edf3;--mut:#93a1b0;--accent:#3d8bfd;--accent2:#2f6fd6;--good:#3fb950;--good-bg:#12331b;--bad:#f85149;--bad-bg:#3a1614;--warn:#d29922;--radius:14px;--shadow:0 6px 24px rgba(0,0,0,.35)}@media (prefers-color-scheme:light){:root{--bg:#f4f6f9;--panel:#fff;--panel2:#f0f3f7;--line:#dbe2ea;--txt:#131a22;--mut:#5a6b7b;--good-bg:#e6f7ea;--bad-bg:#fdecec;--shadow:0 6px 24px rgba(20,40,70,.1)}}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.1rem;transition:.15s}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent2)}.ghost{background:transparent;color:var(--mut);border:1px solid var(--line)}.ghost:hover:not(:disabled){color:var(--txt);border-color:var(--mut)}.ghost.small{padding:.3rem .7rem;font-size:.8rem}.danger{color:var(--bad);border-color:var(--bad)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.4rem;border-bottom:1px solid var(--line);background:var(--panel);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{font-weight:700;letter-spacing:.2px;cursor:pointer}.brand span{color:var(--accent);font-weight:600}.topstats{color:var(--mut);font-size:.85rem}.view{max-width:1150px;margin:0 auto;padding:1.6rem 1.4rem 4rem}h1{font-size:1.5rem;margin:.4rem 0 .3rem}.sub{color:var(--mut);margin:0 0 1.4rem}.type-legend{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.4rem}.chip{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:.35rem .9rem;font-size:.82rem;color:var(--mut)}.chip b{color:var(--txt)}.quiz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.quiz-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;cursor:pointer;transition:.15s;box-shadow:var(--shadow)}.quiz-card:hover{border-color:var(--accent);transform:translateY(-2px)}.quiz-card h3{margin:0 0 .5rem;font-size:1.05rem}.quiz-card .qmeta{color:var(--mut);font-size:.85rem;display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}.badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:.1rem .6rem;font-size:.75rem;color:var(--mut)}.badge,.mini-bar{background:var(--panel2)}.mini-bar{height:7px;border-radius:5px;overflow:hidden;margin-top:.6rem}.mini-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),#6db3ff)}.quiz-card .score{font-size:.85rem;color:var(--mut);margin-top:.5rem}.quizbar{gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.progresswrap,.quizbar{display:flex;align-items:center}.progresswrap{flex:1 1;gap:.7rem;min-width:180px}.progressbar{flex:1 1;height:9px;background:var(--panel2);border-radius:6px;overflow:hidden}.progressbar>div{height:100%;background:linear-gradient(90deg,var(--accent),#6db3ff);transition:.3s}.progresswrap span{color:var(--mut);font-size:.82rem;white-space:nowrap}.meters{display:flex;gap:.5rem}.meter{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.3rem .7rem;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meter.good{color:var(--good)}.meter.bad{color:var(--bad)}.stage{display:grid;grid-template-columns:1fr 420px;grid-gap:1.4rem;gap:1.4rem;align-items:start}.stage.noimg{grid-template-columns:1fr}.qpanel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.qhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;gap:.5rem}.qid{font-weight:700;color:var(--accent)}.qtype{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);border:1px solid var(--line);border-radius:20px;padding:.15rem .7rem;white-space:nowrap}.qtext{font-size:1.08rem;margin-bottom:1.2rem;white-space:pre-wrap}.options{display:flex;flex-direction:column;gap:.6rem;overflow-x:auto}.opt{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;transition:.12s;background:var(--panel2)}.opt:hover{border-color:var(--mut)}.opt.sel{border-color:var(--accent);background:rgba(61,139,253,.1)}.opt input{margin-top:.2rem;accent-color:var(--accent);width:17px;height:17px;flex:none}.opt.correct{border-color:var(--good);background:var(--good-bg)}.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.opt .tick{margin-left:auto;font-weight:700;white-space:nowrap}.opt.correct .tick{color:var(--good)}.opt.wrong .tick{color:var(--bad)}.opt.locked{cursor:default}table.matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:min-content;font-size:.9rem}table.matrix td,table.matrix th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:.55rem .7rem;text-align:center}table.matrix thead th{background:var(--panel2);position:-webkit-sticky;position:sticky;top:0;font-size:.82rem;white-space:nowrap;vertical-align:bottom}table.matrix tbody th.rowlab,table.matrix thead th:first-child{border-right:2px solid var(--line)}table.matrix tbody th.rowlab{text-align:left;font-weight:500;background:var(--panel2);white-space:normal;min-width:150px;max-width:280px}table.matrix tr:last-child td,table.matrix tr:last-child th{border-bottom:none}table.matrix td.cellbox{cursor:pointer}table.matrix input.cell{width:19px;height:19px;accent-color:var(--accent);cursor:pointer}table.matrix td.sel-cell{background:rgba(61,139,253,.14)}table.matrix td.cell-correct{background:var(--good-bg);box-shadow:inset 0 0 0 2px var(--good)}table.matrix td.cell-wrong{background:var(--bad-bg);box-shadow:inset 0 0 0 2px var(--bad)}.dnd-hint{color:var(--mut);font-size:.85rem;margin-bottom:.7rem}.dnd-order{display:flex;flex-direction:column;gap:.5rem}.dnd-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel2);cursor:-webkit-grab;cursor:grab;transition:.1s}.dnd-item:hover{border-color:var(--mut)}.dnd-item.dragging{opacity:.4}.dnd-item.over{border-color:var(--accent);box-shadow:0 -2px 0 var(--accent)}.dnd-item.correct{border-color:var(--good);background:var(--good-bg)}.dnd-item.wrong{border-color:var(--bad);background:var(--bad-bg)}.dnd-num{width:26px;height:26px;flex:none;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.dnd-grip{color:var(--mut);margin-left:auto}.dnd-match{display:flex;flex-direction:column;gap:.6rem}.dnd-pair{display:grid;grid-template-columns:1fr auto 1.2fr;grid-gap:.6rem;gap:.6rem;align-items:center}.dnd-left{padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel2)}.dnd-drop{min-height:44px;padding:.5rem .7rem;border:1.5px dashed var(--line);border-radius:10px;background:var(--bg);display:flex;align-items:center;gap:.4rem}.dnd-drop.over{border-color:var(--accent);background:rgba(61,139,253,.08)}.dnd-drop.correct{border-style:solid;border-color:var(--good);background:var(--good-bg)}.dnd-drop.wrong{border-style:solid;border-color:var(--bad);background:var(--bad-bg)}.dnd-bank{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line)}.dnd-token{padding:.45rem .8rem;border:1.5px solid var(--line);border-radius:20px;background:var(--panel2);cursor:-webkit-grab;cursor:grab;font-size:.9rem}.dnd-token.dragging{opacity:.4}.dnd-arrow{color:var(--mut)}.review-note{background:var(--warn);color:#1a1200;padding:.6rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1rem}.feedback{margin:1rem 0 0;font-weight:600;min-height:1.2rem}.feedback.ok{color:var(--good)}.feedback.no{color:var(--bad)}.qactions{display:flex;gap:.6rem;margin-top:1.3rem;flex-wrap:wrap}.qactions.center{justify-content:center}.notes{margin-top:1rem;color:var(--mut);font-size:.85rem;border-top:1px dashed var(--line);padding-top:.8rem}.imgpanel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;position:-webkit-sticky;position:sticky;top:80px;box-shadow:var(--shadow)}.imgpanel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;color:var(--mut);font-size:.85rem}.imgwrap{border-radius:10px;overflow:auto;background:#000;max-height:70vh}.imgwrap img{width:100%;display:block;cursor:zoom-in}.imgfile{color:var(--mut);font-size:.72rem;margin-top:.5rem;word-break:break-all}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;max-width:520px;margin:1rem auto;box-shadow:var(--shadow);text-align:center}.result-card .big{font-size:3rem;font-weight:800;margin:.3rem 0}.result-card .big.good{color:var(--good)}.result-card .big.mid{color:var(--warn)}.result-card .big.low{color:var(--bad)}.result-row{display:flex;justify-content:space-around;margin-top:1.2rem;color:var(--mut)}.result-row b{display:block;color:var(--txt);font-size:1.3rem}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:50;padding:2rem}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lbclose{position:absolute;top:1rem;right:1.2rem;background:hsla(0,0%,100%,.15);color:#fff;border-radius:50%;width:40px;height:40px}.dnd-item{gap:.6rem}.dnd-text{flex:1 1;min-width:0}.dnd-moves{margin-left:auto;display:flex;gap:.3rem;flex:none}.dnd-move{background:var(--panel);border:1px solid var(--line);color:var(--txt);width:38px;height:38px;padding:0;border-radius:8px;font-size:.9rem;line-height:1}.dnd-move:disabled{opacity:.3}.dnd-hintbad{margin-left:auto;color:var(--bad);font-size:.8rem;white-space:nowrap;flex:none}.dnd-ph{color:var(--mut)}.dnd-ans{margin-left:auto;color:var(--good);font-size:.8rem}.dnd-drop.armed{border-color:var(--accent);cursor:pointer}.dnd-token.picked{border-color:var(--accent);background:rgba(61,139,253,.18);color:var(--txt)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;width:100%;max-width:380px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.login-brand{font-weight:700;font-size:1.15rem}.login-brand span{color:var(--accent)}.login-sub{color:var(--mut);margin:0;font-size:.9rem}.login-input{background:var(--panel2);border:1.5px solid var(--line);border-radius:10px;padding:.75rem 1rem;color:var(--txt);font-size:1rem;width:100%}.login-input:focus{outline:none;border-color:var(--accent)}.login-btn{width:100%;padding:.75rem}.login-err{color:var(--bad);font-size:.85rem;margin:-.3rem 0 0}@media(max-width:880px){.stage{grid-template-columns:1fr}.imgpanel{position:static}}@media(max-width:600px){.topbar{padding:.7rem 1rem}.brand{font-size:.95rem}.topstats{display:none}.view{padding:1rem .9rem 3rem}h1{font-size:1.3rem}.quiz-list{grid-template-columns:1fr;gap:.8rem}.type-legend{gap:.4rem}.chip{padding:.3rem .7rem;font-size:.78rem}.quizbar{gap:.6rem}.progresswrap{order:3;flex-basis:100%}.meters{margin-left:auto}.qpanel{padding:1.1rem}.qtext{font-size:1rem}.opt{padding:.9rem}.opt input{width:20px;height:20px}table.matrix{font-size:.82rem}table.matrix td,table.matrix th{padding:.5rem}table.matrix tbody th.rowlab{min-width:120px;max-width:190px}table.matrix input.cell{width:22px;height:22px}.qactions button{flex:1 1 auto;min-width:0;padding:.7rem .6rem}.imgpanel{top:auto}.login-card{padding:1.5rem}}