:root{--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-primary: #ffffff;--bg-secondary: #fbfaf7;--bg-card: #ffffff;--surface: #fbfaf7;--surface-2: #f3f1eb;--text-primary: #1a1a1a;--text-secondary: #4b4b4b;--text-tertiary: #8a8a8a;--border: #e8e3d8;--border-strong: #d5cfc1;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: rgba(79, 70, 229, .08);--overlay: rgba(20, 18, 30, .45);--error: #dc2626;--success: #16a34a;--sidebar-width: 280px;--prose-max: 680px;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #14182a;--bg-secondary: #0f1322;--bg-card: #1a1f33;--surface: #0f1322;--surface-2: #1a1f33;--text-primary: #ececf2;--text-secondary: #b6b7c2;--text-tertiary: #7a7d8c;--border: #2a3048;--border-strong: #3a4163;--accent: #8b8df0;--accent-hover: #a1a3f5;--accent-soft: rgba(139, 141, 240, .12);--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}}[data-theme=dark]{--bg-primary: #14182a;--bg-secondary: #0f1322;--bg-card: #1a1f33;--surface: #0f1322;--surface-2: #1a1f33;--text-primary: #ececf2;--text-secondary: #b6b7c2;--text-tertiary: #7a7d8c;--border: #2a3048;--border-strong: #3a4163;--accent: #8b8df0;--accent-hover: #a1a3f5;--accent-soft: rgba(139, 141, 240, .12);--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--surface);color:var(--text-primary);line-height:1.55}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.layout{display:flex;min-height:100vh;max-width:1200px;margin:0 auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;padding:36px 21px 24px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-primary);z-index:10}.sidebar-header{margin-bottom:24px}.site-logo-link{display:inline-block;text-decoration:none;color:inherit}.site-logo{width:128px;height:128px;object-fit:contain;border-radius:10px;margin-bottom:14px;display:block}.site-title{font-family:var(--font-serif);font-optical-sizing:auto;font-size:1.7rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;margin-bottom:6px}.site-tagline{display:block;font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:var(--text-tertiary);line-height:1.3}.sidebar-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sidebar-spacer{flex:1;min-height:16px}.main-content{margin-left:var(--sidebar-width);flex:1;padding:40px 48px 80px;max-width:calc(var(--prose-max) + 96px);width:100%}.feed{display:flex;flex-direction:column}.feed-item{padding:28px 0;border-bottom:1px solid var(--border)}.feed-item:first-child{padding-top:8px}.feed-item:last-child{border-bottom:none}.feed-item .article-header{margin-bottom:12px}.feed-item .article-title{font-size:1.5rem;line-height:1.25;margin-bottom:10px}.feed-item .article-body{font-size:1rem;line-height:1.65;color:var(--text-secondary)}.feed-item:hover .article-title .article-link{color:var(--accent)}.article-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.avatar-sm{width:28px;height:28px}.article-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.author-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.relative-time{font-size:.9rem;color:var(--text-tertiary)}.article-title{font-family:var(--font-serif);font-optical-sizing:auto;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;line-height:1.3;margin-bottom:10px}.article-link{color:inherit;text-decoration:none;transition:color .15s ease}.article-link:hover{color:var(--accent)}.article-read-more{margin-top:10px}.read-more-link{font-size:.9rem;color:var(--accent);text-decoration:none;font-weight:600}.read-more-link:hover{text-decoration:underline}.article-page{padding:8px 0 0}.article-page .article-header{margin-bottom:24px}.article-page-title{font-family:var(--font-serif);font-optical-sizing:auto;font-size:2.4rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin:8px 0 20px}.article-body{font-size:1.05rem;line-height:1.75;color:var(--text-primary)}.article-body>*+*{margin-top:16px}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;margin-top:28px}.article-body h1{font-size:1.5rem}.article-body h2{font-size:1.3rem}.article-body h3{font-size:1.15rem}.article-body p{color:var(--text-primary)}.article-body blockquote{border-left:3px solid var(--accent);padding:4px 16px;color:var(--text-secondary);font-style:italic;font-family:var(--font-serif);font-size:1.1rem;margin:20px 0}.article-body ul,.article-body ol{padding-left:24px}.article-body li+li{margin-top:6px}.article-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.article-body code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface-2);padding:2px 6px;border-radius:4px}.article-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-tertiary)}.satirical-note{font-style:italic}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-tertiary);text-decoration:none;margin-bottom:24px;transition:color .15s ease}.back-link:hover{color:var(--accent)}.comments-section{margin-top:48px;padding-top:28px;border-top:1px solid var(--border-strong)}.comments-heading{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:20px}.comment{padding:18px 0;border-top:1px solid var(--border)}.comment:first-of-type{border-top:none;padding-top:0}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-author{font-size:.875rem;font-weight:600;color:var(--text-primary)}.comment-header .relative-time{margin-left:auto}.comment-body{font-size:.95rem;line-height:1.6;color:var(--text-secondary);padding-left:38px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:11px 18px;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-sidebar{padding:12px 16px;font-size:.92rem}.nav-btn{width:100%;padding:9px 12px;border:none;border-radius:6px;background:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease;font-family:var(--font-sans)}.nav-btn:hover{background:var(--surface-2);color:var(--accent)}.link-btn{background:none;border:none;color:var(--accent);font-size:.9rem;cursor:pointer;text-decoration:none;padding:4px 0;font-family:var(--font-sans)}.link-btn:hover{text-decoration:underline}.more-menu-container{position:relative}.more-btn{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background .15s ease,border-color .15s ease,color .15s ease}.more-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.more-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:var(--shadow-md)}.more-menu-header{font-size:.7rem;color:var(--text-tertiary);margin:4px 0 6px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.more-menu-footer{margin-top:14px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.more-menu-footer .link-btn{text-align:left;padding:6px 0;font-size:.85rem}.theme-toggle{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.theme-option{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-primary);cursor:pointer;padding:4px 0}.theme-option input{accent-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;top:14px;right:16px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;line-height:1;transition:background .15s ease,color .15s ease}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal h2{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;letter-spacing:-.015em;color:var(--text-primary);margin-bottom:6px;line-height:1.2}.modal-subtitle{font-size:.9rem;color:var(--text-tertiary);margin-bottom:20px}.input{width:100%;padding:11px 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;margin-bottom:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:var(--font-sans)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal-footer{margin-top:20px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center}.modal-footer .link-btn{font-size:.875rem}.error-message{color:var(--error);font-size:.875rem;margin-bottom:10px}.success-message{color:var(--success);font-size:.95rem;margin:8px 0 4px}.about-body{font-size:1.05rem;line-height:1.75;color:var(--text-primary)}.about-body p{margin-top:16px}.about-body p:first-child{margin-top:0;font-size:1.15rem;color:var(--text-primary)}.loading{text-align:center;color:var(--text-tertiary);font-size:.9rem;padding:32px 20px}.empty-state{text-align:center;color:var(--text-tertiary);padding:80px 20px;font-family:var(--font-serif);font-style:italic}.sentinel{height:1px}@media(max-width:900px){.main-content{padding:32px 24px 64px}}@media(max-width:768px){.layout{flex-direction:column}.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-header{margin-bottom:16px}.site-logo{width:40px;height:40px;margin-bottom:10px}.site-title{font-size:1.5rem}.sidebar-cta{flex-direction:row;gap:8px;margin-bottom:12px}.sidebar-cta .btn{flex:1}.sidebar-spacer{display:none}.more-menu{bottom:auto;top:calc(100% + 8px)}.main-content{margin-left:0;padding:24px 20px 56px}.article-page-title{font-size:1.9rem}.feed-item .article-title{font-size:1.3rem}.modal{padding:24px}.modal h2{font-size:1.4rem}}