:root{--bg:#f9fafc;--surface:#eef0f3;--surface-2:#e5e8ec;--ink:#140e09;--ink-2:#38322d;--ink-3:#635c57;--rule:#dad7d4;--rule-strong:#bbb6b2;--accent:#cb4a2a;--accent-ink:#601200;--accent-soft:#ffe9e3;--success:#479c4d;--warning:#e29000;--danger:#d73337;--font-sans:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-body:.9375rem;--t-small:.8125rem;--t-micro:.75rem;--t-display:clamp(3.25rem, 8.5vw, 6rem);--t-h1:clamp(2.25rem, 5vw, 3.75rem);--t-h2:clamp(1.625rem, 3.2vw, 2.375rem);--t-h3:clamp(1.125rem, 1.8vw, 1.5rem);--t-lede:clamp(1.125rem, 1.7vw, 1.375rem);--t-product-h1:1.5rem;--t-product-h2:1.125rem;--t-product-h3:1rem;--t-product-body:.9375rem;--s-0:0;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:2.5rem;--s-8:3rem;--s-10:4rem;--s-section:clamp(5rem, 10vw, 8.5rem);--s-section-lg:clamp(7rem, 14vw, 11rem);--r-sm:2px;--r-md:4px;--r-lg:8px;--r-pill:999px;--container:min(92vw, 76rem);--container-narrow:min(92vw, 56rem);--prose:65ch;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-fast:.14s;--t-med:.22s;--t-slow:.48s;--z-nav:50;--z-modal:100;--z-toast:200}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2578% -.333846 -1.07464);--surface:lab(94.7762% -.55328 -1.78925);--surface-2:lab(91.8753% -.66179 -2.14592);--ink:lab(4.40986% 1.94293 3.0017);--ink-2:lab(21.0941% 2.09998 4.04964);--ink-3:lab(39.6559% 2.06429 4.02272);--rule:lab(86.0712% .836641 1.66032);--rule-strong:lab(74.4654% 1.34751 2.66229);--accent:lab(49.7895% 50.8609 46.2408);--accent-ink:lab(19.9105% 39.6977 35.0046);--accent-soft:lab(93.9392% 9.76169 7.83945);--success:lab(57.6157% -39.2793 32.5965);--warning:lab(67.147% 26.4915 75.1288);--danger:lab(49.2539% 63.2983 39.3808)}}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.55;font-family:var(--font-sans);font-feature-settings:"ss01", "ss02", "kern";color:var(--ink);background:var(--bg)}img,picture,svg,video{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{font-size:var(--t-body);background:var(--bg);color:var(--ink)}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.018em;font-weight:500;line-height:1.2}h1{font-size:var(--t-product-h1)}h2{font-size:var(--t-product-h2)}h3{font-size:var(--t-product-h3)}p{color:var(--ink-2)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}@media (max-width:760px){.shell{grid-template-columns:1fr}}.sidebar{background:var(--surface);border-right:1px solid var(--rule);padding:var(--s-5);gap:var(--s-6);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}@media (max-width:760px){.sidebar{border-right:none;border-bottom:1px solid var(--rule);height:auto;position:static}}.brand{letter-spacing:-.018em;align-items:center;gap:var(--s-2);font-size:1rem;font-weight:600;display:inline-flex}.brand:before{content:"";background:var(--accent);border-radius:50%;width:.55rem;height:.55rem}.brand small{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-3);margin-left:var(--s-2)}.nav{flex-direction:column;gap:2px;display:flex}.nav a{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--ink-2);font-size:var(--t-body);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);display:flex}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a[aria-current=page]{background:var(--ink);color:var(--bg)}.sidebar-foot{gap:var(--s-2);font-size:var(--t-small);color:var(--ink-3);flex-direction:column;margin-top:auto;display:flex}.sidebar-foot .user{font-family:var(--font-mono);font-size:var(--t-micro)}.content{padding:var(--s-6) var(--s-7);max-width:100%}@media (max-width:760px){.content{padding:var(--s-5)}}.page-head{justify-content:space-between;align-items:end;gap:var(--s-4);margin-bottom:var(--s-6);padding-bottom:var(--s-4);border-bottom:1px solid var(--rule);display:flex}.page-head h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:500}.page-head .crumbs{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-3);margin-bottom:var(--s-2)}.page-head .crumbs a{color:var(--ink-2)}.page-head .crumbs a:hover{color:var(--accent)}.btn{align-items:center;gap:var(--s-2);padding:0 var(--s-4);border-radius:var(--r-md);height:32px;font-weight:500;font-size:var(--t-small);letter-spacing:-.005em;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn--primary{background:var(--ink);color:var(--bg)}.btn--primary:hover{background:#251e18;background:lab(11.803% 2.71148 5.13765)}.btn--primary:disabled{background:var(--ink-3);cursor:not-allowed}.btn--ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.btn--ghost:hover{border-color:var(--ink)}.btn--danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 30%, transparent);background:0 0}.btn--danger:hover{background:color-mix(in oklch, var(--danger) 10%, transparent);border-color:var(--danger)}.btn--accent{background:var(--accent);color:var(--bg)}.btn--accent:hover{background:var(--accent-ink)}.table{border-collapse:collapse;width:100%;font-size:var(--t-body)}.table th{text-align:left;font-family:var(--font-mono);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--rule);background:var(--surface);font-weight:500}.table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--rule);vertical-align:middle}.table tr{transition:background var(--t-fast) var(--ease-out)}.table tbody tr:hover{background:var(--surface)}.table .cell-actions{text-align:right}.table .cell-tight{white-space:nowrap;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--t-small)}.form{gap:var(--s-5);max-width:56rem;display:grid}.form-grid{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.field{gap:var(--s-2);display:grid}.field label{font-size:var(--t-small);color:var(--ink-2);letter-spacing:-.005em;font-weight:500}.field .help{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-3)}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=url],.field textarea,.field select{border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--bg);width:100%;color:var(--ink);font-size:var(--t-body);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);padding:.5rem .75rem;font-family:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 20%, transparent);outline:none}.field textarea{resize:vertical;min-height:7rem;font-family:inherit;line-height:1.55}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.field-row{align-items:center;gap:var(--s-3);display:flex}.form-actions{gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--rule);justify-content:flex-end;align-items:center;display:flex}.form-actions .spacer{flex:1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--rule);background:var(--surface);font-size:var(--t-micro);color:var(--ink-2);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.chip button{color:var(--ink-3);font-size:.95em;line-height:1}.chip button:hover{color:var(--danger)}.chip-input{border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--bg);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px;display:flex}.chip-input:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 20%, transparent)}.chip-input input{min-width:8ch;font-size:var(--t-body);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:2px 4px;font-family:inherit}.pill{border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.02em;align-items:center;gap:6px;padding:2px 8px;font-weight:500;display:inline-flex}.pill:before{content:"";border-radius:50%;width:6px;height:6px}.pill--published{color:var(--success);background:color-mix(in oklch, var(--success) 12%, transparent)}.pill--published:before{background:var(--success)}.pill--draft{color:var(--ink-3);background:var(--surface-2)}.pill--draft:before{background:var(--ink-3)}.empty{border:1px dashed var(--rule-strong);border-radius:var(--r-md);padding:var(--s-8);text-align:center;color:var(--ink-3);gap:var(--s-3);justify-items:center;display:grid}.empty h3{color:var(--ink);font-size:1.0625rem}.toast{bottom:var(--s-5);right:var(--s-5);background:var(--ink);color:var(--bg);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-small);z-index:var(--z-toast);box-shadow:0 8px 24px -4px color-mix(in oklch, var(--ink) 25%, transparent);position:fixed}.toast.error{background:var(--danger)}.seg{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);gap:2px;padding:2px;display:inline-flex}.seg-btn{font-size:var(--t-micro);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.02em;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);border-radius:3px;padding:4px 10px}.seg-btn:hover{color:var(--ink)}.seg-btn.is-active{background:var(--ink);color:var(--bg)}.editor{border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--bg);min-height:60vh;display:grid;overflow:hidden}.editor--split{grid-template-columns:1fr 1px 1fr}.editor--split:after{content:"";background:var(--rule);grid-column:2}.editor--write{grid-template-columns:1fr}.editor--write .editor-preview{display:none}.editor--preview{grid-template-columns:1fr}.editor--preview textarea{display:none}.editor textarea{padding:var(--s-4);font-family:var(--font-mono);resize:none;background:var(--bg);color:var(--ink);border:0;outline:none;min-height:60vh;font-size:.875rem;line-height:1.6}.editor textarea:focus{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--accent) 25%, transparent)}.editor-preview{padding:var(--s-4) var(--s-5);background:var(--bg);max-height:80vh;overflow:auto}.md h1,.md h2,.md h3,.md h4{letter-spacing:-.022em;margin-top:var(--s-5);margin-bottom:var(--s-3);color:var(--ink);line-height:1.2}.md h1{font-size:1.5rem}.md h2{font-size:1.25rem}.md h3{font-size:1.05rem}.md>:first-child{margin-top:0}.md p{color:var(--ink-2);margin-block:var(--s-3);max-width:70ch;font-size:.9375rem;line-height:1.65}.md a{color:var(--accent);border-bottom:1px solid color-mix(in oklch, var(--accent) 40%, transparent)}.md a:hover{border-color:var(--accent)}.md ul,.md ol{margin-block:var(--s-3);padding-left:1.25rem}.md ul{list-style:outside}.md ol{list-style:decimal}.md ul li,.md ol li{color:var(--ink-2);margin-block:.25rem;line-height:1.65}.md blockquote{border-left:2px solid var(--accent);background:color-mix(in oklch, var(--accent-soft) 60%, transparent);color:var(--ink);margin-block:var(--s-4);border-radius:0 var(--r-md) var(--r-md) 0;padding:.5rem 1rem}.md blockquote p{margin:0;font-style:italic}.md hr{border:0;border-top:1px solid var(--rule);margin-block:var(--s-6)}.md img{border-radius:var(--r-md);max-width:100%;margin-block:var(--s-4)}.md .md-inline-code{font-family:var(--font-mono);background:var(--surface-2);color:var(--ink);border-radius:3px;padding:.1em .4em;font-size:.85em}.md table{border-collapse:collapse;width:100%;margin-block:var(--s-4);font-size:.9rem}.md table th,.md table td{border:1px solid var(--rule);text-align:left;padding:.5rem .75rem}.md table th{background:var(--surface);font-weight:500}.login-shell{min-height:100vh;padding:var(--s-5);place-items:center;display:grid}.login-card{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--bg);width:min(420px,100%);padding:var(--s-7);gap:var(--s-5);display:grid}.login-card .brand{font-size:1.125rem}.login-card p{color:var(--ink-3);font-size:var(--t-small)}