*,:after,:before{box-sizing:border-box;margin:0}:root{--bg:#fff;--surface:#fff;--surface-raised:#f2f2f2;--border:#1a1a1a;--border-subtle:#e5e5e5;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--accent:#000;--accent-soft:rgba(0,0,0,.03);--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-flat:0 0 0 1px var(--border);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Georgia","Times New Roman",serif;--font-mono:"JetBrains Mono","SF Mono",SFMono-Regular,ui-monospace,monospace}html.dark{--bg:#0a0a0a;--surface:#0a0a0a;--surface-raised:#111;--border:#f5f5f5;--border-subtle:#222;--text:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#666;--accent:#fff;--accent-soft:hsla(0,0%,100%,.03);color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg);background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.header-inner{align-items:center;display:flex;height:64px;padding:0 24px;width:100%}.header-title{margin-right:48px}.header-title h1{color:var(--text);font-family:var(--font-serif);font-size:20px;font-weight:400;letter-spacing:-.02em;white-space:nowrap}.header-title .italic{font-style:italic}.header-nav{display:flex;flex:1;height:100%}.header-nav a{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:700;letter-spacing:.1em;padding:0 20px;text-transform:uppercase}.header-nav a.active,.header-nav a:hover{background:var(--accent-soft);color:var(--text)}.header-actions{align-items:center;display:flex;gap:0;margin-left:auto}.github-link,.theme-toggle{align-items:center;background:transparent;border:none;border-left:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .2s;width:48px}.magazine-shell{display:flex;min-height:calc(100vh - 64px)}.side-nav{background:var(--bg);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);justify-content:space-between;padding:40px 0;position:sticky;top:64px;width:80px;z-index:10}.vertical-title{align-items:center;color:var(--text-muted);display:flex;justify-content:center;letter-spacing:.2em;transform:rotate(180deg);width:100%;writing-mode:vertical-rl}.issue-no,.vertical-title{font-size:11px;font-weight:800}.issue-no{text-align:center}.main-view{flex:1;min-width:0}.page-footer{background:var(--surface-raised);border-top:1px solid var(--border);padding:80px 24px 80px 164px;width:100%}.footer-inner{display:flex;flex-direction:column;gap:40px;max-width:1200px;text-align:left;width:100%}.footer-title{display:block;font-family:var(--font-serif);font-size:24px;font-weight:400;letter-spacing:.1em;margin-bottom:8px}.footer-subtitle{color:var(--text-muted);font-size:14px}.footer-legal{border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;padding-top:24px}.author-info{font-weight:700;margin-top:8px}.author-info a{text-decoration:underline;text-decoration-color:var(--text-muted);text-underline-offset:4px}.author-info a:hover{text-decoration-color:var(--text)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:1024px){.header-nav a{font-size:11px;padding:0 12px}.header-title{margin-right:24px}}@media(max-width:900px){.side-nav{display:none}.page-footer{padding:64px 24px}}@media(max-width:768px){.header-inner{display:grid;gap:0;grid-template-areas:"title actions" "nav nav";grid-template-columns:1fr auto;height:auto;padding:0}.header-title{grid-area:title;margin-right:0;padding:16px}.header-actions{grid-area:actions;height:100%}.github-link,.theme-toggle{height:56px}.header-nav{border-top:1px solid var(--border-subtle);grid-area:nav;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-nav a{height:48px;white-space:nowrap}.footer-inner{align-items:flex-start;text-align:left}.footer-legal{text-align:left;width:100%}}