:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-fg: #ffffff;--primary-soft: #eff6ff;--bg: #f8f7f4;--bg-alt: #f1f0ec;--bg-muted: #f6f5f1;--fg: #1f2328;--fg-muted: #687076;--fg-subtle: #8b949e;--card-bg: #ffffff;--card-border: #dedbd2;--border: #dedbd2;--border-subtle: #ebe8df;--success: #15803d;--success-soft: #ecfdf3;--warning: #b45309;--warning-soft: #fff7ed;--destructive: #b42318;--destructive-soft: #fff1f0;--font-display: "Aptos Display", "Segoe UI", sans-serif;--font-body: "Aptos", "Segoe UI", sans-serif;--font-mono: "Aptos Mono", "SFMono-Regular", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(31, 35, 40, .06);--shadow-md: 0 12px 30px rgba(31, 35, 40, .12);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased}a{color:var(--primary)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.admin-login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--fg);padding:20px}.admin-login{width:min(100%,420px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:28px}.admin-login__brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font:750 16px/24px var(--font-display)}.admin-login__mark{width:30px;height:30px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--fg);color:var(--bg)}.admin-login h1{font:750 26px/34px var(--font-display);margin:0 0 8px}.admin-login p{color:var(--fg-muted);margin:0}.admin-login__form{margin-top:24px;display:grid;gap:16px}.admin-login label{display:grid;gap:7px;font-weight:650;font-size:14px}.admin-login input{height:42px;border:1px solid var(--border);border-radius:var(--r-md);padding:0 12px;font:400 14px/20px var(--font-body);color:var(--fg);background:var(--card-bg)}.admin-login input:disabled,.admin-login button:disabled{cursor:not-allowed;opacity:.7}.admin-login input[aria-invalid=true]{border-color:var(--destructive)}.admin-login__error{background:var(--destructive-soft);color:var(--destructive);border:1px solid #ffd4d0;border-radius:var(--r-md);padding:10px 12px;font-size:14px}.admin-login__field-error{color:var(--destructive);font-size:13px;line-height:20px;margin-top:-10px}.admin-login button{height:42px;border:1px solid var(--primary);border-radius:var(--r-md);background:var(--primary);color:var(--primary-fg);font:650 14px/20px var(--font-body);cursor:pointer}.admin-login button:hover:not(:disabled){background:var(--primary-hover)}.admin-login__back{display:inline-block;margin-top:18px;color:var(--fg-muted);font-size:14px;text-decoration:none}.admin-auth-state{min-height:100vh;display:grid;place-items:center;padding:var(--s6);color:var(--fg-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.public-header{position:sticky;top:0;z-index:10;background:#f8f7f4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.public-header-inner{max-width:1040px;height:64px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-header--detail .public-header-inner{max-width:920px}.public-brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font:750 16px/24px var(--font-display)}.public-mark{width:28px;height:28px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--fg);color:var(--bg)}.public-nav{display:flex;gap:18px;align-items:center}.public-nav a{color:var(--fg-muted);text-decoration:none;font-size:14px}.public-nav a:hover,.public-back:hover{color:var(--fg)}.public-back{color:var(--fg-muted);font-size:14px;text-decoration:none}.public-wrap{max-width:1040px;margin:0 auto;padding:56px 24px 72px}.public-intro{max-width:740px;margin-bottom:32px}.public-eyebrow{color:var(--fg-muted);font-size:13px;margin:0 0 8px}.public-intro h1{font:750 34px/42px var(--font-display);margin:0 0 12px;letter-spacing:0}.public-intro p:not(.public-eyebrow){color:var(--fg-muted);max-width:660px;margin:0}.public-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:28px 0 22px}.public-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.public-search{height:42px;border:1px solid var(--border);border-radius:var(--r-md);padding:0 13px;background:var(--card-bg);color:var(--fg);font:400 14px/20px var(--font-body)}.public-search-form button{min-height:42px;border:1px solid var(--primary);border-radius:var(--r-md);padding:9px 14px;background:var(--primary);color:var(--primary-fg);font:650 14px/20px var(--font-body);cursor:pointer}.public-search-form button:hover{background:var(--primary-hover)}.public-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.public-chip{min-height:32px;border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 12px;background:var(--card-bg);color:var(--fg-muted);font:650 13px/20px var(--font-body);cursor:pointer}.public-chip--active{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-post-card{min-height:238px;display:flex;flex-direction:column;justify-content:space-between;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);color:var(--fg);text-decoration:none}.public-post-card:hover{border-color:#c8c3b8}.public-post-card--loading{pointer-events:none}.public-meta,.public-detail-meta{color:var(--fg-subtle);font-size:13px;line-height:20px;margin:0}.public-post-card h2{font:700 20px/28px var(--font-display);margin:10px 0;letter-spacing:0}.public-excerpt{color:var(--fg-muted);margin:0}.public-read{color:var(--primary);font-weight:650;font-size:14px;margin-top:18px}.public-state{border:1px dashed var(--border);background:var(--bg-muted);border-radius:var(--r-lg);padding:18px}.public-state h2{font:650 15px/22px var(--font-body);margin:0 0 6px}.public-state p{color:var(--fg-muted);font-size:14px;margin:0}.public-state button,.public-state a,.public-pagination button{min-height:38px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-md);padding:8px 13px;background:var(--card-bg);color:var(--fg);font:650 14px/20px var(--font-body);text-decoration:none;cursor:pointer}.public-state button,.public-state a{margin-top:14px}.public-pagination button:disabled{cursor:not-allowed;opacity:.6}.public-skeleton{height:13px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--bg-alt),var(--border-subtle),var(--bg-alt));margin:8px 0}.public-skeleton--short{width:70%}.public-skeleton--title{height:28px;width:92%;margin:16px 0}.public-skeleton--headline{height:48px;width:94%;margin:18px 0}.public-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;color:var(--fg-muted);font-size:14px}.public-article{max-width:760px;margin:0 auto;padding:56px 24px 72px;font:400 17px/29px var(--font-body)}.public-detail-chip{display:inline-flex;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary);padding:3px 10px;font-size:13px;font-weight:650;margin-bottom:18px}.public-detail-meta{font-size:14px;line-height:22px;margin-bottom:14px}.public-article h1{font:750 40px/48px var(--font-display);letter-spacing:0;margin:0 0 16px}.public-dek{color:var(--fg-muted);font-size:19px;line-height:30px;margin:0 0 34px}.public-content p{margin:0 0 18px}.public-content h2{font:700 24px/32px var(--font-display);margin:36px 0 12px}.public-state--article{margin-top:42px;font-size:15px;line-height:24px}.public-detail-loading{margin-top:42px}@media(max-width:860px){.public-grid,.public-toolbar,.public-search-form{grid-template-columns:1fr}.public-header-inner{height:auto;min-height:64px;padding:14px 18px;align-items:flex-start;flex-direction:column}.public-wrap{padding:36px 18px 52px}.public-intro h1{font-size:28px;line-height:36px}}@media(max-width:720px){.public-article{padding:36px 18px 52px}.public-article h1{font-size:31px;line-height:39px}}.admin-app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--bg);color:var(--fg);font:400 14px/22px var(--font-body)}.admin-sidebar{border-right:1px solid var(--border);background:var(--card-bg);padding:18px 14px}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;font:750 16px/24px var(--font-display)}.admin-brand__mark{width:28px;height:28px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--fg);color:var(--bg)}.admin-side{display:grid;gap:4px}.admin-side a,.admin-side button{min-height:38px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--fg-muted);font:400 14px/22px var(--font-body);text-decoration:none;cursor:pointer}.admin-side a.active,.admin-side a[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:650}.admin-side button:hover:not(:disabled),.admin-side a:hover{color:var(--fg)}.admin-side button:disabled{cursor:not-allowed;opacity:.7}.admin-main{min-width:0;padding:28px}.admin-main h1{font:750 28px/36px var(--font-display);margin:0 0 6px}.admin-sub{color:var(--fg-muted);margin:0 0 22px}.admin-category-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.admin-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px;min-width:0}.admin-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:14px}.admin-panel__heading h2,.admin-dialog h2{font:750 16px/24px var(--font-display);margin:0}.admin-category-form{display:grid;gap:14px}.admin-category-form label{display:grid;gap:7px;font-weight:650}.admin-category-form input,.admin-category-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--r-md);padding:0 12px;font:400 14px/20px var(--font-body);color:var(--fg);background:var(--card-bg)}.admin-category-form input{height:42px}.admin-category-form textarea{min-height:88px;padding-top:10px;resize:vertical}.admin-category-form input[aria-invalid=true],.admin-category-form textarea[aria-invalid=true]{border-color:var(--destructive)}.admin-category-form input:disabled,.admin-category-form textarea:disabled,.admin-btn:disabled{cursor:not-allowed;opacity:.7}.admin-hint{color:var(--fg-muted);font-size:13px;font-weight:400}.admin-field-error{color:var(--destructive);font-size:13px;line-height:20px;margin-top:-8px}.admin-category-message{background:var(--destructive-soft);color:var(--destructive);border:1px solid #ffd4d0;border-radius:var(--r-md);padding:10px 12px;font-size:14px}.admin-category-message--success{background:var(--success-soft);color:var(--success);border-color:#bdecc9}.admin-btn{min-height:40px;border:1px solid var(--border);border-radius:var(--r-md);padding:9px 14px;background:transparent;color:var(--fg);font:650 14px/20px var(--font-body);cursor:pointer}.admin-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.admin-btn--primary:hover:not(:disabled){background:var(--primary-hover)}.admin-btn--danger{color:var(--destructive)}.admin-category-table-wrap{overflow-x:auto}.admin-category-table{width:100%;border-collapse:collapse}.admin-category-table th,.admin-category-table td{padding:13px 0;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top}.admin-category-table th{color:var(--fg-muted);font-size:12px;text-transform:uppercase}.admin-category-table td{color:var(--fg)}.admin-category-table td strong{display:block;font-weight:650}.admin-category-table td span{display:block;color:var(--fg-muted);margin-top:2px}.admin-slug{color:var(--fg-muted);font-family:var(--font-mono);font-size:13px}.admin-row-actions{display:flex;justify-content:flex-end;gap:var(--s2)}.admin-category-states{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-category-state{border:1px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-muted);padding:16px}.admin-category-state strong{display:block;font-weight:650}.admin-category-state p{color:var(--fg-muted);margin:6px 0 0}.admin-category-state .admin-btn{margin-top:12px}.admin-skeleton{height:13px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--bg-alt),var(--border-subtle),var(--bg-alt));margin:8px 0}.admin-skeleton--short{width:66%}.admin-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s5);background:#1f232847}.admin-dialog{width:min(100%,440px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 24px 60px #1f23282e;padding:20px}.admin-dialog p{color:var(--fg-muted);margin:10px 0 0}.admin-dialog__actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:18px}.admin-posts-topbar,.admin-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-posts-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-posts-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.admin-posts-filters input,.admin-posts-filters select,.admin-editor-form input,.admin-editor-form textarea,.admin-editor-form select{width:100%;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card-bg);color:var(--fg);font:400 14px/22px var(--font-body)}.admin-posts-filters input,.admin-posts-filters select{height:40px;padding:0 12px}.admin-posts-table-wrap{overflow-x:auto}.admin-posts-table{width:100%;border-collapse:collapse}.admin-posts-table th,.admin-posts-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top}.admin-posts-table th{background:var(--bg-muted);color:var(--fg-muted);font-size:12px;text-transform:uppercase}.admin-post-title{color:var(--fg);font-weight:650}.admin-post-status{display:inline-flex;border-radius:var(--r-pill);padding:2px 9px;font-size:12px;font-weight:650}.admin-post-status--published{background:var(--success-soft);color:var(--success)}.admin-post-status--draft{background:var(--warning-soft);color:var(--warning)}.admin-posts-states{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-posts-state{border:1px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-muted);padding:16px}.admin-posts-state strong{display:block;font-weight:650}.admin-posts-state p{color:var(--fg-muted);margin:6px 0 0}.admin-posts-state .admin-btn{margin-top:12px}.admin-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.admin-editor-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px}.admin-editor-form{display:grid;gap:16px}.admin-editor-form label{display:grid;gap:7px;font-weight:650}.admin-editor-form input{height:42px;padding:0 12px}.admin-editor-form textarea,.admin-editor-form select{padding:10px 12px}.admin-editor-form textarea{min-height:88px;resize:vertical}.admin-editor-form .admin-editor-content{min-height:320px}.admin-editor-form input[aria-invalid=true],.admin-editor-form textarea[aria-invalid=true]{border-color:var(--destructive)}.admin-editor-form input:disabled,.admin-editor-form textarea:disabled,.admin-editor-form select:disabled{cursor:not-allowed;opacity:.7}.admin-editor-side{display:grid;gap:14px;align-content:start}.admin-editor-confirm{border:1px solid #ffd4d0;background:var(--destructive-soft);color:var(--destructive);border-radius:var(--r-lg);padding:14px}.admin-editor-confirm p{margin:6px 0 10px}.admin-inline-btn{display:inline;margin-left:8px;border:0;padding:0;background:transparent;color:var(--destructive);font:650 13px/20px var(--font-body);cursor:pointer}@media(max-width:940px){.admin-app,.admin-category-layout,.admin-category-states,.admin-editor-layout,.admin-posts-states{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border)}.admin-main{padding:20px 16px}.admin-row-actions{justify-content:flex-start}.admin-posts-topbar,.admin-editor-topbar{flex-direction:column;align-items:stretch}.admin-posts-filters{grid-template-columns:1fr}}