:root{--ink:#1a1a1a;--muted:#5f5f5c;--line:#e5e2da;--bg:#faf8f4;--card:#fff;--accent:#b3541e;--ok:#1e7e34;--err:#a33}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cms-shell{max-width:1080px;margin:0 auto;padding:28px 22px 80px}.cms-topbar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 0;display:flex}.cms-brand{color:var(--ink);font-size:18px;font-weight:800;text-decoration:none}.cms-brand small{color:var(--muted);margin-left:8px;font-size:13px;font-weight:400}.cms-user{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.cms-lang-dropdown{display:inline-block;position:relative}.cms-lang-dropdown-btn{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.cms-lang-dropdown-btn:hover{border-color:var(--ink)}.cms-lang-chevron{color:var(--muted);transition:transform .15s}.cms-lang-chevron.open{transform:rotate(180deg)}.cms-lang-dropdown-menu{background:var(--card);border:1px solid var(--line);z-index:60;border-radius:10px;min-width:170px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000001f}.cms-lang-dropdown-item{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.cms-lang-dropdown-item:hover,.cms-lang-dropdown-item.active{background:var(--bg)}.cms-lang-code{min-width:26px;font-size:11px;font-weight:800}.cms-lang-name{color:var(--muted);flex:1}.cms-lang-dropdown-item.active .cms-lang-name{color:var(--ink);font-weight:700}.cms-lang-check{color:var(--ink);font-size:12px;font-weight:800}.cms-authoring{font-size:12px}.cms-authoring strong{color:var(--ink)}.tag-ok,.tag-missing{border-radius:20px;margin-right:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tag-ok{color:#166534;background:#dcfce7}.tag-missing{color:#92400e;background:#fef3c7}.cms-crumbs{color:var(--muted);margin:18px 0 6px;font-size:13px}.cms-crumbs a{color:var(--accent)}.cms-h1{letter-spacing:-.02em;margin:4px 0 6px;font-size:30px}.cms-sub{color:var(--muted);max-width:640px;margin:0 0 22px;font-size:14px;line-height:1.55}.cms-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.cms-card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.cms-card:hover{border-color:var(--ink);transform:translateY(-1px)}.cms-card .icon{font-size:26px}.cms-card h3{margin:10px 0 6px;font-size:16px}.cms-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.cms-card .meta{color:var(--accent);margin-top:10px;font-size:12px;font-weight:700}.cms-row{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.btn{cursor:pointer;background:var(--ink);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:default}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-danger{background:var(--err)}.btn-big{padding:14px 28px;font-size:16px}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field .hint{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.textarea{resize:vertical;min-height:120px;line-height:1.6}.alert{border-radius:8px;margin:14px 0;padding:12px 16px;font-size:14px;line-height:1.5}.alert-error{color:var(--err);background:#fdecea;border:1px solid #f3c1bd}.alert-ok{color:var(--ok);background:#e9f6ec;border:1px solid #bfe3c8}.alert-info{color:#245;background:#eef4fb;border:1px solid #c9dcf2}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:380px;padding:36px}.login-card h1{margin:0 0 6px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 22px;font-size:14px}.editor-layout{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}@media (max-width:900px){.editor-layout{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tool-btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:6px;padding:6px 10px;font-size:12.5px;font-weight:600}.tool-btn:hover{border-color:var(--ink)}.editor-textarea{min-height:480px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}.preview-pane{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:calc(100vh - 32px);padding:8px 26px;position:sticky;top:16px;overflow:auto}.preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 4px;font-size:12px;font-weight:800}.pub-list{border:1px solid var(--line);background:#fff;border-radius:10px;margin:14px 0;padding:6px 18px}.pub-list li{margin:10px 0;font-size:14px}.pub-list code{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:12.5px}.modal-overlay{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:26px;box-shadow:0 20px 60px #00000040}.modal h2{margin:0 0 10px;font-size:20px}.modal p{color:var(--ink);margin:0 0 12px;font-size:14px;line-height:1.55}.modal code{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:13px}.modal .cms-row{margin-top:16px}.danger-zone{border-top:1px solid var(--line);margin-top:34px;padding-top:18px}.danger-zone h3{color:var(--err);margin:0 0 6px;font-size:15px}.danger-zone p{color:var(--muted);margin:0 0 12px;font-size:13px}p.hint{color:var(--muted);font-size:13px;line-height:1.5}p.hint a{color:var(--accent)}.cms-h2{margin:26px 0 4px;font-size:18px}.admin-list{gap:10px;margin:12px 0 8px;display:grid}.admin-row{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 240px auto;align-items:center;gap:12px;padding:14px 16px;display:grid}@media (max-width:760px){.admin-row{grid-template-columns:1fr}}.admin-who{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-user{color:var(--muted);font-size:13px}.admin-status{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.st-pending{color:#9a6b1a;background:#fdf3e3}.st-active{color:var(--ok);background:#e9f6ec}.st-disabled{color:var(--muted);background:#f1f1f4}.admin-subject{align-items:center;gap:8px;display:flex}.admin-subject .input{width:auto;min-width:0}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}
.preview-pane .lesson-article{max-width:var(--reading);margin:auto;padding:64px 0 110px}.preview-pane .lesson-article h2{margin:64px 0 18px;font-size:2.8rem;line-height:1}.preview-pane .lesson-article h3{margin:38px 0 12px;font-size:1.75rem}.preview-pane .lesson-article p{color:var(--muted);margin:0 0 20px;font-size:1.03rem}.preview-pane .definition{border-left:8px solid var(--accent);padding-left:24px;font-family:Newsreader,serif;line-height:1.25;color:var(--ink)!important;margin:28px 0 38px!important;font-size:1.85rem!important}.preview-pane .concept-diagram{background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:28px 0;padding:32px;display:grid}.preview-pane .diagram-arrow{font-size:2rem}.preview-pane .practice-box{background:var(--surface);margin:32px 0;padding:30px}.preview-pane .practice-box h3{margin-top:0}.preview-pane .quiz{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:34px 0;padding:28px 0}.preview-pane .quiz h3{margin-top:0}.preview-pane .quiz-submit{background:var(--ink);color:var(--bg);border:0;padding:12px 18px;font-weight:800}.preview-pane .lesson-article code{background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:2px 6px;font:500 .88em/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-pane .code-block code,.preview-pane .tryit code{background:0 0;border:0;padding:0}.preview-pane .lesson-article p a,.preview-pane .lesson-article li a{border-bottom:2px solid var(--accent);font-weight:800}.preview-pane .callout{border:1px solid var(--line);background:var(--bg);margin:36px 0;padding:28px}.preview-pane .callout-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-family:Newsreader,serif;font-size:1.4rem}.preview-pane .callout p:last-child{margin-bottom:0}.preview-pane .definition p{line-height:inherit;margin:0 0 14px;font-size:inherit!important;color:inherit!important}.preview-pane .definition p:last-child{margin-bottom:0}.preview-pane .definition strong{color:inherit}.preview-pane .quiz-head{letter-spacing:-.035em;color:var(--ink);margin:0 0 6px;font-family:Newsreader,serif;font-size:1.75rem}.preview-pane .quiz-q{border-top:1px solid var(--line);padding:22px 0}.preview-pane .quiz-q:first-of-type{border-top:0}.preview-pane .quiz-opts{gap:8px;margin-top:12px;display:grid}.preview-pane .quiz-opt{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.preview-pane .quiz-opt:hover:not(:disabled){background:var(--surface)}.preview-pane .quiz-opt:disabled{cursor:default}.preview-pane .quiz-opt.correct{border-color:var(--success);color:var(--success);font-weight:700}.preview-pane .quiz-opt.wrong{border-color:var(--danger);color:var(--danger)}.preview-pane .quiz-explain{color:var(--muted);margin-top:10px;font-size:.9rem;display:none}.preview-pane .quiz-explain.visible{display:block}.preview-pane .quiz-score{color:var(--success);margin-top:18px;font-weight:800;display:none}.preview-pane .quiz-score.visible{display:block}.preview-pane .practice{border-top:1px solid var(--ink);margin:34px 0}.preview-pane .practice-item{border-bottom:1px solid var(--line);padding:22px 0}.preview-pane .practice-answer{margin-top:14px;display:none}.preview-pane .practice-answer.visible{display:block}.preview-pane .practice-answer p{color:var(--muted)}.preview-pane .code-block{background:var(--code);color:var(--code-ink);box-shadow:var(--shadow);margin:28px 0}.preview-pane .code-head{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.75rem;display:flex}.preview-pane .copy-btn{color:var(--code-ink);background:0 0;border:1px solid #ffffff59;padding:6px 12px;font-size:.72rem;font-weight:700}.preview-pane .code-block pre{white-space:pre;margin:0;padding:18px;font:500 .92rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.preview-pane .diagram{border:1px solid var(--line);background:var(--bg);margin:28px 0;padding:28px}.preview-pane .diagram svg{max-width:100%;height:auto;margin:auto}.preview-pane .diagram figcaption{color:var(--muted);margin-top:14px;font-size:.85rem}.preview-pane .formula{background:var(--surface);text-align:center;margin:28px 0;padding:30px}.preview-pane .formula-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:12px;font-size:.75rem;font-weight:800;display:block}.preview-pane .formula>div{color:var(--ink);font-family:Newsreader,serif;font-size:1.6rem;line-height:1.3}.preview-pane .mdx-table{border-collapse:collapse;width:100%;margin:28px 0;font-size:.95rem}.preview-pane .mdx-table th,.preview-pane .mdx-table td{border:1px solid var(--line);text-align:left;padding:12px 14px}.preview-pane .mdx-table th{background:var(--surface);font-weight:800}.preview-pane .mdx-table td{color:var(--muted)}.preview-pane .solver{background:var(--surface);margin:32px 0;padding:30px}.preview-pane .lesson-article{padding:46px 20px 80px}.preview-pane .lesson-article h2{font-size:2.35rem}.preview-pane .concept-diagram{grid-template-columns:1fr}.preview-pane .diagram-arrow{justify-self:center;transform:rotate(90deg)}.preview-pane .preview-pane{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f5f6f2;--surface-2:#eceee8;--ink:#171914;--muted:#62665c;--line:#dfe2da;--accent:#d8ff3e;--accent-ink:#273300;--accent-deep:#526d00;--code:#171b16;--code-ink:#f2f6ee;--danger:#a63a35;--success:#386400;--shadow:0 18px 54px #14190f14;--content:1240px;--reading:760px}