*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0f1419;--color-surface: #1a222c;--color-text: #e8eef4;--color-text-muted: #94a3b8;--color-accent: #38bdf8;--color-accent-muted: #0ea5e9;--color-danger: #f87171;--color-border: #2d3748;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 6px;--radius-md: 10px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .35);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace}html{font-size:16px}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5}#root{min-height:100vh}a{color:var(--color-accent)}a:visited{color:var(--color-accent-muted)}.muted{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.btn{font:inherit;cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent-muted)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-weight:600;font-size:.875rem}.field input:not([type=checkbox]),.field textarea,.field select{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);max-width:65ch}.field textarea{min-height:8rem;width:100%}.field hint{font-size:.8125rem;color:var(--color-text-muted)}.layout-admin{max-width:1100px;margin:0 auto;padding:var(--space-5)}.stack{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--color-border);color:var(--color-text-muted)}.badge-published{color:var(--color-accent)}.flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:#f871711f;color:var(--color-danger);margin-bottom:var(--space-4)}table.list{width:100%;border-collapse:collapse}table.list th,table.list td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}table.list tbody tr:hover{background:#38bdf80f;cursor:pointer}a.btn{display:inline-block;text-decoration:none}nav a.router-link-active,nav .active-route{color:var(--color-text);font-weight:600}.public-layout{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:baseline;gap:var(--space-4)}.site-header.compact{padding:var(--space-3) var(--space-6)}.site-logo{font-size:1.75rem;font-weight:800;color:var(--color-text);text-decoration:none;letter-spacing:-.03em}.site-logo-dot{color:var(--color-accent)}.site-tagline{margin:0;color:var(--color-text-muted);font-size:.9rem}.public-main{flex:1;display:flex;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-6);gap:var(--space-6)}.sidebar{width:200px;flex-shrink:0}.tag-nav h3{margin:0 0 var(--space-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.tag-nav-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);font:inherit;cursor:pointer;text-align:left;margin-bottom:2px;transition:background .12s}.tag-nav-item:hover,.tag-nav-item.active{background:var(--color-surface);color:var(--color-text)}.tag-nav-item.active{color:var(--tag-color, var(--color-accent));font-weight:600}.tag-count{font-size:.75rem;color:var(--color-text-muted)}.post-grid-wrapper{flex:1;min-width:0}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.post-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.post-card-cover{aspect-ratio:16/9;overflow:hidden;background:var(--color-bg)}.post-card-cover img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag-chip{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tag-color, var(--color-accent)) 18%,transparent);color:var(--tag-color, var(--color-accent));text-decoration:none;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.post-card-title{margin:0;font-size:1rem;line-height:1.35;color:var(--color-text)}.post-card-excerpt{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.45}.post-card-date{font-size:.75rem;color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-2)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.page-indicator{color:var(--color-text-muted);font-size:.875rem}.state-msg{text-align:center;color:var(--color-text-muted);padding:var(--space-6)}.state-msg.error{color:var(--color-danger)}.site-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);align-items:center;color:var(--color-text-muted);font-size:.875rem}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-text)}.post-detail{max-width:740px;margin:0 auto;padding:var(--space-6);width:100%}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-5);display:flex;gap:var(--space-2);align-items:center}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-text)}.post-article{display:flex;flex-direction:column;gap:var(--space-5)}.post-header{display:flex;flex-direction:column;gap:var(--space-3)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-title{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2}.post-date{color:var(--color-text-muted);font-size:.875rem}.post-cover{border-radius:var(--radius-md);overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.post-body{line-height:1.75;font-size:1.05rem}.post-body p{margin:0 0 1em}.comic-pages{display:flex;flex-direction:column;gap:var(--space-4)}.comic-page{margin:0}.comic-page img{width:100%;border-radius:var(--radius-sm)}.comic-page figcaption{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin-top:var(--space-2)}.post-footer{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--color-text)}.post-error{text-align:center;padding:var(--space-6)}@media(max-width:640px){.public-main{flex-direction:column;padding:var(--space-4)}.sidebar{width:100%}.tag-nav{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.tag-nav h3{width:100%;margin-bottom:0}.tag-nav-item{width:auto;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px}}