:root,:root[data-theme=light]{--bg:oklch(98.5% 0.004 265);--surface:oklch(100% 0 0);--surface-2:oklch(97% 0.005 265);--border:oklch(91% 0.006 265);--ink:oklch(27% 0.02 275);--ink-muted:oklch(52% 0.02 275);--accent:oklch(55% 0.2 285);--accent-dark:oklch(47% 0.2 285);--accent-soft:oklch(95% 0.03 285);--success:oklch(55% 0.13 155);--danger:oklch(55% 0.2 25);--shadow:0 6px 24px oklch(55% 0.2 285/0.07);--font-head:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}:root[data-theme=dark]{--bg:oklch(20% 0.02 275);--surface:oklch(24% 0.02 275);--surface-2:oklch(27% 0.02 275);--border:oklch(33% 0.02 275);--ink:oklch(93% 0.01 275);--ink-muted:oklch(70% 0.02 275);--accent:oklch(72% 0.16 285);--accent-dark:oklch(80% 0.14 285);--accent-soft:oklch(30% 0.05 285);--success:oklch(70% 0.15 155);--danger:oklch(68% 0.18 25);--shadow:0 6px 24px oklch(0% 0 0/0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.18;margin:0;letter-spacing:-.02em}.container{max-width:760px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface) 80%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:760px;margin:0 auto}.logo{font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-.03em}.logo span{color:var(--accent)}.header-nav{display:flex;gap:8px;align-items:center}.site-footer{border-top:1px solid var(--border);margin-top:60px}.site-footer .inner{max-width:760px;margin:0 auto;padding:22px 20px;color:var(--ink-muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;padding:10px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,filter .15s}.btn-primary{background:var(--accent);color:oklch(100% 0 0)}:root[data-theme=dark] .btn-primary{color:oklch(20% .02 275)}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{background:transparent;border-color:var(--border);color:var(--ink)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-success{background:var(--success);color:oklch(100% 0 0)}.btn-success:hover{filter:brightness(.94)}.btn-danger{background:transparent;border-color:var(--border);color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.btn-sm{padding:7px 13px;font-size:14px}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--ink-muted);cursor:pointer;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.hero{padding:40px 0 6px}.hero h1{font-size:36px}.hero p{color:var(--ink-muted);margin:10px 0 0;font-size:17px}.controls{margin:26px 0 10px;display:flex;flex-direction:column;gap:14px}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 14px;color:var(--ink-muted)}.search-box:focus-within{border-color:var(--accent);color:var(--accent)}.search-box input{flex:1 1;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:15px;padding:12px 0}.chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{font-family:var(--font-body);font-size:13px;font-weight:500;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);cursor:pointer;transition:all .15s}.chip:hover{color:var(--accent)}.chip.active,.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:oklch(100% 0 0)}:root[data-theme=dark] .chip.active{color:oklch(20% .02 275)}.article-list{display:flex;flex-direction:column;gap:14px;margin-top:22px}.article-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;transition:border-color .15s,transform .1s,box-shadow .15s}.article-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.article-card h2{font-size:21px;margin-bottom:8px}.article-card:hover h2{color:var(--accent)}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-muted);margin-bottom:10px}.card-meta .dot{opacity:.5}.card-excerpt{margin:0;color:var(--ink-muted);font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tag-badges{display:inline-flex;gap:6px;flex-wrap:wrap}.tag-badge{font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--accent-soft)}.tag-badge,:root[data-theme=dark] .tag-badge{color:var(--accent-dark)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted);font-size:14px;font-weight:500;margin:28px 0 20px}.back-link:hover{color:var(--accent)}.article-header{margin-bottom:28px}.article-header h1{font-size:34px;margin-bottom:14px}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-muted);font-size:14px}.article-meta .meta-item{display:inline-flex;align-items:center;gap:6px}.draft-flag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:oklch(85% .12 85/.4);color:oklch(45% .13 75)}:root[data-theme=dark] .draft-flag{color:oklch(85% .12 85)}.prose{font-size:17px;line-height:1.75;color:var(--ink)}.prose>:first-child{margin-top:0}.prose h2{font-size:25px;margin:38px 0 14px}.prose h3{font-size:20px;margin:30px 0 10px}.prose p{margin:16px 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose ol,.prose ul{margin:16px 0;padding-left:26px}.prose li{margin:6px 0}.prose blockquote{margin:20px 0;padding:4px 18px;border-left:3px solid var(--accent);color:var(--ink-muted);font-style:italic}.prose img{max-width:100%;height:auto;border-radius:12px}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--border);padding:8px 12px;text-align:left}.prose th{background:var(--surface-2)}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px}.prose pre{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px;overflow-x:auto;margin:20px 0;line-height:1.55}.prose pre code{font-family:var(--font-mono);font-size:14px;background:none;border:none;padding:0}.hljs{color:var(--ink)}.hljs-comment,.hljs-quote{color:oklch(58% .02 265);font-style:italic}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:oklch(52% .2 300)}.hljs-meta-string,.hljs-regexp,.hljs-string,.hljs-symbol{color:oklch(50% .13 150)}.hljs-bullet,.hljs-literal,.hljs-number{color:oklch(55% .14 40)}.hljs-section,.hljs-title,.hljs-title.function_{color:oklch(50% .16 250)}.hljs-attr,.hljs-attribute,.hljs-template-variable,.hljs-variable{color:oklch(52% .15 20)}.hljs-class .hljs-title,.hljs-type{color:oklch(50% .13 60)}.hljs-comment .hljs-doctag,.hljs-meta{color:oklch(58% .02 265)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}:root[data-theme=dark] .hljs-comment,:root[data-theme=dark] .hljs-quote{color:oklch(62% .02 265)}:root[data-theme=dark] .hljs-built_in,:root[data-theme=dark] .hljs-keyword,:root[data-theme=dark] .hljs-name,:root[data-theme=dark] .hljs-selector-tag{color:oklch(76% .14 300)}:root[data-theme=dark] .hljs-regexp,:root[data-theme=dark] .hljs-string,:root[data-theme=dark] .hljs-symbol{color:oklch(78% .15 150)}:root[data-theme=dark] .hljs-bullet,:root[data-theme=dark] .hljs-literal,:root[data-theme=dark] .hljs-number{color:oklch(80% .12 55)}:root[data-theme=dark] .hljs-section,:root[data-theme=dark] .hljs-title,:root[data-theme=dark] .hljs-title.function_{color:oklch(78% .13 250)}:root[data-theme=dark] .hljs-attr,:root[data-theme=dark] .hljs-attribute,:root[data-theme=dark] .hljs-template-variable,:root[data-theme=dark] .hljs-variable{color:oklch(78% .13 25)}.comments{margin:44px 0 20px;border-top:1px solid var(--border);padding-top:28px}.comments h2{font-size:20px;margin-bottom:18px}.comment{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.comment .who{font-weight:600;font-size:14px}.comment .when{color:var(--ink-muted);font-size:13px;margin-left:8px}.comment .text{margin:8px 0 0;white-space:pre-wrap;font-size:15px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 22px;margin:18px 0 40px}.form-intro{color:var(--ink-muted);margin:6px 0 20px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field .req{color:var(--accent)}.field .hint{font-weight:400;color:var(--ink-muted);font-size:13px}.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:15px;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink)}.field textarea.mono{font-family:var(--font-mono);font-size:14px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.field textarea{min-height:90px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-error{background:oklch(95% .05 25);color:oklch(45% .2 25);padding:10px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}:root[data-theme=dark] .form-error{background:oklch(35% .08 25);color:oklch(85% .1 25)}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editor-toolbar{display:flex;gap:6px;margin-bottom:8px}.seg{font-size:13px;font-weight:600;padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--ink-muted);cursor:pointer;border-radius:8px}.seg.active{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent)}.preview-pane{border:1px solid var(--border);border-radius:10px;padding:16px 18px;background:var(--bg);min-height:240px}.thanks{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.empty,.thanks{color:var(--ink-muted)}.empty{text-align:center;padding:48px 20px}.empty h3{font-size:18px;color:var(--ink);margin-bottom:6px}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:22px 0 4px;flex-wrap:wrap}.tab{font-family:var(--font-body);font-size:15px;font-weight:600;padding:11px 16px;background:transparent;color:var(--ink-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;flex-wrap:wrap}.admin-row-main{flex:1 1;min-width:220px}.admin-row-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-row h3{font-family:var(--font-head);font-size:16px;margin-bottom:4px}.admin-row .sub{font-size:13px;color:var(--ink-muted)}.status-pill{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px}.status-pill.published{background:color-mix(in oklab,var(--success) 20%,transparent);color:var(--success)}.status-pill.draft{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--border)}.prose pre.has-copy{position:relative}.prose pre .copy-btn{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:12px;font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg);border:1px solid var(--border);border-radius:7px;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.prose pre .copy-btn:focus-visible,.prose pre.has-copy:hover .copy-btn{opacity:1}.prose pre .copy-btn:hover{color:var(--accent);border-color:var(--accent)}.toc{margin:0 0 28px;padding:14px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.toc-title{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:3px 0}.toc li.toc-l3{padding-left:16px}.toc a{color:var(--ink-muted);text-decoration:none;font-size:14px}.toc a:hover{color:var(--accent)}.related{margin:40px 0 8px;padding-top:24px;border-top:1px solid var(--border)}.related h2{font-size:18px;margin:0 0 12px}.related ul{list-style:none;margin:0;padding:0}.related li{margin:6px 0}.related a{color:var(--accent);text-decoration:none;font-weight:500}.related a:hover{text-decoration:underline}.related-tags{color:var(--ink-muted);font-size:13px}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 8px}.page-link{padding:8px 16px;border:1px solid var(--border);border-radius:9px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}.page-link:hover{border-color:var(--accent);color:var(--accent)}.page-link.disabled{color:var(--ink-muted);opacity:.5;pointer-events:none}.page-status{color:var(--ink-muted);font-size:14px}.draft-banner{margin:0 0 20px;padding:10px 16px;border:1px solid var(--accent);border-radius:10px;color:var(--accent-dark);font-size:14px;font-weight:500}.draft-banner,.series-box{background:var(--accent-soft)}.series-box{margin:0 0 28px;padding:16px 18px;border:1px solid var(--border);border-radius:12px}.series-title{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-dark)}.series-box ol{margin:0;padding-left:32px;max-height:15rem;overflow-y:auto;position:relative;scrollbar-width:thin}.series-box li{margin:4px 0;font-size:14px}.series-box li.current{color:var(--ink);font-weight:600}.series-box a{color:var(--ink);text-decoration:none}.series-box a:hover{color:var(--accent);text-decoration:underline}.series-box em{font-style:normal}.series-box em,.series-draft{color:var(--ink-muted);font-weight:400}.series-nav{display:flex;gap:12px;margin:36px 0 8px}.series-nav-link{display:flex;flex-direction:column;gap:3px;flex:1 1;padding:12px 16px;border:1px solid var(--border);border-radius:10px;text-decoration:none}.series-nav-link:hover{border-color:var(--accent)}.series-nav-link.next{text-align:right}.series-nav-dir{font-size:12px;color:var(--ink-muted)}.series-nav-title{font-size:14px;font-weight:500;color:var(--accent)}@media (max-width:560px){.hero h1{font-size:28px}.article-header h1{font-size:26px}.field-grid{grid-template-columns:1fr}.series-nav{flex-direction:column}}