:root{--color-bg:#faf9f6;--color-surface:#fff;--color-paper:#f4f1eb;--color-ink:#1a1a2e;--color-text:#3d3d3d;--color-text-secondary:#888;--color-accent:#8b2c2c;--color-accent-light:#a63d3d;--color-border:#e2ded6;--color-rule:#d8d3c8;--color-hover:#1a1a2e;--color-error:#dc2626;--color-success:#16a34a;--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--max-width:680px;--max-width-wide:1100px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:4rem;--radius:4px;--shadow-sm:0 1px 3px #1a1a2e0a;--shadow-md:0 2px 10px #1a1a2e12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}h1,h2,h3,h4,h5,h6{color:var(--color-ink);font-weight:700;line-height:1.3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-paper) 25%, #faf9f6 50%, var(--color-paper) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius);white-space:nowrap;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:var(--color-accent-light)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-text)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover{background-color:#b91c1c}.btn--ghost{color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md)}.btn--ghost:hover{color:var(--color-ink);background-color:#00000008}.btn:disabled{opacity:.4;cursor:not-allowed}.input{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);width:100%;color:var(--color-text);padding:.625rem .875rem;transition:border-color .15s}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #8b2c2c14}.input::placeholder{color:var(--color-text-secondary)}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge--published{color:#166534;background-color:#dcfce7}.badge--draft{background-color:var(--color-paper);color:#78716c}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{color:var(--color-ink);background-color:#8b2c2c1f}.admin-topbar{padding:0 var(--spacing-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.admin-topbar__brand{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.admin-topbar__nav{align-items:center;gap:var(--spacing-xs);display:flex}.admin-topbar__link{color:var(--color-text-secondary);border-radius:var(--radius);padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s}.admin-topbar__link:hover{color:var(--color-ink);background-color:#00000008}.admin-topbar__link--active{color:var(--color-ink);background-color:var(--color-paper)}.admin-topbar__logout{margin-left:var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius);padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s}.admin-topbar__logout:hover{color:var(--color-error);background-color:#dc26260d}.admin-main{max-width:var(--max-width-wide);padding:var(--spacing-xl);margin:0 auto}@media (width<=640px){.admin-topbar{padding:0 var(--spacing-md)}.admin-main{padding:var(--spacing-md)}}