:root{--color-bg: #f4f4f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-overlay: rgba(0, 0, 0, .48);--color-border: #e4e4e7;--color-border-strong: #a1a1aa;--color-text: #18181b;--color-text-muted: #52525b;--color-text-subtle: #71717a;--color-text-inverse: #ffffff;--color-accent: #c94040;--color-accent-hover: #b53636;--color-accent-focus: #9b2c2c;--color-accent-text: #ffffff;--color-status-new: #1d4ed8;--color-status-new-bg: #dbeafe;--color-status-read: #6d28d9;--color-status-read-bg: #ede9fe;--color-status-replied: #065f46;--color-status-replied-bg: #d1fae5;--color-status-contacted: #065f46;--color-status-contacted-bg: #d1fae5;--color-status-draft: #92400e;--color-status-draft-bg: #fef3c7;--color-status-published: #065f46;--color-status-published-bg: #d1fae5;--color-status-archived: #3f3f46;--color-status-archived-bg: #f4f4f5;--color-focus-ring: #2563eb;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-text: #ffffff;--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;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--sidebar-width: 220px;--header-height: 52px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--transition-fast: .12s ease;--transition-base: .2s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f11;--color-surface: #18181b;--color-surface-raised: #27272a;--color-surface-overlay: rgba(0, 0, 0, .72);--color-border: #27272a;--color-border-strong: #52525b;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-subtle: #71717a;--color-text-inverse: #18181b;--color-accent: #e06060;--color-accent-hover: #e87777;--color-accent-focus: #ef9393;--color-accent-text: #18181b;--color-status-new: #93c5fd;--color-status-new-bg: #1e3a5f;--color-status-read: #c4b5fd;--color-status-read-bg: #2e1a5c;--color-status-replied: #6ee7b7;--color-status-replied-bg: #022c1c;--color-status-contacted: #6ee7b7;--color-status-contacted-bg: #022c1c;--color-status-draft: #fcd34d;--color-status-draft-bg: #3b2800;--color-status-published: #6ee7b7;--color-status-published-bg: #022c1c;--color-status-archived: #a1a1aa;--color-status-archived-bg: #27272a;--color-focus-ring: #60a5fa;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-text: #18181b}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.layout{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100dvh;overflow-y:auto;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:700;font-size:var(--text-sm);color:var(--color-text);letter-spacing:-.01em;text-decoration:none}.sidebar__brand:hover{text-decoration:none}.sidebar__brand-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0}.sidebar__nav{padding:var(--space-3) var(--space-2);flex:1}.sidebar__nav-section{margin-bottom:var(--space-4)}.sidebar__nav-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);padding:0 var(--space-2);margin-bottom:var(--space-1)}.sidebar__nav-item{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none}.sidebar__nav-item:hover{background-color:var(--color-bg);color:var(--color-text);text-decoration:none}.sidebar__nav-item--active{background-color:var(--color-bg);color:var(--color-accent);font-weight:600}.sidebar__footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100dvh}.layout__header{height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:30}.layout__header-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.layout__content{flex:1;padding:var(--space-6);max-width:1200px;width:100%}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg)}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg);color:var(--color-text)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-text)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn--icon{padding:var(--space-2)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-label--required:after{content:" *";color:var(--color-accent)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-text-subtle)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus-ring) 25%,transparent)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-danger)}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-normal)}.form-checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.form-grid{display:grid;gap:var(--space-4)}.form-grid--2{grid-template-columns:1fr 1fr}.form-grid--3{grid-template-columns:1fr 1fr 1fr}.form-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.tag-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);padding:var(--space-1) var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1);cursor:text}.tag-input:focus-within{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus-ring) 25%,transparent)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text)}.tag__remove{background:none;border:none;color:var(--color-text-muted);padding:0;line-height:1;font-size:14px;cursor:pointer;display:flex;align-items:center}.tag__remove:hover{color:var(--color-danger)}.tag-input__field{border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--color-text);min-width:120px;flex:1;padding:var(--space-1) 0}.table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.table-filters{display:flex;align-items:center;gap:var(--space-2)}.filter-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}table{width:100%;border-collapse:collapse}thead{border-bottom:1px solid var(--color-border)}th{padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--color-text)}th.sort-asc:after{content:" ↑"}th.sort-desc:after{content:" ↓"}td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-bg)}.table-cell-muted{color:var(--color-text-muted)}.table-cell-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.table-actions{display:flex;align-items:center;gap:var(--space-1)}.table-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.status-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.status-badge--new{color:var(--color-status-new);background-color:var(--color-status-new-bg)}.status-badge--read{color:var(--color-status-read);background-color:var(--color-status-read-bg)}.status-badge--replied{color:var(--color-status-replied);background-color:var(--color-status-replied-bg)}.status-badge--contacted{color:var(--color-status-contacted);background-color:var(--color-status-contacted-bg)}.status-badge--draft{color:var(--color-status-draft);background-color:var(--color-status-draft-bg)}.status-badge--published{color:var(--color-status-published);background-color:var(--color-status-published-bg)}.status-badge--archived{color:var(--color-status-archived);background-color:var(--color-status-archived-bg)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-surface-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:420px;width:100%;box-shadow:0 8px 32px #00000029}.dialog__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.dialog__message{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:var(--leading-normal)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.image-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-surface-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.image-picker{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:860px;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000029}.image-picker__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.image-picker__title{font-size:var(--text-lg);font-weight:600}.image-picker__search{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.image-picker__search-input{flex:1}.image-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.image-picker__item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast);aspect-ratio:4 / 3;background-color:var(--color-bg)}.image-picker__item:hover{border-color:var(--color-accent)}.image-picker__item:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus-ring) 25%,transparent)}.image-picker__item img{width:100%;height:100%;object-fit:cover}.image-picker__item-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:var(--space-4) var(--space-2) var(--space-2);font-size:var(--text-xs);color:#fff;opacity:0;transition:opacity var(--transition-fast)}.image-picker__item:hover .image-picker__item-caption,.image-picker__item:focus-visible .image-picker__item-caption{opacity:1}.image-picker__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0}.image-picker__attribution{font-size:var(--text-xs);color:var(--color-text-muted)}.image-picker__pagination{display:flex;align-items:center;gap:var(--space-3)}.image-picker__status{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.rich-editor{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.rich-editor:focus-within{border-color:var(--color-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus-ring) 25%,transparent)}.rich-editor__tabs{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.rich-editor__tab{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.rich-editor__tab:hover{color:var(--color-text)}.rich-editor__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.rich-editor__write{display:block;width:100%;min-height:320px;padding:var(--space-4);border:none;outline:none;resize:vertical;background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.rich-editor__preview{min-height:320px;padding:var(--space-4);background-color:var(--color-surface);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-y:auto}.rich-editor__preview h1,.rich-editor__preview h2,.rich-editor__preview h3,.rich-editor__preview h4,.rich-editor__preview h5,.rich-editor__preview h6{font-weight:600;margin:var(--space-4) 0 var(--space-2);line-height:var(--leading-tight)}.rich-editor__preview h1{font-size:var(--text-2xl)}.rich-editor__preview h2{font-size:var(--text-xl)}.rich-editor__preview h3{font-size:var(--text-lg)}.rich-editor__preview p{margin-bottom:var(--space-3)}.rich-editor__preview ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-3)}.rich-editor__preview ol{list-style:decimal;padding-left:var(--space-6);margin-bottom:var(--space-3)}.rich-editor__preview li{margin-bottom:var(--space-1)}.rich-editor__preview code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg);padding:1px 4px;border-radius:var(--radius-sm)}.rich-editor__preview pre{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-3)}.rich-editor__preview pre code{background:none;padding:0}.rich-editor__preview blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-muted);margin-bottom:var(--space-3)}.rich-editor__preview hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.rich-editor__preview a{color:var(--color-accent);text-decoration:underline}.rich-editor__preview strong{font-weight:700}.rich-editor__preview em{font-style:italic}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card__value{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.stat-card__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.page-header__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:380px}.login-card__brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.login-card__brand-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-accent)}.login-card__brand-name{font-size:var(--text-base);font-weight:700;letter-spacing:-.01em}.login-card__heading{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6)}.login-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.login-error{font-size:var(--text-sm);color:var(--color-danger);padding:var(--space-3) var(--space-3);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md)}.cover-image-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.cover-image-preview{position:relative;aspect-ratio:16 / 7;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center}.cover-image-preview img{width:100%;height:100%;object-fit:cover}.cover-image-placeholder{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.cover-image-actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.row-expand{background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.row-expand td{border-bottom:none}.row-expand-content{padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);max-width:640px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert--error{color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.alert--success{color:var(--color-status-published);background-color:var(--color-status-published-bg);border:1px solid color-mix(in srgb,var(--color-status-published) 30%,transparent)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:200px;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}