:root{--bg-0: #0E0F13;--bg-1: #161820;--bg-2: #1D1F2B;--border: #272A3A;--text-1: #E2E4ED;--text-2: #8B8FA8;--text-3: #505468;--orange: #F08030;--green: #4D9E77;--orange-bg: rgba(240, 128, 48, .1);--green-bg: rgba(77, 158, 119, .1);--trans: background-color .2s ease, color .2s ease, border-color .2s ease}:root.light{--bg-0: #F3F2EE;--bg-1: #FFFFFF;--bg-2: #E9E8E4;--border: #D0CEC8;--text-1: #17181E;--text-2: #545668;--text-3: #9A9BA8;--orange: #C96010;--green: #2D7A55;--orange-bg: rgba(201, 96, 16, .08);--green-bg: rgba(45, 122, 85, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-0);color:var(--text-1);line-height:1.65;min-height:100vh;transition:var(--trans)}h1,h2,h3,h4{line-height:1.2;font-weight:600}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:1.4rem}h3{font-size:1.1rem}h4{font-size:1rem}a{color:var(--orange);text-decoration:none;transition:opacity .15s}a:hover{text-decoration:underline}p{color:var(--text-2)}code{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.875em;background:var(--bg-2);padding:.15em .4em;border-radius:4px}pre{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7;margin:1.5rem 0}pre code{background:none;padding:0}img{max-width:100%;display:block}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}ul,ol{padding-left:1.5rem}li{color:var(--text-2);margin-bottom:.35rem}.container{width:100%;max-width:720px;margin:0 auto;padding:0 1.5rem}.container--wide{max-width:980px}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-0) 85%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--trans)}.nav-container{display:flex;align-items:center;gap:1.5rem;height:56px}.logo{display:flex;align-items:center;gap:.5rem;color:var(--orange)!important;text-decoration:none!important;flex-shrink:0}.logo-mark{width:22px;height:22px;flex-shrink:0}.logo-text{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.95rem;font-weight:600;color:var(--text-1);letter-spacing:.01em}.nav-links{display:flex;list-style:none;gap:.1rem;flex:1;padding:0}.nav-links a{color:var(--text-2);font-size:.875rem;padding:.35rem .6rem;border-radius:5px;transition:color .15s,background .15s}.nav-links a:hover,.nav-links a.active{color:var(--text-1);background:var(--bg-2);text-decoration:none}.nav-links a.active{color:var(--orange)}.theme-btn{margin-left:auto;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.theme-btn:hover{color:var(--text-1);border-color:var(--orange);background:var(--orange-bg)}.site-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:5rem;transition:var(--trans)}.footer-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;list-style:none;gap:1.25rem;padding:0;flex:1}.footer-links a{color:var(--text-2);font-size:.85rem;transition:color .15s}.footer-links a:hover{color:var(--text-1);text-decoration:none}.footer-copy{color:var(--text-3);font-size:.8rem;margin-left:auto}.page-header{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--border);margin-bottom:3rem}.page-header h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.6rem}.page-header p{font-size:1.05rem;max-width:540px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--orange)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin-top:1rem}.tag{font-size:.72rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;padding:.2em .55em;border-radius:4px;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border)}.tag--orange{background:var(--orange-bg);color:var(--orange);border-color:transparent}.tag--green{background:var(--green-bg);color:var(--green);border-color:transparent}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:7px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none!important;transition:all .15s;border:1px solid transparent}.btn--primary{background:var(--orange);color:#fff}.btn--primary:hover{opacity:.85}.btn--outline{background:transparent;color:var(--text-1);border-color:var(--border)}.btn--outline:hover{border-color:var(--green);color:var(--green);background:var(--green-bg)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:.2em .55em;border-radius:4px;white-space:nowrap}.badge--active{background:var(--green-bg);color:var(--green)}.badge--completed{background:var(--bg-2);color:var(--text-3)}.badge:before{content:"●";font-size:.55em}.prose{max-width:660px}.prose h2{margin-top:2.5rem;margin-bottom:.9rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.prose h3{margin-top:1.75rem;margin-bottom:.65rem}.prose p,.prose ul,.prose ol{margin-bottom:1.1rem}.prose li{margin-bottom:.45rem}.prose a{color:var(--orange)}.prose blockquote{border-left:3px solid var(--orange);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--orange-bg);border-radius:0 6px 6px 0}.prose blockquote p{color:var(--text-1);margin:0}@media(max-width:640px){.nav-links{display:none}.footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}.footer-copy{margin-left:0}}