:root{--color-bg: #ffffff;--color-surface: #f8f7f4;--color-border: #e2e0d8;--color-text: #1a1917;--color-text-muted: #6b6860;--color-accent: #d97706;--color-accent-dark: #b45309;--color-accent-light: #fef3c7;--color-success: #15803d;--color-error: #dc2626;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%236b6860' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #111111;--color-surface: #1a1a1a;--color-border: #2f2f2f;--color-text: #f5f5f5;--color-text-muted: #b3b3b3;--color-accent: #f59e0b;--color-accent-dark: #f59e0b;--color-accent-light: #3b2a12;--color-success: #22c55e;--color-error: #f87171;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23b3b3b3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}}html[data-theme=light]{--color-bg: #ffffff;--color-surface: #f8f7f4;--color-border: #e2e0d8;--color-text: #1a1917;--color-text-muted: #6b6860;--color-accent: #d97706;--color-accent-dark: #b45309;--color-accent-light: #fef3c7;--color-success: #15803d;--color-error: #dc2626;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%236b6860' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");color-scheme:light}html[data-theme=dark]{--color-bg: #111111;--color-surface: #1a1a1a;--color-border: #2f2f2f;--color-text: #f5f5f5;--color-text-muted: #b3b3b3;--color-accent: #f59e0b;--color-accent-dark: #f59e0b;--color-accent-light: #3b2a12;--color-success: #22c55e;--color-error: #f87171;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23b3b3b3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header{max-width:720px;margin:0 auto;padding:16px 76px 8px 20px;display:flex;align-items:center;justify-content:flex-start;gap:12px}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 0;border-radius:10px;text-decoration:none;color:var(--color-text);font-weight:700;letter-spacing:-.01em;line-height:1;transition:background-color .15s ease,transform .15s ease}.brand:active{transform:translateY(1px)}.brand-mark{display:block;width:36px;height:36px;flex-shrink:0}.brand-mark>img{display:block;width:100%;height:100%}.brand-name{font-size:17px}.brand-name-accent{color:var(--color-accent-dark)}.theme-toggle{position:fixed;top:21px;right:20px;z-index:20;min-height:38px;min-width:38px;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--color-accent)}.theme-toggle-icon{width:16px;height:16px;color:inherit}.theme-toggle-moon,.theme-toggle-sun{display:none}html:not([data-theme]) .theme-toggle-moon,html[data-theme=light] .theme-toggle-moon{display:block}html[data-theme=dark] .theme-toggle-sun{display:block}footer{margin-top:64px;border-top:1px solid var(--color-border);padding:24px 0}.footer-inner{max-width:720px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--color-text-muted);text-align:center}.footer-inner nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.footer-inner a{color:var(--color-text-muted);text-decoration:none}.footer-inner a:hover{color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}