html,body,#app{margin:0;min-height:100vh}body{background:var(--stone-50)}:root{--stone-50: #F7F3ED;--stone-100: #EFE9DF;--stone-200: #E2D9CB;--stone-300: #C9BDA9;--stone-400: #9C8E78;--wood-400: #A07C5B;--wood-500: #7E5C3F;--wood-600: #5E4329;--wood-700: #3F2D1B;--sage-200: #D4DCCB;--sage-400: #9AAB91;--sage-600: #5F7459;--ink: #1F1B17;--ink-soft: #3A332C;--ink-muted: #6B5F52;--bg: var(--stone-50);--bg-alt: var(--stone-100);--surface: #FBF8F2;--border: var(--stone-300);--border-soft:#E6DDCD;--text: var(--ink);--text-soft: var(--ink-soft);--text-muted: var(--ink-muted);--accent: var(--wood-500);--accent-deep:var(--wood-600);--accent-soft:var(--sage-600);--font-serif: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fs-4xl: 4rem;--fs-5xl: 5.5rem;--lh-tight: 1.05;--lh-snug: 1.25;--lh-base: 1.55;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-wider: .14em;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(31, 27, 23, .04);--shadow-sm: 0 2px 8px rgba(31, 27, 23, .05), 0 1px 2px rgba(31, 27, 23, .04);--shadow-md: 0 8px 24px rgba(31, 27, 23, .07), 0 2px 6px rgba(31, 27, 23, .04);--shadow-lg: 0 24px 48px rgba(31, 27, 23, .1), 0 4px 12px rgba(31, 27, 23, .05);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur-base: .28s;--dur-slow: .52s;--container: 1200px;--container-md: 960px;--container-sm: 720px;--gutter: clamp(1.25rem, 4vw, 3rem)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);font-weight:var(--fw-regular);background-image:radial-gradient(circle at 20% 10%,rgba(126,92,63,.025),transparent 60%),radial-gradient(circle at 80% 90%,rgba(95,116,89,.02),transparent 60%)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:var(--fw-regular);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}h1{font-size:clamp(2.5rem,6vw,var(--fs-5xl))}h2{font-size:clamp(2rem,4.2vw,var(--fs-3xl))}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0;line-height:var(--lh-base);color:var(--text-soft)}a{color:var(--text);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent)}img{max-width:100%;display:block}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.95rem 1.75rem;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-base) var(--ease-out);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--ink);color:var(--stone-50);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--ink-soft);color:var(--stone-50);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn--ghost:hover{background:var(--stone-100);border-color:var(--ink);color:var(--ink)}.btn--accent{background:var(--accent);color:var(--stone-50)}.btn--accent:hover{background:var(--accent-deep);color:var(--stone-50);transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-8);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.field input,.field textarea,.field select{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border);padding:var(--space-3) 0;transition:border-color var(--dur-base) var(--ease-out);outline:none;border-radius:0}.field input:focus,.field textarea:focus,.field select:focus{border-bottom-color:var(--ink)}.field textarea{resize:vertical;min-height:110px;font-family:var(--font-sans)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.container--md{max-width:var(--container-md);margin:0 auto;padding:0 var(--gutter)}.container--sm{max-width:var(--container-sm);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--space-24) 0}@media (max-width: 768px){.section{padding:var(--space-16) 0}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--ink);background:var(--stone-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--lh-normal)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:var(--surface);border-right:1px solid var(--border-soft);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side__brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-soft);margin-bottom:var(--space-6)}.side__dot{width:8px;height:8px;background:var(--wood-500);border-radius:50%}.side__name{font-family:var(--font-serif);font-size:var(--fs-md);color:var(--ink);letter-spacing:-.005em}.side__name em{font-style:italic;color:var(--wood-500)}.side__pro{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:2px}.side__nav{display:flex;flex-direction:column;gap:2px;flex:1}.side__navlabel{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-3) var(--space-2)}.side__nav a{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-soft);font-weight:400;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.side__nav a:hover{background:var(--stone-100);color:var(--ink)}.side__nav a[aria-current=page]{background:var(--ink);color:var(--stone-50)}.side__nav a[aria-current=page]:hover{background:var(--ink)}.side__count{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);background:var(--stone-100);padding:2px 7px;border-radius:10px}.side__nav a[aria-current=page] .side__count{background:#f7f3ed1f;color:var(--stone-200)}.side__foot{border-top:1px solid var(--border-soft);padding-top:var(--space-5);margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.side__user{display:flex;align-items:center;gap:var(--space-3)}.side__avatar{width:36px;height:36px;border-radius:50%;background:var(--wood-500);color:var(--stone-50);display:grid;place-items:center;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-md)}.side__username{font-family:var(--font-serif);font-size:var(--fs-sm);color:var(--ink)}.side__userrole{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:1px}.side__logout{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding-top:var(--space-2)}.side__logout:hover{color:var(--wood-500)}.main{padding:var(--space-8) var(--space-10);min-width:0}.phead{display:flex;justify-content:space-between;align-items:end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-soft);margin-bottom:var(--space-8);flex-wrap:wrap}.phead__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.phead__title{font-family:var(--font-serif);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:400}.phead__title em{font-style:italic;color:var(--wood-500)}.phead__actions{display:flex;gap:var(--space-3)}.btn-pro{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface);color:var(--ink);transition:all var(--dur-fast) var(--ease-out);text-decoration:none}.btn-pro:hover{border-color:var(--ink)}.btn-pro--primary{background:var(--ink);color:var(--stone-50);border-color:var(--ink)}.btn-pro--primary:hover{background:var(--wood-700);border-color:var(--wood-700)}.btn-pro--ghost{background:transparent;border-color:var(--border-soft);color:var(--text-soft)}.btn-pro--ghost:hover{color:var(--ink);border-color:var(--ink)}.btn-pro--big{padding:16px 28px;font-size:var(--fs-md)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-10);overflow:hidden}.stat{padding:var(--space-6);border-right:1px solid var(--border-soft)}.stat:last-child{border-right:0}.stat__lab{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.stat__num{font-family:var(--font-serif);font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-2)}.stat__num em{font-style:italic;color:var(--wood-500)}.stat__sub{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-sm);color:var(--text-soft)}@media (max-width: 880px){.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--border-soft)}.stat:last-child{border-bottom:0}}.shead{display:flex;justify-content:space-between;align-items:end;margin-bottom:var(--space-5)}.shead__t{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:400;margin:0;letter-spacing:-.01em}.shead__t em{font-style:italic;color:var(--wood-500)}.shead__m{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.shead__m a:hover{color:var(--wood-500)}.elist{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.elist__row{display:grid;grid-template-columns:60px 1fr 110px 110px 30px;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);transition:background var(--dur-fast) var(--ease-out)}.elist__row:last-child{border-bottom:0}.elist__row:hover{background:var(--stone-100)}.elist__num{font-family:var(--font-serif);font-style:italic;color:var(--wood-500);font-size:var(--fs-md)}.elist__title{font-family:var(--font-serif);font-size:var(--fs-md);color:var(--ink)}.elist__title em{font-style:italic;color:var(--wood-500)}.elist__date{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-align:right}.elist__chev{color:var(--text-muted);font-size:18px;text-align:center}.pill{display:inline-block;padding:4px 10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--radius-pill);font-weight:500;border:1px solid;white-space:nowrap}.pill--pub{background:#9aab9126;color:var(--sage-700);border-color:#9aab9173}.pill--inprog{background:#d99a4f26;color:#8e5f2a;border-color:#d99a4f73}.pill--draft{background:var(--stone-100);color:var(--text-soft);border-color:var(--border-soft)}.pill--archive{background:transparent;color:var(--text-muted);border-color:var(--border-soft)}.filterbar{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.filterbar__lab{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-right:var(--space-2)}.fbtn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:400;background:transparent;color:var(--text-soft);border:1px solid var(--border-soft);border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out)}.fbtn:hover{border-color:var(--ink);color:var(--ink)}.fbtn[aria-pressed=true]{background:var(--ink);color:var(--stone-50);border-color:var(--ink)}.fbtn__count{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;opacity:.7}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.tbl-scroll .tbl{min-width:720px}.tbl thead th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:var(--space-4) var(--space-5);background:var(--stone-100);border-bottom:1px solid var(--border-soft)}.tbl tbody td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--stone-100)}.tbl__num{font-family:var(--font-serif);font-style:italic;color:var(--wood-500);font-size:var(--fs-md)}.tbl__title{font-family:var(--font-serif);font-size:var(--fs-md);color:var(--ink)}.tbl__title em{font-style:italic;color:var(--wood-500)}.tbl__date{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.tbl__chev{color:var(--text-muted);font-size:18px;text-align:center}.catpill{display:inline-block;padding:3px 9px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);background:var(--stone-100);border-radius:var(--radius-pill)}.crumb{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-5)}.crumb a:hover{color:var(--wood-500)}.crumb em{font-style:italic;text-transform:none;letter-spacing:.04em;color:var(--ink);font-family:var(--font-serif);font-size:var(--fs-sm)}.form-pro{display:flex;flex-direction:column;gap:var(--space-6)}.fpro{display:flex;flex-direction:column;gap:var(--space-2)}.fpro__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.fpro label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.fpro input,.fpro select,.fpro textarea{width:100%;padding:10px 0;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;transition:border-color var(--dur-fast) var(--ease-out);outline:none}.fpro input:focus,.fpro select:focus,.fpro textarea:focus{border-bottom-color:var(--ink)}.fpro textarea{min-height:110px;resize:vertical;line-height:var(--lh-loose);font-family:var(--font-serif);font-size:var(--fs-md);padding:10px 0}.fpro .body-input{min-height:320px}.fpro .title-input{font-family:var(--font-serif);font-size:var(--fs-2xl);letter-spacing:-.015em;padding:12px 0}.fpro__readonly{padding:10px 0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:transparent;border:0;border-bottom:1px dashed var(--border-soft);letter-spacing:.04em}.fpro__hint{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 880px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.main{padding:var(--space-6)}}