:root{--ink:#172033;--muted:#667085;--line:#d9deea;--bg:#f4f6fb;--panel:#fff;--accent:#5b45e6;--orange:#f18a37;--green:#1b9c85;--danger:#c73655;--shadow:0 12px 35px #17203318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:fixed;left:-999px;top:8px;background:#fff;padding:10px;z-index:999}.skip:focus{left:8px}.topbar{height:64px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--orange));display:grid;place-items:center;font-size:21px}.topnav{display:flex;gap:18px;align-items:center}.topnav a{text-decoration:none}.topnav .lang{border:1px solid #ffffff55;border-radius:999px;padding:5px 11px}.hero{max-width:1480px;margin:auto;padding:34px 28px 22px}.hero h1{font-size:clamp(31px,4vw,52px);line-height:1.03;margin:10px 0}.hero p{max-width:900px;color:var(--muted);font-size:18px}.privacy-note{display:inline-flex;background:#e8faf4;color:#08765f;border:1px solid #b5ead9;border-radius:999px;padding:6px 11px;font-weight:750}.ad-slot{max-width:1180px;height:88px;margin:0 auto 20px;border:1px dashed #c4cad9;border-radius:12px;display:grid;place-items:center;color:#8a91a2;background:#fff}.app-wrap{padding:0 14px 28px}.app-shell{max-width:1850px;margin:auto;display:grid;grid-template-columns:285px minmax(640px,1fr) 350px;min-height:790px;background:#e8ebf3;border:1px solid #d4d8e4;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.panel{background:#fff;min-width:0;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.tabs{display:flex;gap:3px;padding:8px;background:#f6f7fb;position:sticky;top:0;z-index:3}.tab{border:0;background:transparent;padding:8px;border-radius:8px;color:#5e6678;font-size:13px}.tab.active{background:#fff;color:var(--accent);box-shadow:0 1px 5px #0001;font-weight:800}.pane{display:none;padding:12px}.pane.active{display:block}.workspace{min-width:0;display:flex;flex-direction:column}.toolbar{height:54px;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.workspace-body{display:grid;grid-template-rows:auto 1fr;min-height:730px}.subtabs{display:flex;gap:6px;padding:10px;background:#eef0f6;border-bottom:1px solid var(--line)}.subtab{border:1px solid #d4d8e4;background:#fff;border-radius:8px;padding:7px 10px}.subtab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.workpane{display:none;overflow:auto;padding:22px}.workpane.active{display:block}.btn{border:1px solid #cdd3df;background:#fff;color:#273145;border-radius:9px;padding:8px 10px;font-weight:700;font-size:13px}.btn:hover{border-color:#9187ef;background:#faf9ff}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{color:#aa2441;border-color:#edbdc8}.btn.block{width:100%}.btn.small{padding:6px 8px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hidden{display:none}.field{margin-bottom:10px}.field label{display:block;font-size:12px;font-weight:800;color:#596174;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd2de;border-radius:8px;padding:8px;background:#fff}.field textarea{min-height:92px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-title{font-size:12px;color:#687184;text-transform:uppercase;letter-spacing:.09em;margin:16px 0 8px;font-weight:850}.bank-tools{display:flex;gap:6px;margin-bottom:8px}.question-list{display:grid;gap:8px}.question-card{border:1px solid #dde1ea;border-radius:10px;padding:9px;background:#fff;cursor:pointer}.question-card.active{border:2px solid var(--accent);background:#f6f4ff}.question-card b{font-size:13px;display:block;line-height:1.3}.question-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.badge{font-size:10px;padding:3px 6px;background:#eef0f6;border-radius:999px;color:#596174}.badge.easy{background:#e8faf4;color:#08765f}.badge.hard{background:#fff0f3;color:#b22f47}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-card{border:1px solid #d9dce6;border-radius:10px;padding:7px;background:#fff;cursor:pointer}.template-card:hover{border-color:var(--accent)}.template-preview{height:62px;border-radius:7px;background:linear-gradient(135deg,var(--c1),var(--c2));position:relative;overflow:hidden}.template-preview:after{content:'?';position:absolute;right:10px;top:2px;font-size:46px;color:#ffffffaa;font-weight:900}.template-card b{display:block;font-size:11px;margin-top:5px}.editor-card,.preview-sheet,.report-card{background:#fff;border-radius:14px;box-shadow:0 4px 18px #1720330c;padding:22px;max-width:980px;margin:0 auto}.editor-card h2,.preview-sheet h2{margin-top:0}.answer-row{display:grid;grid-template-columns:32px 1fr 45px 34px;gap:6px;align-items:center;margin:6px 0}.answer-row input[type=text]{border:1px solid #ccd2de;border-radius:7px;padding:8px;width:100%}.answer-letter{width:30px;height:30px;border-radius:50%;background:#ece9ff;color:#4938c9;display:grid;place-items:center;font-weight:850}.question-preview{border:1px solid #d7dce8;border-radius:12px;padding:18px;margin:14px 0;break-inside:avoid;background:#fff}.question-preview .q-head{display:flex;justify-content:space-between;gap:10px}.answer-preview{display:grid;gap:7px;margin-top:12px}.answer-choice{display:flex;align-items:flex-start;gap:8px}.bubble{width:20px;height:20px;border:1.5px solid #697386;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px}.bubble.square{border-radius:4px}.blank-line{display:inline-block;border-bottom:1px solid #333;min-width:160px;height:1.2em}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-item{border:1px solid #d8dce7;padding:8px;border-radius:7px}.test-header{border-bottom:3px solid var(--accent);padding-bottom:12px;margin-bottom:18px}.test-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#596174;font-size:13px}.preview-controls{max-width:980px;margin:0 auto 10px;display:flex;gap:8px;align-items:center}.data-wrap{overflow:auto;max-height:480px;border:1px solid #d9dde7;border-radius:10px}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{border-bottom:1px solid #e4e7ef;padding:7px;text-align:left;white-space:nowrap}.data-table th{position:sticky;top:0;background:#f0f2f8}.version-card{border:1px solid #d7dce7;border-radius:10px;padding:12px;margin:8px 0;background:#fff}.score{font-size:42px;font-weight:900;color:var(--accent)}.checker-item{border-left:4px solid #d7a52e;background:#fff8e4;padding:8px 10px;margin:7px 0;border-radius:6px;font-size:12px}.checker-item.error{border-color:#c53653;background:#fff0f3}.checker-item.ok{border-color:#149576;background:#effbf7}.notice{background:#fff7dd;border:1px solid #eed279;padding:10px;border-radius:8px;font-size:12px}.status{font-size:12px;color:#5d6576;padding:8px 0}.status.ok{color:#08765f}.status.error{color:#b22f47}.article-wrap{max-width:1180px;margin:24px auto;padding:20px;display:grid;grid-template-columns:1fr 300px;gap:24px}.article{background:#fff;border-radius:14px;padding:28px;box-shadow:0 5px 20px #28304a0d}.article h2{margin-top:26px}.callout{background:#eef7ff;border-left:4px solid #3c83d4;padding:14px;border-radius:8px}.aside-card{background:#172033;color:#fff;padding:20px;border-radius:14px;position:sticky;top:80px}.site-footer{margin-top:35px;background:#172033;color:#d8dcec;padding:38px 22px}.footer-inner{max-width:1180px;margin:auto}.project-links{display:flex;flex-wrap:wrap;gap:8px}.project-links a{border:1px solid #ffffff22;padding:6px 9px;border-radius:7px;text-decoration:none;font-size:13px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:22px;padding-top:18px}.modal{position:fixed;inset:0;background:#0c1020ee;z-index:1000;display:none;color:#fff}.modal.active{display:grid;grid-template-columns:1fr 300px}.class-main{display:grid;place-items:center;padding:32px}.class-slide{width:min(1100px,95%);min-height:570px;background:#fff;color:#172033;border-radius:18px;padding:42px;position:relative}.class-side{border-left:1px solid #ffffff22;padding:18px}.class-toolbar{position:absolute;left:22px;bottom:20px;display:flex;gap:8px}.class-toolbar button{border:1px solid #ffffff44;background:#ffffff18;color:#fff;border-radius:8px;padding:8px}.team-score{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;margin:10px 0}.mobile-nav{display:none}.word-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);max-width:500px;border:2px solid #333}.word-grid span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #ccc;font-weight:800}.flashcards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flashcard{border:2px solid #222;border-radius:12px;min-height:170px;padding:18px;display:grid;place-items:center;text-align:center;break-inside:avoid}
@media(max-width:1180px){.app-shell{grid-template-columns:250px minmax(500px,1fr)}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);max-height:450px}.article-wrap{grid-template-columns:1fr}.aside-card{position:static}}
@media(max-width:760px){.topnav a:not(.lang){display:none}.hero{padding:24px 16px 14px}.app-wrap{padding:0}.app-shell{display:block;border-radius:0}.left-panel,.right-panel{display:none;border:0;max-height:none}.left-panel.mobile-show,.right-panel.mobile-show{display:block}.workspace{min-height:620px}.workpane{padding:10px}.toolbar{overflow-x:auto}.field-row{grid-template-columns:1fr}.answer-row{grid-template-columns:30px 1fr 38px}.answer-row .remove-answer{display:none}.preview-sheet{padding:14px}.test-meta{grid-template-columns:1fr}.mobile-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #ddd;z-index:40}.mobile-nav button{border:0;background:#fff;padding:12px 2px;font-size:11px}.article-wrap{padding:12px}.modal.active{grid-template-columns:1fr}.class-side{display:none}.class-slide{min-height:470px;padding:22px}.flashcards{grid-template-columns:1fr}.ad-slot{margin:0 12px 14px;height:68px}}
@media print{.topbar,.hero,.ad-slot,.panel,.toolbar,.subtabs,.article-wrap,.mobile-nav,.site-footer,.preview-controls{display:none!important}.app-wrap{padding:0}.app-shell{display:block;border:0;box-shadow:none}.workpane{display:none!important;padding:0}.workpane#previewPane{display:block!important}.preview-sheet{box-shadow:none;border-radius:0;max-width:none;padding:10mm}.question-preview{break-inside:avoid}.version-break{break-before:page}}