:root{--ink: #0d1b24;--ink-soft: #4a5d6a;--paper: #eef3f6;--paper-2: #e2e9ef;--line: #b7c5d0;--accent: #0a6b7c;--accent-2: #1d4e89;--danger: #9b2c2c;--ok: #1f6b45;--shadow: 0 18px 50px rgba(13, 27, 36, .1);--radius: 14px;--font-display: "Syne", system-ui, sans-serif;--font-body: "Source Serif 4", Georgia, serif;--font-ui: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(1100px 520px at 8% -12%,rgba(10,107,124,.14),transparent 58%),radial-gradient(900px 480px at 100% 0%,rgba(29,78,137,.12),transparent 55%),linear-gradient(180deg,#f5f8fa 0%,var(--paper) 42%,#dce5ec 100%)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input,textarea,select{font:inherit;font-size:16px}button,.chip,.btn,a{touch-action:manipulation}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;background:color-mix(in srgb,#f5f8fa 84%,transparent)}.brand{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em;text-decoration:none;line-height:1}.brand-sub{margin:.35rem 0 0;color:var(--ink-soft);font-size:.95rem}.topnav{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}.topnav a{font-size:.95rem;text-decoration:none;padding:.35rem .15rem;border-bottom:2px solid transparent}.topnav a.active,.topnav a:hover{border-bottom-color:var(--accent)}.main{width:min(1180px,calc(100% - 2rem));margin:1.25rem auto 2.5rem;flex:1}.panel{background:color-mix(in srgb,white 72%,var(--paper-2));border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.35rem 1.4rem 1.6rem;animation:rise .42s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.1rem}.panel-head h1{margin:.15rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.7rem,2.6vw,2.2rem);letter-spacing:-.02em}.lede{margin:0;color:var(--ink-soft);max-width:46rem;font-family:var(--font-body);font-size:1.05rem}.crumb{margin:0;color:var(--ink-soft);font-size:.85rem}.toolbar,.head-actions,.row-actions,.editor-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.toolbar{justify-content:space-between;margin-bottom:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem}.search{min-width:min(280px,100%);border:1px solid var(--line);background:#f8fbfd;border-radius:999px;padding:.55rem .9rem}.chip,.btn{border:1px solid var(--line);background:#f8fbfd;color:var(--ink);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.chip:hover,.btn:hover{transform:translateY(-1px)}.chip.active{background:var(--ink);color:#eef6f8;border-color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#f4fff9}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.banner{border-radius:10px;padding:.75rem .9rem;margin-bottom:1rem;font-size:.95rem}.banner.error{background:#f8e6e4;color:var(--danger);border:1px solid #e7c0ba}.banner.ok{background:#e5f4ea;color:var(--ok);border:1px solid #b9dcc7}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.75rem;border-radius:var(--radius);border:1px solid transparent;background:color-mix(in srgb,white 55%,transparent);animation:rise .5s ease both;overflow:hidden}.post-row:nth-child(2){animation-delay:40ms}.post-row:nth-child(3){animation-delay:80ms}.post-row:nth-child(4){animation-delay:.12s}.post-row:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.post-main{display:grid;grid-template-columns:88px 1fr;gap:.85rem;text-decoration:none;min-width:0}.thumb{width:88px;height:72px;object-fit:cover;border-radius:10px;background:var(--paper-2)}.thumb.placeholder{background:linear-gradient(135deg,#c5d3dd,#e8eef3 45%,#b9cdd4)}.post-copy{min-width:0;overflow:hidden}.post-copy h2{margin:.2rem 0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-copy p{margin:0;color:var(--ink-soft);font-family:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.post-meta{display:flex;gap:.65rem;align-items:center;color:var(--ink-soft);font-size:.8rem}.status{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.status-draft{color:#7a5b1e}.status-published{color:var(--accent)}.status-scheduled{color:var(--accent-2)}.post-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:end}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.1rem}.editor-main,.editor-side{display:flex;flex-direction:column;gap:.75rem}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft)}.field input,.field textarea,.field select,.markdown-input{width:100%;border:1px solid var(--line);background:#f8fbfd;border-radius:10px;padding:.65rem .75rem;color:var(--ink)}.markdown-input{min-height:520px;resize:vertical;font-family:ui-monospace,IBM Plex Mono,Menlo,monospace;font-size:.92rem;line-height:1.55}.markdown-preview{min-height:520px;border:1px solid var(--line);background:#f8fbfd;border-radius:10px;padding:1rem 1.1rem;font-family:var(--font-body);line-height:1.65;overflow:auto}.markdown-preview img{max-width:100%;border-radius:8px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-family:var(--font-display);letter-spacing:-.02em}.feature-preview{width:100%;max-height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.hint,.muted{color:var(--ink-soft)}.tiny{font-size:.82rem}.empty{padding:2rem .5rem;color:var(--ink-soft)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:min(420px,100%);background:color-mix(in srgb,white 72%,var(--paper-2));border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.4rem 1.35rem 1.55rem;animation:rise .42s ease both}.login-card h1{margin:.2rem 0 .45rem;font-family:var(--font-display);font-size:1.8rem}.login-google{display:inline-flex;justify-content:center;width:100%;margin-top:.85rem;text-decoration:none}.nav-logout{border:1px solid var(--line);background:#f8fbfd;border-radius:999px;padding:.35rem .75rem;cursor:pointer}@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1rem .85rem;padding-top:max(1rem,env(safe-area-inset-top))}.brand{font-size:1.65rem}.topnav{gap:.35rem}.topnav a{flex:1 1 auto;text-align:center;padding:.55rem .65rem;border:1px solid var(--line);border-radius:999px;border-bottom-width:1px;background:#f8fbfd;font-size:.9rem}.topnav a.active,.topnav a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#f8fbfd)}.main{width:min(100% - .75rem,1180px);margin:.75rem auto 1.5rem;margin-bottom:max(1.5rem,env(safe-area-inset-bottom))}.panel{padding:1rem .9rem 1.15rem;border-radius:14px}.panel-head{flex-direction:column;align-items:stretch;gap:.85rem}.panel-head h1{font-size:1.45rem}.lede{font-size:.98rem}.toolbar{flex-direction:column;align-items:stretch}.filter-row{width:100%}.chip,.btn{min-height:44px;padding:.55rem .95rem}.search{width:100%;min-width:0;min-height:44px;border-radius:12px}.post-row,.post-main,.editor-grid{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:1fr}.post-main{gap:.65rem}.thumb{width:100%;height:140px}.post-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-actions,.head-actions,.editor-toolbar,.row-actions{justify-content:stretch}.post-actions .btn,.head-actions .btn,.editor-toolbar .btn,.panel-head>.btn{flex:1 1 auto;text-align:center}.markdown-input,.markdown-preview{min-height:min(55vh,420px)}.editor-side{order:-1;padding-bottom:.25rem;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);margin-bottom:.35rem}}@media(max-width:520px){.brand-sub{font-size:.85rem}.post-actions{display:grid;grid-template-columns:1fr 1fr}.post-actions .btn.danger{grid-column:1 / -1}}