:root{color-scheme:light dark;--bg: #0f1219;--bg-elevated: #171c28;--surface: #1e2536;--text: #e8eaef;--muted: #9aa3b5;--accent: #c9a962;--accent-muted: #8a7350;--danger: #e07070;--border: #2a3348;--focus: #6b8cce;--radius: 12px;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);background:radial-gradient(1200px 600px at 20% -10%,#243154 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1a2740 0%,transparent 50%),var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#e4d9b0}.app-root{min-height:100dvh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header__inner{max-width:960px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{padding:.5rem .75rem;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}.nav-links a:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 80%,transparent)}.nav-links a.active{color:var(--text);background:var(--surface);border:1px solid var(--border)}.main{flex:1;width:100%}.main--admin{padding-bottom:calc(5.5rem + var(--safe-bottom))}.site-footer{border-top:1px solid var(--border);padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.page-shell{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.page-shell--home{max-width:720px}.page-shell--narrow{max-width:520px}.page-shell--post{max-width:680px}.page-shell--admin-dash,.page-shell--editor{max-width:900px}.page-header h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;margin:0 0 .5rem}.lede{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem}.muted{color:var(--muted)}.small{font-size:.9rem}.error-banner{background:color-mix(in srgb,var(--danger) 18%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);padding:.75rem 1rem;border-radius:var(--radius);margin:0 0 1rem}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.post-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.25rem 1rem}.post-card time{font-size:.85rem;color:var(--accent-muted)}.post-card h2{margin:.35rem 0 .5rem;font-size:1.35rem;font-family:var(--font-serif)}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.excerpt{color:var(--muted);margin:0 0 .75rem}.read-more{font-weight:600;font-size:.95rem}.post-header .back-link{display:inline-block;margin-bottom:.75rem;text-decoration:none}.post-meta{display:block;color:var(--accent-muted);font-size:.95rem;margin-bottom:.5rem}.post-header h1{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.25rem);margin:0;line-height:1.25}.prose-wrap{margin-top:1.5rem}.back-link{color:var(--muted);text-decoration:none;font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}.back-link:hover{color:var(--accent)}.rich-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.rich-editor--readonly{border-color:transparent;background:transparent}.rich-editor__content .ProseMirror{min-height:200px;padding:1rem 1.1rem 1.25rem;outline:none}.rich-editor--admin .rich-editor__content .ProseMirror{min-height:min(55vh,520px);padding-bottom:2rem}.rich-editor__content .ProseMirror img{max-width:100%;height:auto;border-radius:8px}.rich-editor__content .ProseMirror p{margin:.65rem 0}.rich-editor__content .ProseMirror h1,.rich-editor__content .ProseMirror h2,.rich-editor__content .ProseMirror h3{font-family:var(--font-serif);line-height:1.25;margin:1rem 0 .5rem}.rich-editor__content .ProseMirror ul,.rich-editor__content .ProseMirror ol{padding-left:1.25rem}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.rich-editor--admin .editor-toolbar:not(.editor-toolbar--bottom){border-bottom:1px solid var(--border);border-top:none}.editor-toolbar--bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid var(--border);border-bottom:none;padding-bottom:calc(.5rem + var(--safe-bottom));box-shadow:0 -8px 24px #00000059}@media(min-width:900px){.rich-editor--admin{display:flex;flex-direction:column-reverse}.editor-toolbar--bottom{position:static;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--border);border-top:none;box-shadow:none;padding-bottom:.5rem}.main--admin{padding-bottom:1rem}}.editor-toolbar__scroll{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.15rem 0;width:100%;align-items:center}.editor-toolbar button{flex:0 0 auto;min-height:44px;padding:0 .65rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer}.editor-toolbar button.is-active{border-color:var(--accent);color:var(--accent)}.editor-toolbar__select{min-height:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;padding:0 .4rem;max-width:140px}.editor-toolbar__color input[type=color]{width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field span{font-size:.9rem;color:var(--muted)}.field input{min-height:48px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:0 .85rem;font-size:1rem;width:100%}.field input:focus{outline:2px solid var(--focus);outline-offset:1px}.editor-page-header{margin-bottom:1rem}.editor-title{font-family:var(--font-serif);font-size:1.5rem;margin:.5rem 0 0}.editor-fields,.editor-surface{margin-bottom:1rem}.editor-footer-bar{position:sticky;bottom:calc(4.25rem + var(--safe-bottom));z-index:25;margin-top:.5rem}@media(min-width:900px){.editor-footer-bar{bottom:0}}.editor-footer-bar__inner{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:.75rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#3d4a73,#2d3858);border-color:#4a5a8a;color:#f2f4ff}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:transparent}.btn-small{min-height:44px;padding:0 .75rem;font-size:.9rem}.btn-danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:#ffc9c9}.admin-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.admin-header{flex-direction:row;align-items:center;justify-content:space-between}}.admin-header__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-list__row{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}@media(min-width:640px){.admin-list__row{flex-direction:row;align-items:center;justify-content:space-between}}.admin-list__meta{font-size:.88rem;color:var(--muted);margin-top:.25rem}.admin-list__actions{display:flex;flex-wrap:wrap;gap:.5rem}.login-actions{margin-top:1.5rem}code{font-size:.9em;background:var(--surface);padding:.1rem .35rem;border-radius:6px}
