.blog-index,.blog-post{--blog-ink: var(--ink, #f2f2f2);--blog-text: var(--content-color, #a9b1bb);--blog-muted: var(--faint, #5c6470);--blog-border: var(--border, #1a2028);--blog-card: var(--card, #0c1016);--blog-accent: var(--blue, #2f9bff);--blog-accent-soft: var(--blue-soft, rgba(47, 155, 255, .45));--blog-code-bg: var(--raised, rgba(127, 127, 127, .12))}.blog-index{max-width:1120px;margin:0 auto;padding:0 1.5rem 6rem}.blog-status{color:var(--blog-muted);padding:3rem 0}.blog-section-label{font-family:var(--accent-font, "Poppins", sans-serif);font-size:var(--accent-size, .68rem);color:var(--accent-color, var(--blog-accent));letter-spacing:.15em;text-transform:uppercase;margin:4rem 0 1.4rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1.6rem}.blog-card{display:flex;flex-direction:column;background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--corner, 10px);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.blog-card:hover{border-color:var(--blog-accent-soft);transform:translateY(-2px)}.blog-card-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-card-body{padding:1.3rem 1.4rem 1.6rem}.blog-meta{font-size:.78rem;color:var(--blog-muted);margin-bottom:.7rem}.blog-lang{margin-left:.6rem;padding:.05rem .4rem;border:1px solid var(--blog-border);border-radius:calc(var(--corner, 10px) * .4);font-size:.66rem;letter-spacing:.08em}.blog-card-title{font-family:var(--blog-title-font, var(--h3-font, "Poppins", sans-serif));font-weight:var(--blog-title-weight, 700);letter-spacing:var(--blog-title-tracking, normal);font-size:1.2rem;line-height:1.35;color:var(--blog-title-color, var(--blog-ink));margin-bottom:.6rem}.blog-card-summary{font-size:.92rem;line-height:1.6;color:var(--blog-text)}.blog-pinned{--blog-ink: var(--ink, #f2f2f2);--blog-text: var(--content-color, #a9b1bb);--blog-muted: var(--faint, #5c6470);--blog-border: var(--border, #1a2028);--blog-card: var(--card, #0c1016);--blog-accent: var(--blue, #2f9bff);--blog-accent-soft: var(--blue-soft, rgba(47, 155, 255, .45))}.blog-pinned .blog-section-label{margin-top:0}.blog-more{display:inline-block;margin-top:1.6rem;font-size:.9rem;font-weight:600;color:var(--blog-accent)}.blog-post{max-width:46rem;margin:0 auto;padding:3.5rem 1.5rem 6rem}.blog-back{display:inline-block;font-size:.82rem;color:var(--blog-muted);margin-bottom:2.4rem}.blog-back:hover{color:var(--blog-accent)}.blog-post-title{font-family:var(--blog-title-font, var(--h2-font, "Poppins", sans-serif));font-weight:var(--blog-title-weight, 700);letter-spacing:var(--blog-title-tracking, normal);font-size:clamp(2rem,5vw,var(--blog-title-size, 3rem));line-height:1.15;color:var(--blog-title-color, var(--blog-ink));margin-bottom:1.2rem}.blog-post-summary{font-size:1.15rem;line-height:1.6;color:var(--blog-text);margin-bottom:1.2rem}.blog-note,.blog-translation{display:inline-block;font-size:.85rem;color:var(--blog-accent);margin:.4rem 1rem 0 0}.blog-note{color:var(--blog-muted)}.blog-post-figure{margin:2.2rem 0 .4rem}.blog-post-cover{width:100%;border-radius:var(--corner, 10px)}.blog-cover-credit{margin-top:.55rem;font-size:.74rem;color:var(--blog-muted)}.blog-cover-credit a{color:inherit;text-decoration:underline;text-underline-offset:.18em}.blog-cover-credit a:hover{color:var(--blog-accent)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:3rem}.blog-tags li{font-size:.75rem;color:var(--blog-muted);border:1px solid var(--blog-border);border-radius:999px;padding:.2rem .75rem}.blog-translations{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--blog-border)}.blog-aside{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--blog-border)}.blog-article{margin-top:2.4rem;font-family:var(--content-font, "Lato", sans-serif);font-size:1.06rem;line-height:1.8;color:var(--blog-text, var(--content-color, #a9b1bb));overflow-wrap:break-word}.blog-article>*+*{margin-top:1.2em}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4{color:var(--blog-ink, var(--ink, #f2f2f2));line-height:1.3;margin-top:2.2em}.blog-article h1,.blog-article h2{font-family:var(--h2-font, "Poppins", sans-serif);font-size:1.6rem}.blog-article h3,.blog-article h4{font-family:var(--h3-font, "Poppins", sans-serif);font-size:1.15rem}.blog-article a{color:var(--blog-accent, var(--blue, #2f9bff));text-decoration:underline;text-underline-offset:.18em}.blog-article strong{color:var(--blog-ink, var(--ink, #f2f2f2))}.blog-article ul,.blog-article ol{padding-left:1.4em}.blog-article li+li{margin-top:.4em}.blog-article blockquote{border-left:3px solid var(--blog-accent, var(--blue, #2f9bff));padding:.2em 0 .2em 1.1em;font-style:italic}.blog-article code{font-family:JetBrains Mono,monospace;font-size:.88em;background:var(--blog-code-bg, rgba(127, 127, 127, .12));border-radius:calc(var(--corner, 10px) * .4);padding:.1em .35em}.blog-article pre{background:var(--blog-code-bg, rgba(127, 127, 127, .12));border-radius:calc(var(--corner, 10px) * .8);padding:1em 1.2em;overflow-x:auto;line-height:1.55}.blog-article pre code{background:none;padding:0}.blog-article img{max-width:100%;height:auto;border-radius:calc(var(--corner, 10px) * .8)}.blog-article hr{border:none;border-top:1px solid var(--blog-border, var(--border, #1a2028));margin:2.6em 0}.blog-article table{width:100%;border-collapse:collapse;font-size:.92em}.blog-article th,.blog-article td{border-bottom:1px solid var(--blog-border, var(--border, #1a2028));padding:.55em .6em;text-align:left}.blog-ssr{max-width:46rem;margin:0 auto;padding:calc(var(--nav-height, 4.5rem) + 3rem) 1.5rem 6rem}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #070a0e;--surface: #0e1218;--card: #0c1016;--border: #1a2028;--input-bg: #0a0c10;--ink: #e8eaed;--soft: #cfd6dd;--muted: #8a93a0;--faint: #5c6470;--blue: #2f9bff;--blue-soft: rgba(47, 155, 255, .45);--raised: #121821;--green: #2fbf71;--red: #e5484d;--amber: #f5a623;--content-color: #b4bcc6;--content-font: "Lato", sans-serif;--h2-font: "Poppins", sans-serif;--h3-font: "Poppins", sans-serif;color-scheme:dark}body{background:var(--bg);color:var(--soft);font-family:Lato,system-ui,sans-serif}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border)}h1{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:var(--ink)}h1 em{font-style:normal;color:var(--blue)}.site-picker{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.btn{background:none;border:1px solid var(--border);color:var(--muted);font-family:Poppins,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .8rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .2s ease,color .2s ease}.btn:hover{border-color:var(--blue-soft);color:var(--ink)}.btn.on,.btn.primary{border-color:var(--blue);color:var(--blue)}.btn.approve{border-color:#2fbf7199;color:var(--green)}.btn.reject{border-color:#e5484d80;color:var(--red)}.btn:disabled{opacity:.45;cursor:default}.badge{background:var(--raised);color:var(--muted);border-radius:.6rem;min-width:1.1rem;padding:.05rem .35rem;font-size:.58rem;text-align:center}.btn.on .badge{background:var(--blue);color:#fff}.chip{border:1px solid var(--border);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.6rem;padding:.1rem .45rem;white-space:nowrap}.chip.st-draft{border-color:#f5a62380;color:var(--amber)}.chip.st-published{border-color:#2fbf7180;color:var(--green)}.chip.st-archived{color:var(--faint)}.chip.pinned{border-color:#2f9bff80;color:var(--blue)}.chip.lang{color:var(--soft)}.muted{color:var(--faint);font-size:.8rem}.link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer}.workspace{flex:1;display:grid;grid-template-columns:19rem 1fr;min-height:0}.list{border-right:1px solid var(--border);padding:1rem;overflow-y:auto;max-height:calc(100vh - 4.2rem);position:sticky;top:0}.list .new{width:100%;justify-content:center;margin-bottom:.9rem}.tabs{display:flex;gap:.1rem;border-bottom:1px solid var(--border);margin-bottom:.6rem}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-family:Poppins,sans-serif;font-size:.62rem;font-weight:600;text-transform:capitalize;padding:.45rem .55rem;cursor:pointer}.tab.on{color:var(--blue);border-bottom-color:var(--blue)}.post-row{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;border-bottom-color:var(--border);padding:.7rem .6rem;cursor:pointer;color:var(--soft)}.post-row:hover{background:var(--surface)}.post-row.on{background:var(--surface);border-color:var(--blue-soft)}.post-title{display:block;font-size:.88rem;color:var(--ink);margin-bottom:.35rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.68rem;color:var(--faint)}.pane{padding:1.2rem 1.6rem 4rem;min-width:0}.empty{color:var(--faint);font-size:.85rem;padding:1rem 0}.empty.big{padding:5rem 0;text-align:center}.error,.notice{font-size:.82rem;padding:.55rem .8rem;margin-bottom:1rem;border:1px solid rgba(229,72,77,.4);color:var(--red)}.notice{border-color:#2fbf7166;color:var(--green)}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.2rem}.spacer{flex:1}.unsaved{font-size:.72rem;color:var(--amber)}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1rem;margin-bottom:1.2rem}.field{display:flex;flex-direction:column;gap:.35rem;grid-column:span 2}.field.wide{grid-column:1 / -1}.field.narrow{grid-column:span 1}.field>span{font-family:Poppins,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.field input,.field select,.field textarea,.gate input{background:var(--input-bg);border:1px solid var(--border);color:var(--ink);font-size:.9rem;padding:.5rem .65rem;width:100%}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.md-input:focus,.gate input:focus{outline:none;border-color:var(--blue-soft)}.cover-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cover-url{flex:1;min-width:14rem;width:auto!important}.credit-row{margin-top:.5rem}.credit-row input:first-child{width:16rem!important}.field-note{font-size:.75rem;margin-top:.1rem}.error-text{color:var(--red)}.cover-thumb{height:2.6rem;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border)}.md-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;border:1px solid var(--border);border-bottom:none;padding:.35rem;background:var(--surface)}.tool{background:none;border:1px solid transparent;color:var(--muted);font-size:.75rem;font-weight:700;padding:.3rem .55rem;cursor:pointer}.tool:hover{color:var(--ink);border-color:var(--border)}.tool.image{color:var(--blue)}.md-tabs{display:none}.md-tabs button{background:none;border:none;color:var(--muted);font-size:.72rem;padding:.3rem .6rem;cursor:pointer}.md-tabs button.on{color:var(--blue)}.md-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);min-height:60vh}.md-input{background:var(--input-bg);border:none;border-right:1px solid var(--border);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:.86rem;line-height:1.7;padding:1rem 1.1rem;resize:none;min-height:60vh}.md-preview{padding:1rem 1.6rem 2rem;overflow-y:auto;max-height:80vh}.preview-title{font-size:1.9rem;line-height:1.2}.md-preview .blog-article{margin-top:1.2rem}.gate{max-width:26rem;margin:0 auto;padding:7rem 1.25rem;text-align:center}.gate p{color:var(--muted);font-size:.85rem;margin:.8rem 0 1.2rem}.gate form{display:flex;gap:.5rem}.gate.auth{max-width:28rem;padding-top:5rem}.auth-title{font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;margin-top:1.6rem}.auth-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.auth-form input,.side-panel input,.side-panel select,.users select{flex:1 1 12rem;background:var(--input-bg);border:1px solid var(--border);color:var(--ink);font-size:.9rem;padding:.5rem .65rem}.auth-form.stack{flex-direction:column}.auth-form.stack input{flex:none}.auth-form input:focus,.side-panel input:focus,.side-panel select:focus{outline:none;border-color:var(--blue-soft)}.code-input{font-family:JetBrains Mono,monospace;letter-spacing:.2em;text-align:center}.auth-links{font-size:.8rem}.auth-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.enroll .qr{display:block;width:13rem;height:13rem;margin:0 auto 1rem;background:#fff;padding:.5rem}.small{font-size:.78rem;line-height:1.5}.secret{display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.08em;color:var(--ink);margin:.5rem 0;word-break:break-all;-webkit-user-select:all;user-select:all}.codes{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.2rem;padding:1rem;border:1px solid var(--border);background:var(--input-bg);font-family:JetBrains Mono,monospace;font-size:.9rem;-webkit-user-select:all;user-select:all}.notice.warn{border-color:#f5a62380;color:var(--amber)}.chip.role-admin{border-color:#2f9bff80;color:var(--blue)}.chip.role-editor{border-color:#2fbf7180;color:var(--green)}.chip.role-writer{color:var(--soft)}.side-panel{position:fixed;top:4.2rem;right:1rem;z-index:20;width:min(24rem,calc(100vw - 2rem));max-height:calc(100vh - 5.2rem);overflow-y:auto;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px #00000080;padding:1rem 1.2rem 1.4rem}.side-panel.wide{width:min(58rem,calc(100vw - 2rem))}.side-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}.side-head h2{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600}.who{font-size:.85rem;line-height:1.6;margin-bottom:1rem}.who .chip,.users .chip{margin-left:.4rem}.side-actions{display:flex;flex-direction:column;gap:.5rem}.secret-box{line-height:1.5}.user-new{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.users{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:1rem}.users th{text-align:left;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:.4rem .5rem;border-bottom:1px solid var(--border)}.users td{padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.users tr.off td{opacity:.55}.users select{flex:none;padding:.3rem .4rem;font-size:.8rem}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.side-panel code{font-family:JetBrains Mono,monospace;font-size:.75rem}@media(max-width:700px){.users thead{display:none}.users tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--border)}.users td{border:none}.row-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.list{position:static;max-height:16rem;border-right:none;border-bottom:1px solid var(--border)}.fields{grid-template-columns:1fr 1fr}.field,.field.narrow{grid-column:span 1}.md-tabs{display:flex}.md-split{grid-template-columns:1fr}.md-split.show-write .md-preview,.md-split.show-preview .md-input{display:none}.md-input{border-right:none}}