:root{--bg: #f6f6f8;--surface: #ffffff;--surface-2: #f1f2f5;--surface-3: #e7e8ee;--border: #e4e5ec;--border-strong: #d3d5df;--fg: #1a1b23;--muted: #565866;--muted-2: #888b98;--brand: #5b5bd6;--brand-strong: #4a4ac2;--brand-soft: rgba(91, 91, 214, .1);--brand-fg: #ffffff;--danger: #d64550;--danger-strong: #c02f3a;--danger-soft: rgba(214, 69, 80, .11);--success: #2e9e5b;--success-soft: rgba(46, 158, 91, .13);--warning: #c98a12;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow: 0 1px 2px rgba(20, 22, 40, .04), 0 4px 16px rgba(20, 22, 40, .05);--shadow-lg: 0 8px 40px rgba(20, 22, 40, .12);--maxw: 1080px;--header-h: 60px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}:root[data-theme=dark]{--bg: #0d0e12;--surface: #16171d;--surface-2: #1c1e26;--surface-3: #262933;--border: #24262f;--border-strong: #343745;--fg: #e8e9ef;--muted: #a2a5b0;--muted-2: #6d7080;--brand: #8484f2;--brand-strong: #9494f5;--brand-soft: rgba(132, 132, 242, .14);--brand-fg: #ffffff;--danger: #f0757f;--danger-strong: #f28c95;--danger-soft: rgba(240, 117, 127, .13);--success: #52c07e;--success-soft: rgba(82, 192, 126, .15);--warning: #e0a53c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 22px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 46px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html:not([data-theme]) body{visibility:hidden}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.25;font-weight:650;margin:0 0 .4em;letter-spacing:-.01em}h1{font-size:1.65rem}h2{font-size:1.25rem}p{margin:0 0 1em}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}main{padding:28px 0 80px}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.page-head .subtitle{color:var(--muted);font-size:.92rem;margin:4px 0 0}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;color:var(--muted-2);margin-bottom:14px}.breadcrumbs a{color:var(--muted)}.breadcrumbs .sep{opacity:.6}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.site-header .bar{height:var(--header-h);display:flex;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:1.08rem;letter-spacing:-.02em;color:var(--fg)}.brand:hover{text-decoration:none}.brand .mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--brand),var(--brand-strong));color:#fff}.header-spacer{flex:1}.mode-nav{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.mode-nav a{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:8px;font-size:.9rem;font-weight:550;color:var(--muted);white-space:nowrap}.mode-nav a:hover{color:var(--fg);text-decoration:none}.mode-nav a[aria-current=page]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}.mode-nav a .label{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:.9rem;font-weight:550;cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.btn-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn-danger{color:var(--danger);border-color:transparent;background:transparent}.btn-danger:hover{background:var(--danger-soft)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--fg)}.btn-sm{padding:5px 10px;font-size:.82rem}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.grid{display:grid;gap:14px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tile{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .15s,transform .1s}a.tile:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-1px)}.tile .tile-title{font-weight:620;font-size:1.02rem;color:var(--fg)}.tile .tile-meta{font-size:.83rem;color:var(--muted-2)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field>.label,.field-label{font-size:.8rem;font-weight:550;color:var(--muted)}.input,select.input,textarea.input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.input:focus,textarea.input:focus,select.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}textarea.input{resize:vertical;min-height:90px}.input::placeholder{color:var(--muted-2)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-row .field{flex:1;min-width:140px;margin-bottom:0}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-sm{gap:6px}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.small{font-size:.85rem}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.76rem;font-weight:550;color:var(--muted)}.tag.brand{background:var(--brand-soft);border-color:transparent;color:var(--brand)}.pill-count{min-width:22px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--surface-2);font-size:.76rem;font-weight:600;color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--muted-2);padding:54px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.divider{height:1px;background:var(--border);border:0;margin:18px 0}.flash{padding:10px 14px;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:16px}.flash.error{background:var(--danger-soft);color:var(--danger-strong)}.flash.ok{background:var(--success-soft);color:var(--success)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border)}.table th{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:0}.table .num{color:var(--muted-2);width:1%;white-space:nowrap}.ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none}.ico-lg{width:20px;height:20px}.split{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.sidebar{position:sticky;top:calc(var(--header-h) + 20px)}.tree{list-style:none;margin:0;padding:0;font-size:.9rem}.tree ul{list-style:none;margin:0;padding-left:16px;border-left:1px solid var(--border)}.tree li{margin:1px 0}.tree .node{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:7px;color:var(--muted)}.tree .node:hover{background:var(--surface-2);color:var(--fg);text-decoration:none}.tree .node.active{background:var(--brand-soft);color:var(--brand)}.tree .node.folder{font-weight:550;color:var(--fg)}.prose{font-size:.97rem;line-height:1.7;color:var(--fg);max-width:72ch}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{margin-top:1.5em}.prose h2{padding-bottom:.25em;border-bottom:1px solid var(--border)}.prose code{font-family:var(--mono);font-size:.86em;background:var(--surface-2);padding:.12em .4em;border-radius:5px}.prose pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;overflow:auto}.prose pre code{background:none;padding:0}.prose blockquote{margin:1em 0;padding:2px 16px;border-left:3px solid var(--brand);color:var(--muted)}.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid var(--border);padding:7px 11px}.prose th{background:var(--surface-2)}.prose img{max-width:100%;border-radius:var(--radius-sm)}.prose a{text-decoration:underline;text-underline-offset:2px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.editor-pane textarea{min-height:460px;font-family:var(--mono);font-size:.86rem;line-height:1.6}.preview-pane{position:sticky;top:calc(var(--header-h) + 20px)}.preview-pane .preview-head{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:12px 16px;border-bottom:1px solid var(--border)}.preview-body{padding:18px;max-height:70vh;overflow:auto}.practice{max-width:560px;margin:10px auto 0}.flashcard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:44px 28px;text-align:center;margin-bottom:20px}.flashcard .side-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-bottom:12px}.flashcard .term{font-size:1.9rem;font-weight:650;letter-spacing:-.02em}.flashcard .answer{margin-top:22px;padding-top:22px;border-top:1px dashed var(--border-strong)}.flashcard .answer .term{color:var(--brand)}.flashcard .note{margin-top:12px;color:var(--muted);font-size:.9rem}.progressbar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-bottom:18px}.progressbar>span{display:block;height:100%;background:var(--brand);transition:width .3s}.theme-toggle .moon{display:none}.theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=dark] .theme-toggle .sun{display:none}@media(max-width:860px){.split{grid-template-columns:1fr}.sidebar{position:static}.editor-grid{grid-template-columns:1fr}.preview-pane{position:static}}@media(max-width:680px){h1{font-size:1.4rem}.site-header .bar{gap:10px}.mode-nav{order:3;width:100%;justify-content:space-between;margin-bottom:10px}.mode-nav a{flex:1;justify-content:center;padding:7px 6px}.mode-nav a .label{display:none}.site-header .bar{height:auto;flex-wrap:wrap;padding-top:10px}.brand span.brandname{display:none}}