:root{color-scheme:light dark;--bg-page: #373737;--bg-content: #ffffff;--bg-subtle: #f8f8f8;--bg-entry: #f7f7f7;--bg-hover: #e4e4e4;--txt: #000000;--txt-muted: #555555;--txt-dim: #888888;--txt-faint: #999999;--txt-ghost: #bcbcbc;--border: #000000;--border-mid: #bcbcbc;--border-lite: #e4e4e4;--accent: #373737;--accent-txt: #ffffff}@media(prefers-color-scheme:dark){:root{--bg-page: #0d0d0d;--bg-content: #1e1e1e;--bg-subtle: #252525;--bg-entry: #252525;--bg-hover: #333333;--txt: #e8e8e8;--txt-muted: #aaaaaa;--txt-dim: #888888;--txt-faint: #666666;--txt-ghost: #555555;--border: #444444;--border-mid: #444444;--border-lite: #333333;--accent: #dddddd;--accent-txt: #1a1a1a}#nav img,#footer img{filter:invert(1)}#hamburger span{background:var(--txt)}#logo-link,#site-title{color:var(--txt)}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-page);font-family:Georgia,Garamond,Arial,sans-serif;color:var(--txt)}a{color:var(--txt);text-decoration:none}a:hover{text-decoration:underline}#wrapper{width:1000px;margin:0 auto;background:var(--bg-content);border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:100vh}#header{display:flex;align-items:flex-end;background:var(--bg-content);border-bottom:1px solid var(--border);padding:6px 0 0;position:sticky;top:0;z-index:100}#logo-link,#site-title{display:none}#hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px 14px;flex-shrink:0;align-self:center}#hamburger span{display:block;width:22px;height:2px;background:var(--txt)}#nav{flex:1}#nav>ul{list-style:none;display:flex;align-items:flex-end;justify-content:space-evenly;width:100%}#nav>ul>li{position:relative}#nav>ul>li>a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 10px 6px;text-decoration:none}#nav>ul>li>a img{display:block}.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-content);border:1px solid var(--border);border-top:none;z-index:200;min-width:130px;list-style:none}.dropdown-menu.open{display:block}.dropdown-menu li a{display:block;padding:6px 12px;font-size:12px;color:var(--txt);text-decoration:none;white-space:nowrap}.dropdown-menu li a:hover{background:var(--bg-hover);text-decoration:none}#nav-sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;background:var(--bg-content);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;z-index:500;overflow-y:auto;font-family:Georgia,Garamond,Arial,sans-serif}#nav-sidebar.open{transform:translate(0)}#nav-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:400}#nav-overlay.open{display:block}#sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-lite);background:var(--bg-subtle)}#sidebar-header a{font-size:15px;font-weight:700;color:var(--txt);text-decoration:none}#sidebar-close{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--txt);padding:4px 6px}#sidebar-menu{list-style:none;padding:8px 0 24px}#sidebar-menu li a{display:block;padding:10px 20px;font-size:14px;color:var(--txt);text-decoration:none}#sidebar-menu li a:hover{background:var(--bg-hover);text-decoration:none}.sidebar-section-label{display:block;padding:10px 20px 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--txt-faint)}.sidebar-divider{height:1px;background:var(--border-lite);margin:8px 16px}.entry{padding:16px 0 0}.entry-meta{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px;padding-bottom:12px;border-top:var(--border) solid 1px;border-bottom:1px solid var(--border);margin-bottom:14px;background:var(--bg-entry)}.journal-title{font-size:24px;font-weight:700}.journal-subtitle{font-style:italic;font-size:20px;color:var(--txt-muted)}.comic{text-align:center;padding-bottom:16px}.comic img{max-width:900px;width:100%;height:auto;display:block;margin:0 auto}#sentinel{padding:24px;text-align:center;border-top:1px solid var(--border-lite)}#loading-text{font-size:12px;font-style:italic;color:var(--txt-faint)}#end-msg{font-size:12px;font-style:italic;color:var(--txt-ghost);letter-spacing:.05em}#back-to-top{position:fixed;bottom:24px;right:24px;background:var(--accent);color:var(--accent-txt);border:none;padding:8px 14px;font-family:Georgia,Garamond,Arial,sans-serif;font-size:11px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}#back-to-top.visible{opacity:1;pointer-events:auto}#footer{border-top:1px solid var(--border-mid);background:var(--bg-subtle);padding:12px;display:flex;justify-content:center;align-items:center;gap:10px}#footer img{display:block}#archive-header{padding:16px 16px 12px;border-bottom:1px solid var(--border-mid);background:var(--bg-subtle)}#archive-header h1{font-size:24px;font-weight:700}#archive-age-nav{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}#archive-age-nav a{font-size:12px;color:var(--txt);padding:3px 8px;border:1px solid var(--border-mid);text-decoration:none}#archive-age-nav a:hover,#archive-age-nav a.active{background:var(--accent);color:var(--accent-txt);border-color:var(--accent);text-decoration:none}#archive-entries{padding:16px}.entry-count{font-size:12px;color:var(--txt-dim);font-style:italic;margin-bottom:12px}.archive-chapter{margin-bottom:24px}.archive-chapter-title{font-size:13px;font-weight:700;color:var(--txt-muted);padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--border-lite)}.archive-entry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;list-style:none}.archive-entry-list li a{display:block;padding:7px 8px;font-size:13px;text-align:center;color:var(--txt);border:1px solid var(--border-lite);background:var(--bg-subtle);text-decoration:none}.archive-entry-list li a:hover{background:var(--bg-hover);text-decoration:none}#news-header{padding:24px 32px;border-bottom:1px solid var(--border-mid);background:var(--bg-subtle);text-align:center}#news-header h1{font-size:48px;font-weight:400;font-family:Georgia,Garamond,serif;color:var(--txt)}#news-content{padding:24px 32px;display:flex;flex-direction:column;gap:32px}.news-section h2{font-size:18px;font-weight:700;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border-mid);color:var(--txt)}.news-list{list-style:none;display:flex;flex-direction:column;gap:2px}.news-list li a{display:inline-block;font-size:14px;padding:4px 0;color:var(--txt-muted);text-decoration:none}.news-list li a:hover{color:var(--txt);text-decoration:underline}@media(max-width:768px),(orientation:landscape)and (max-height:500px){#wrapper{width:100%;border-left:none;border-right:none}#header{align-items:center;padding:0}#nav{display:none}#hamburger{display:flex}#logo-link{display:flex;position:absolute;left:50%;transform:translate(-50%);align-items:center;text-decoration:none;color:var(--txt)}#logo{display:none}#site-title{display:block;font-family:Georgia,Garamond,serif;font-size:17px;font-weight:700;color:var(--txt)}.entry{padding:12px 0 0}.journal-title{font-size:17px}.journal-subtitle{font-size:14px}#back-to-top{bottom:16px;right:16px}#archive-header,#archive-entries{padding:12px}.archive-entry-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(orientation:landscape)and (max-height:500px){#header{padding:0}#hamburger{padding:8px 14px;gap:4px}#hamburger span{width:20px}.entry{padding:8px 12px 0}.entry-meta{padding-bottom:8px;margin-bottom:8px}#back-to-top{bottom:10px;right:10px;padding:6px 10px}#archive-header,#archive-entries{padding:8px 12px}}
