:root{--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--bg-canvas: #262624;--bg-surface: #30302e;--bg-surface-hover: #3a3a37;--bg-sunken: #1e1e1c;--bg-shell: #171614;--bg-overlay: rgba(20, 20, 18, .72);--border: #3a3a37;--border-strong: #4a4a46;--border-subtle: #333330;--text-primary: #f5f4ef;--text-secondary: #c2c0b6;--text-muted: #8a897f;--text-faint: #65645d;--text-inverse: #1a1915;--accent: #d97757;--accent-hover: #e88862;--accent-active: #c96442;--accent-subtle: #3d2e26;--accent-tint: #3d2e26;--accent-text: #1a1915;--success: #7dae8f;--success-subtle: #24352a;--warning: #d4a96a;--warning-subtle: #3a3022;--danger: #c87577;--danger-subtle: #3a2427;--info: #8fadcf;--info-subtle: #23303f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .45);--focus-ring: 0 0 0 3px rgba(217, 119, 87, .35);--selection-bg: rgba(217, 119, 87, .25)}.light-theme{--bg-canvas: #f2ede3;--bg-surface: #ffffff;--bg-surface-hover: #f6f2ea;--bg-sunken: #ece6d9;--bg-shell: #e5ddcd;--bg-overlay: rgba(26, 25, 21, .45);--border: #e8e5dc;--border-strong: #d4d0c4;--border-subtle: #f0ede4;--text-primary: #1a1915;--text-secondary: #37352f;--text-muted: #73726c;--text-faint: #b5b2a8;--text-inverse: #ffffff;--accent: #cc785c;--accent-hover: #b56a50;--accent-active: #a65a42;--accent-subtle: #f3e8e1;--accent-tint: #f3e8e1;--accent-text: #ffffff;--success: #3f7d58;--success-subtle: #e4efe7;--warning: #a66a2a;--warning-subtle: #faf2e4;--danger: #a63a3a;--danger-subtle: #f8e5e5;--info: #3a6a9a;--info-subtle: #e4edf5;--shadow-sm: 0 1px 2px rgba(26, 25, 21, .06);--shadow-md: 0 4px 12px rgba(26, 25, 21, .08);--shadow-lg: 0 10px 32px rgba(26, 25, 21, .12);--focus-ring: 0 0 0 3px rgba(204, 120, 92, .3);--selection-bg: rgba(204, 120, 92, .22)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:500;line-height:1.2}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:880px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);background:var(--bg-surface)}.header-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:12px;padding-bottom:12px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:4px 16px;flex:1 1 auto}.nav a,.header-actions a{text-decoration:none;color:var(--text-secondary);display:inline-flex;align-items:center;min-height:44px;padding:0 6px}.nav a:hover,.header-actions a:hover{color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:16px}.btn{display:inline-block;padding:8px 14px;border-radius:var(--radius-md);font-weight:500}.btn-accent,.header-actions a.btn-accent{background:var(--accent);color:var(--accent-text)}.btn-accent:hover,.header-actions a.btn-accent:hover{background:var(--accent-hover);color:var(--accent-text)}main{padding-top:32px;padding-bottom:48px;min-height:60vh}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.author-card{display:flex;gap:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-top:32px}.author-card p{margin:0 0 4px}.author-name{font-weight:600}.author-role{color:var(--text-secondary)}.prices{list-style:none;padding:0}.site-footer{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.9rem;padding:24px 0}.footer-links{display:flex;flex-wrap:wrap;gap:4px 16px}.updated{color:var(--text-secondary);font-size:.9rem}@media(max-width:719.98px){.header-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand actions" "nav nav";gap:0 12px;padding-top:6px;padding-bottom:0}.brand{grid-area:brand}.header-actions{grid-area:actions;justify-self:end;gap:4px}.header-actions a{padding:0 8px;font-size:.95rem}.header-actions a.btn-accent{padding:0 12px;min-height:40px}.nav{grid-area:nav;flex-wrap:nowrap;gap:0 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 10px;white-space:nowrap}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;padding:0 8px}}