*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f0e8;--bg-warm:#ede6dc;--ink:#1a1a18;--ink-2:#4a4a46;--ink-3:#6e6e68;--accent:#6b7f4e;--accent-strong:#5a6d3f;--on-accent:#fff;--accent-light:#f2e6d8;--accent-mid:#8fa5c4;--rule:#dcd5cb;--paper:#fffcf7;--f-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--f-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--max:1060px;--shadow:0 8px 32px #0000001a;--ease:cubic-bezier(.22, .68, 0, 1.2);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html{font-size:16px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:contain;flex-direction:column;min-height:100dvh;transition:background 3s,color 3s;display:flex}main{flex:1;transition:background 3s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-light);color:var(--accent)}a:active,button:active{opacity:.85;transition:transform .1s,opacity .1s;transform:scale(.97)}a,button,[role=button]{-webkit-tap-highlight-color:#6b7f4e26}a{color:inherit;text-decoration:none}.skip-link{z-index:9999;background:var(--accent-strong);color:var(--on-accent);padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}.scroll-bar{top:var(--sat);z-index:300;background:var(--rule);height:3px;position:fixed;left:0;right:0}.scroll-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .1s linear}nav{top:calc(var(--sat) + 3px);z-index:200;backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);background:#f5f0e8e0;justify-content:space-between;align-items:center;height:52px;padding:0 2.5rem;transition:background 3s,border-color 3s;display:flex;position:fixed;left:0;right:0}nav:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6b7f4e4d,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}[data-theme=dark] nav:after{background:linear-gradient(90deg,#0000,#a3bf6a33,#0000)}.nav-name{font-family:var(--f-mono);color:var(--ink);letter-spacing:.01em;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.nav-name-link{color:inherit;text-decoration:none}.nav-links{align-items:center;gap:8px;display:flex}@media (width>=701px){.nav-links{order:1}.nav-right{order:2}}.nav-link{font-family:var(--f-mono);color:var(--ink-2);border-radius:100px;align-items:center;gap:6px;min-height:44px;padding:10px 14px;font-size:13px;transition:color .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-link:hover{color:var(--accent);background:var(--accent-light)}.nav-link-icon{flex-shrink:0;width:18px;height:18px}.nav-icon-wrap{line-height:0;display:inline-flex;position:relative}.nav-icon{border-radius:4px;animation:2s ease-in-out infinite bob;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-cta{letter-spacing:.03em;border:1.5px solid var(--accent);color:var(--accent);border-radius:100px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.nav-cta:hover{background:var(--accent-strong);color:var(--on-accent);transform:translateY(-1px)}.nav-cta:active{transform:translateY(0)}[data-theme=dark] .nav-cta:hover{background:var(--accent-strong);color:var(--on-accent)}.nav-right{align-items:center;gap:8px;display:flex}.nav-btn{border:1.5px solid var(--ink-3);color:var(--ink-2);cursor:pointer;letter-spacing:.04em;min-height:44px;font-size:12px;font-weight:500;line-height:1;font-family:var(--f-mono);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:5px;padding:10px 14px;text-decoration:none;transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-btn .nav-link-icon{width:14px;height:14px}.nav-btn--featured{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 2px 14px color-mix(in srgb, var(--accent) 40%, transparent);transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.nav-btn--featured:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 4px 18px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-1px)}.theme-toggle{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{color:var(--ink);background-color:#0000000a;transform:scale(1.05)}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff0f}.post-share-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.post-share-btn:hover{color:var(--ink);background-color:#0000000a;transform:scale(1.05)}[data-theme=dark] .post-share-btn:hover{background-color:#ffffff0f}.post-share-btn.copied{color:#2d8a4e}.nav-social{color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.nav-social svg{width:18px;height:18px}.nav-social:hover{color:var(--ink);background-color:#0000000a;transform:scale(1.05)}[data-theme=dark] .nav-social:hover{background-color:#ffffff0f}.theme-toggle-icon-wrap{width:20px;height:20px;display:block;position:relative}.theme-toggle-icon-wrap svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;top:0;left:0}.theme-toggle .moon-icon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg)scale(.5)}[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg)scale(.5)}[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}.nav-inbox-container{align-items:center;display:inline-flex;position:relative}.nav-inbox-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex;position:relative}.nav-inbox-btn:hover{color:var(--ink);background-color:#0000000a;transform:scale(1.05)}.nav-inbox-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nav-inbox-btn[aria-expanded=true] .nav-inbox-icon{transform:rotate(15deg)}.nav-inbox-badge{color:var(--on-accent);font-family:var(--f-mono), monospace;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--paper);background-color:#ff3b30;border-radius:10px;justify-content:center;align-items:center;padding:1px 5px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) badge-pop;display:flex;position:absolute;top:4px;right:4px}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.nav-inbox-dropdown{background:var(--paper);border:1px solid var(--accent-mid);z-index:300;transform-origin:100% 0;backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) dropdown-fade-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}@keyframes dropdown-fade-in{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.nav-inbox-header{border-bottom:1px solid var(--accent-mid);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.nav-inbox-title{font-family:var(--f-body);color:var(--ink);font-size:14px;font-weight:600}.nav-inbox-read-all{font-family:var(--f-mono);color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;transition:background-color .2s}.nav-inbox-read-all:hover{background-color:#0066cc14;text-decoration:underline}.nav-inbox-list{scrollbar-width:thin;max-height:360px;overflow-y:auto}.nav-inbox-empty{text-align:center;color:var(--ink-3);font-size:13px;font-family:var(--f-body);padding:24px 16px}.nav-inbox-item{border-bottom:1px solid var(--accent-mid);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex;position:relative}.nav-inbox-item:hover{background-color:#00000004}.nav-inbox-item:last-child{border-bottom:none}.nav-inbox-dot{background-color:var(--accent);opacity:0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px;transition:opacity .2s}.nav-inbox-item.is-unread .nav-inbox-dot{opacity:1}.nav-inbox-content{flex-direction:column;flex:1;gap:4px;display:flex}.nav-inbox-msg{color:var(--ink-2);font-size:13px;line-height:1.4;font-family:var(--f-body);margin:0;transition:color .2s}.nav-inbox-item.is-unread .nav-inbox-msg{color:var(--ink);font-weight:500}.nav-inbox-item:hover .nav-inbox-msg{color:var(--accent)}.nav-inbox-date{font-family:var(--f-mono);color:var(--ink-3);font-size:10px}.nav-inbox-dismiss{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:center;padding:4px;font-size:16px;line-height:1;transition:color .2s,background-color .2s}.nav-inbox-dismiss:hover{color:var(--ink);background-color:#0000000d}[data-theme=dark] .nav-inbox-btn:hover{background-color:#ffffff14}[data-theme=dark] .nav-inbox-item:hover{background-color:#ffffff08}[data-theme=dark] .nav-inbox-dismiss:hover{background-color:#ffffff14}.floating-cta{bottom:calc(var(--sab) + 24px);z-index:150;background:var(--accent-strong);color:var(--on-accent);font-family:var(--f-mono);letter-spacing:.04em;opacity:0;pointer-events:none;border-radius:100px;align-items:center;gap:8px;padding:14px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .3s,transform .3s,background .3s;display:flex;position:fixed;right:24px;transform:translateY(12px);box-shadow:0 8px 24px #6b7f4e4d}.floating-cta.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-cta:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 12px 32px #6b7f4e59}[data-theme=dark] .floating-cta:hover{background:var(--accent-strong);color:var(--on-accent)}.floating-cta:active{transform:translateY(0)}.back-to-top{bottom:calc(var(--sab) + 24px);z-index:150;border:1.5px solid var(--rule);background:var(--paper);width:44px;height:44px;color:var(--ink-2);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,border-color .3s,color .3s,background .3s;display:flex;position:fixed;left:24px;transform:translateY(12px);box-shadow:0 4px 12px #00000014}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}footer{border-top:1px solid var(--rule);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 2.5rem;transition:border-color 3s;display:flex}.footer-line{justify-content:center;align-items:center;gap:8px;display:flex}.footer-name{font-family:var(--f-mono);color:var(--ink-3);font-size:13px}.footer-note{color:var(--ink-3);font-size:13px}.footer-note--human{font-family:var(--f-mono);color:var(--ink-3);opacity:.45;font-size:9px}[data-theme=dark]{--bg:#111110;--bg-warm:#181817;--ink:#f0efea;--ink-2:#d4d2ca;--ink-3:#a3a19a;--accent:#a3bf6a;--accent-light:#2a2520;--accent-mid:#7a92b8;--rule:#33322e;--paper:#181818;--shadow:0 8px 32px #00000080}[data-theme=dark] nav{background:#111110e0;transition:background 3s}html.theme-anim,html.theme-anim *{transition:background-color 3s,background 3s,background-image 3s,color 3s,border-color 3s,box-shadow 3s,fill 3s,stroke 3s,opacity 3s!important}@media (prefers-reduced-motion:reduce){*,html.theme-anim,html.theme-anim *{transition:none!important}}.section{border-bottom:1px solid var(--rule);opacity:0;padding:100px 2.5rem;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),background 3s,border-color 3s;position:relative;transform:translateY(20px)}.section.in-view{opacity:1;transform:translateY(0)}.section:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:2px;width:60px;height:2px;transition:box-shadow 3s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #6b7f4e4d}[data-theme=dark] .section:before{transition:box-shadow 3s;box-shadow:0 0 16px #a3bf6a40}.section-inner{max-width:var(--max);margin:0 auto}@media (prefers-reduced-motion:reduce){.section{opacity:1;transform:none}}.s-label{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.s-label:after{content:"";background:var(--rule);flex:1;max-width:40px;height:1px}.s-title{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:10px;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.15;position:relative}.s-title:after{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(#6b7f4e26,#0000 70%);width:80px;height:24px;position:absolute;bottom:-8px;left:0}[data-theme=dark] .s-title:after{background:radial-gradient(#a3bf6a1f,#0000 70%)}.s-sub{color:var(--ink-3);max-width:520px;margin-bottom:52px;font-size:16px;font-weight:400;line-height:1.6}@media (width<=700px){.section{padding:80px 1.25rem}nav{flex-wrap:wrap;gap:2px 0;height:auto;padding:6px 1rem}.nav-links{order:unset;justify-content:center;gap:0;width:100%}.nav-link-text{display:none}.nav-link{min-width:38px;min-height:38px;padding:8px 6px;line-height:0}.nav-link-icon{width:18px;height:18px}.nav-cta{display:none}.nav-right{order:unset;gap:2px}.nav-name{gap:4px;font-size:13px}.nav-icon{width:22px;height:22px}.nav-inbox-btn,.nav-social{min-width:36px;min-height:36px;padding:4px}.nav-inbox-icon{width:18px;height:18px}.theme-toggle{min-width:36px;min-height:36px;padding:4px}.nav-btn{min-width:36px;min-height:36px;padding:6px 8px;font-size:11px}.floating-cta{min-height:56px;padding:12px 20px;bottom:16px;right:16px}.floating-cta-text{display:none}.back-to-top{width:48px;height:48px;bottom:16px;left:16px}footer{text-align:center;flex-direction:column;gap:8px}}.bp-controls{margin-top:32px;margin-bottom:8px}.bp-search-wrap{align-items:center;gap:8px;margin-bottom:20px;display:flex}.bp-search{font-family:var(--f-mono);border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:8px;outline:none;flex:1;min-height:44px;padding:12px 16px;font-size:16px;transition:border-color .3s}.bp-search:focus{border-color:var(--accent)}.bp-search::placeholder{color:var(--ink-3)}.bp-filter-toggle{border:1.5px solid var(--rule);background:var(--paper);width:44px;height:44px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.bp-filter-toggle:hover{border-color:var(--accent-mid);color:var(--accent)}.bp-filter-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.bp-clear-btn{min-height:44px;font-family:var(--f-mono);border:1.5px solid var(--rule);background:var(--paper);color:var(--ink-2);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;padding:0 14px;font-size:12px;transition:border-color .2s,color .2s;display:inline-flex}.bp-clear-btn:hover{border-color:var(--accent-mid);color:var(--accent)}.bp-filters{flex-direction:column;gap:12px;margin-bottom:16px;display:none}.bp-filters.open{display:flex}.bp-filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bp-filter-label{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-right:4px;font-size:12px;font-weight:500}.bp-filter-btn{font-family:var(--f-mono);border:1px solid var(--rule);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:100px;align-items:center;min-height:44px;padding:8px 14px;font-size:12px;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.bp-filter-btn:hover{border-color:var(--accent-mid);color:var(--accent)}.bp-filter-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.bp-tag-btn{font-family:var(--f-mono);border:1px solid var(--rule);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:100px;align-items:center;min-height:36px;padding:6px 12px;font-size:11px;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.bp-tag-btn:hover{border-color:var(--accent-mid);color:var(--accent)}.bp-tag-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.bp-count{font-family:var(--f-mono);color:var(--ink-3);margin-bottom:16px;font-size:12px}.bp-empty{color:var(--ink-3);text-align:center;padding:60px 20px;font-size:15px}.blog-hero-title{margin-bottom:14px}.blog-hero-meta{font-family:var(--f-mono);color:var(--ink-3);align-items:center;gap:8px;margin-bottom:52px;font-size:13px;display:flex}.blog-hero-sep{color:var(--rule)}.bp-list{flex-direction:column;gap:16px;display:flex}.bp-card-link{text-decoration:none;display:block}.bp-card{border:1px solid var(--rule);background:var(--paper);border-radius:8px;padding:20px 24px;transition:border-color .3s,box-shadow .3s,transform .3s;display:block;position:relative;box-shadow:0 2px 8px #0000000a}.bp-card-type{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.bp-card-read{width:22px;height:22px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:none;position:absolute;top:12px;right:12px}.bp-card.is-read .bp-card-read{display:flex}.bp-card:has(.bp-card-series) .bp-card-read{top:44px}.bp-card:hover{border-color:var(--accent-mid);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.bp-read-btn{border:2px solid var(--rule);background:var(--paper);cursor:pointer;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:border-color .2s,background .2s;display:block}.bp-read-btn:after{content:"";border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);opacity:0;width:8px;height:5px;margin:1px 0 0 2px;transition:opacity .2s;display:block;transform:rotate(-45deg)}.bp-read-input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.bp-read-btn:hover{border-color:var(--accent)}.bp-read-input:checked+.bp-read-btn{border-color:var(--accent);background:var(--accent-strong)}.bp-read-input:checked+.bp-read-btn:after{opacity:1}[data-theme=dark] .bp-read-btn{background:#161b22;border-color:#30363d}[data-theme=dark] .bp-read-btn:hover{border-color:var(--accent)}[data-theme=dark] .bp-read-input:checked+.bp-read-btn{border-color:var(--accent);background:var(--accent-strong)}[data-theme=dark] .bp-read-input:checked+.bp-read-btn:after{border-color:var(--on-accent)}.bp-card-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:17px;font-weight:700}.bp-card-meta{font-family:var(--f-mono);color:var(--ink-3);margin-bottom:6px;font-size:12px}.bp-card-excerpt{color:var(--ink-2);font-size:13.5px;line-height:1.6}.bp-card-keywords{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.bp-card-keyword{font-family:var(--f-mono);background:var(--bg-2);color:var(--ink-3);letter-spacing:.02em;border-radius:3px;padding:2px 8px;font-size:12px}.bp-card-series{background:var(--accent-light);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:-20px -24px 16px;padding:8px 24px;display:flex}.bp-card-series.completed{background:#e6f4ea;border-bottom-color:#b7e1c4}.bp-card-series.completed .bp-card-series-name{color:#1a7431}.bp-card-series.completed .bp-card-series-btn{color:#1a7431;border-color:#b7e1c4}.bp-card-series.completed .bp-card-series-btn:hover{color:var(--on-accent);background:#1a7431}.bp-card-series-name{font-family:var(--f-mono);color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bp-card-series-nav{gap:4px;display:flex}.bp-card-series-btn{font-family:var(--f-mono);border:1px solid var(--accent-mid);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:11px;transition:background .2s,color .2s}.bp-card-series-btn:hover{background:var(--accent-strong);color:var(--on-accent)}.bp-footer{text-align:center;margin-top:24px}.bp-all{font-family:var(--f-mono);color:var(--accent);letter-spacing:.02em;font-size:13px;font-weight:500;transition:color .3s}.bp-all:hover{color:var(--ink)}[data-theme=dark] .bp-card:hover{box-shadow:0 6px 20px #00000040}.post{max-width:var(--max);margin:0 auto;padding:100px 2.5rem 60px}.post-breadcrumb{font-family:var(--f-mono);color:var(--ink-3);margin-bottom:24px;font-size:12px}.post-breadcrumb a{color:var(--accent);transition:color .3s}.post-breadcrumb a:hover{color:var(--ink)}.post-breadcrumb-sep{color:var(--ink-3);margin:0 6px}.post-header{border-bottom:1px solid var(--rule);margin-bottom:48px;padding-bottom:32px}.post-title{font-family:var(--f-display);letter-spacing:-.025em;color:var(--ink);margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15}.post-meta{font-family:var(--f-mono);color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.post-meta-sep{color:var(--rule)}.post-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.post-tag{font-family:var(--f-mono);color:var(--accent);background:var(--accent-light,#6b7f4e14);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.post-keywords{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.post-kw{font-family:var(--f-mono);color:var(--ink-3,#888);background:var(--rule-light,#0000000a);border-radius:3px;padding:3px 8px;font-size:12px}.post-series{border:1px solid var(--rule);background:var(--paper);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;padding:12px 16px;display:flex}.post-series-label{font-family:var(--f-mono);color:var(--ink);font-size:13px;font-weight:600}.post-series-info{font-family:var(--f-mono);color:var(--ink-3,#888);margin-left:8px;font-size:12px}.post-series-cta{font-family:var(--f-mono);color:var(--accent);border:1px solid var(--accent);border-radius:6px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.post-series-cta:hover{background:var(--accent-strong);color:var(--on-accent)}.author-card{border:1px solid var(--rule);background:var(--paper);border-radius:10px;align-items:center;gap:14px;margin-top:20px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.author-info{flex:1;min-width:0}.author-name{font-family:var(--f-display);color:var(--ink);font-size:15px;font-weight:600}.author-role{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.02em;margin-top:2px;font-size:12px}.author-links{flex-shrink:0;gap:8px;display:flex}.author-social{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s;display:flex}.author-social:hover{background:var(--accent-strong);color:var(--on-accent)}.post-share-btn{font-family:var(--f-mono);color:var(--ink-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 0;font-size:12px;transition:color .2s;display:inline-flex}.post-share-btn svg{width:14px;height:14px}.post-share-btn:hover,.post-share-btn.copied{color:var(--accent)}.post-content{color:var(--ink-2);font-size:17px;line-height:1.78}.post-content h2{font-family:var(--f-display);color:var(--ink);letter-spacing:-.02em;margin:48px 0 16px;font-size:26px;font-weight:700}.post-content h3{font-family:var(--f-display);color:var(--ink);margin:36px 0 12px;font-size:20px;font-weight:700}.post-content p{margin-bottom:20px}.post-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;transition:color .3s}.post-content a:hover{color:var(--ink)}.post-content ul,.post-content ol{margin:0 0 20px;padding-left:24px}.post-content li{margin-bottom:6px}.post-content blockquote{border-left:3px solid var(--accent);color:var(--ink-3);margin:28px 0;padding-left:20px;font-style:italic}.post-content img{border-radius:8px;max-width:100%;margin:24px 0}.post-content pre:not(.code-block pre){border:1px solid #30363d;border-radius:10px;margin:20px 0;padding:10px;transition:background 2.5s cubic-bezier(.4,0,.2,1),border-color 2.5s cubic-bezier(.4,0,.2,1);overflow-x:auto;background:#0d1117!important}.post-content pre:not(.code-block pre) code{font-family:var(--f-mono,"SF Mono", "Fira Code", monospace);font-size:13px;line-height:1.6;color:#e6edf3!important}.post-content :not(pre)>code{background:var(--bg-2,#1e1e1e);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.88em}[data-theme=light] .post-content :not(pre)>code{color:#6b7f4e;background:#e8e3db}.post-content pre:not(.code-block pre) code .line{display:block}.post-content pre:not(.code-block pre) .hljs-keyword,.post-content pre:not(.code-block pre) .hljs-selector-tag,.post-content pre:not(.code-block pre) .hljs-built_in,.post-content pre:not(.code-block pre) .hljs-name{color:#ff7b72}.post-content pre:not(.code-block pre) .hljs-string,.post-content pre:not(.code-block pre) .hljs-attr,.post-content pre:not(.code-block pre) .hljs-template-variable{color:#a5d6ff}.post-content pre:not(.code-block pre) .hljs-function .hljs-title,.post-content pre:not(.code-block pre) .hljs-title.function_{color:#d2a8ff}.post-content pre:not(.code-block pre) .hljs-number,.post-content pre:not(.code-block pre) .hljs-literal{color:#79c0ff}.post-content pre:not(.code-block pre) .hljs-comment,.post-content pre:not(.code-block pre) .hljs-doctag{color:#8b949e}.post-content pre:not(.code-block pre) .hljs-type,.post-content pre:not(.code-block pre) .hljs-class .hljs-title,.post-content pre:not(.code-block pre) .hljs-variable,.post-content pre:not(.code-block pre) .hljs-params{color:#ffa657}.post-content pre:not(.code-block pre) .hljs-meta{color:#79c0ff}.post-content pre:not(.code-block pre) .hljs-regexp,.post-content pre:not(.code-block pre) .hljs-symbol,.post-content pre:not(.code-block pre) .hljs-bullet{color:#7ee787}.post-content pre:not(.code-block pre) .hljs-addition{color:#aff5b4;background:#2ea04326}.post-content pre:not(.code-block pre) .hljs-deletion{color:#ffdcd7;background:#f8514926}[data-theme=light] .post-content pre:not(.code-block pre){border-color:#c9c3bb;background:#e8e4df!important}[data-theme=light] .post-content pre:not(.code-block pre) code{color:#24292f!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs{color:#000;background:#e8e4df!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-keyword,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-selector-tag,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-name{color:#aa0d91!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-string,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-template-variable{color:#c41a16!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-attr{color:#836c28!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-function .hljs-title,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-title.function_,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-number,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-bullet,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-symbol{color:#1c00cf!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-built_in,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-type,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-class .hljs-title,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-params{color:#5c2699!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-comment,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-doctag{color:#007400!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-variable{color:#3f6e74!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-meta{color:#643820!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-regexp,[data-theme=light] .post-content pre:not(.code-block pre) .hljs-link{color:#0e0eff!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-literal{color:#aa0d91!important}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-addition{background:#baeeba}[data-theme=light] .post-content pre:not(.code-block pre) .hljs-deletion{background:#ffc8bd}.bp-rec{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px}.bp-rec-loading{justify-content:center;align-items:center;padding:40px 0;display:flex}.bp-rec-spinner{border:2.5px solid var(--rule);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite bp-spin}@keyframes bp-spin{to{transform:rotate(360deg)}}.bp-rec-heading{font-family:var(--f-heading);color:var(--ink);margin-bottom:20px;font-size:20px;font-weight:600}.bp-rec-empty{color:var(--ink-light,#888);font-size:14px;font-style:italic}.bp-rec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.bp-rec-item{flex-direction:column;gap:8px;display:flex}.bp-rec-card{border:1px solid var(--rule);background:var(--paper);color:inherit;border-radius:10px;padding:16px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:block;position:relative;box-shadow:0 2px 8px #0000000a}.bp-rec-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}[data-theme=dark] .bp-rec-card{background:#ffffff05;border:1px solid #ffffff0f;box-shadow:0 2px 8px #00000026}[data-theme=dark] .bp-rec-card:hover{box-shadow:0 6px 20px #00000040}.bp-rec-read{width:22px;height:22px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:none;position:absolute;top:12px;right:12px}.bp-rec-label{text-align:center;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px;font-weight:600;display:block}.bp-rec-type{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:4px;font-size:12px}.bp-rec-title{font-family:var(--f-heading);color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.4}.bp-rec-excerpt{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.bp-rec-meta{color:var(--ink-3);margin-top:8px;font-size:12px}.bp-rec-continue{font-family:var(--f-mono);color:var(--ink-3);margin-top:16px;font-size:12px;font-style:italic}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.rec-card{border:1px solid var(--rule);background:var(--paper);color:inherit;border-radius:10px;flex-direction:column;padding:20px 24px;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex;box-shadow:0 2px 8px #0000000a}.rec-card:hover{border-color:var(--accent-mid);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}[data-theme=dark] .rec-card:hover{box-shadow:0 6px 20px #00000040}.rec-top .rec-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px;font-weight:600;display:block}.rec-divider{background:var(--rule);height:1px;margin:12px 0}.rec-body-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.rec-body-head .rec-type{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:600}.rec-body-head .rec-read{width:22px;height:22px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:none}.rec-card.is-read .rec-read{display:flex}.rec-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.35}.rec-excerpt{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.rec-meta{font-family:var(--f-mono);color:var(--ink-3);margin-top:8px;font-size:12px}.rec-series-head{font-family:var(--f-mono);letter-spacing:.04em;background:var(--accent-light);border-bottom:1px solid var(--rule);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;margin:-20px -24px 14px;padding:8px 24px;font-size:12px;font-weight:600;display:flex}.rec-series-label{color:var(--accent)}@media (width<=640px){.rec-grid{grid-template-columns:1fr}.rec-card{padding:16px 18px}}.bp-related{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px}.bp-related-heading{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px;font-size:13px;font-weight:500}.bp-related-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bp-related-item{margin:0}.bp-related-link{border:1px solid var(--rule);background:var(--paper);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000000a}.bp-related-link:hover{border-color:var(--accent-mid);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}[data-theme=dark] .bp-related-link:hover{box-shadow:0 4px 12px #0003}[data-theme=dark] .bp-related-link{box-shadow:0 2px 8px #00000026}.bp-related-type{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.bp-related-title{font-family:var(--f-display);color:var(--ink);flex:1;min-width:0;font-size:14px;font-weight:600}.bp-related-date{font-family:var(--f-mono);color:var(--ink-3);flex-shrink:0;font-size:12px}.bp-series{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px}.bp-series-heading{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px;font-size:13px;font-weight:500}.bp-series-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bp-series-item{margin:0}.bp-series-link{border:1px solid var(--rule);background:var(--paper);border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000000a}.bp-series-link:hover{border-color:var(--accent-mid);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}[data-theme=dark] .bp-series-link:hover{box-shadow:0 4px 12px #0003}[data-theme=dark] .bp-series-link{box-shadow:0 2px 8px #00000026}.bp-series-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500}.bp-series-title{font-family:var(--f-display);color:var(--ink);font-size:14px;font-weight:600}.bp-series-current{border:1px solid var(--accent);background:var(--accent-light);border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.bp-series-current .bp-series-label{color:var(--accent)}.bp-series-current .bp-series-title{color:var(--ink)}.bp-series-continue{font-family:var(--f-mono);color:var(--ink-3);margin-top:16px;font-size:13px;font-style:italic}.post-footer-nav{border-top:1px solid var(--rule);justify-content:space-between;margin-top:48px;padding:32px 0;display:flex}.post-footer-link{font-family:var(--f-mono);color:var(--accent);font-size:13px;font-weight:500;transition:color .3s}.post-footer-link:hover{color:var(--ink)}.blog-congrats{z-index:400;background:var(--bg);pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow-y:auto}.blog-congrats.visible{opacity:1;pointer-events:auto}.blog-congrats-inner{transform-origin:50%;flex-direction:column;align-items:center;gap:0;width:100%;max-width:480px;animation:.8s cubic-bezier(.16,1,.3,1) forwards congrats-zoom;display:flex}.blog-congrats:not(.visible) .blog-congrats-inner{animation:none}.blog-congrats-icon{width:80px;height:80px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;justify-content:center;align-items:center;margin-bottom:32px;font-size:36px;font-weight:700;display:flex;box-shadow:0 16px 48px #2d8a4e40}.blog-congrats-text{font-family:var(--f-display);color:var(--ink);letter-spacing:-.025em;text-align:center;margin-bottom:12px;font-size:clamp(24px,4vw,40px);font-weight:700}.blog-congrats-sub{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.04em;text-align:center;margin-bottom:40px;font-size:15px}.blog-congrats-close{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--accent-strong);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:opacity .3s,transform .3s;display:inline-block}.blog-congrats-close:hover{opacity:.9;transform:translateY(-2px)}@keyframes congrats-zoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.blog-end-prompt{z-index:100;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0006;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.blog-end-prompt-inner{background:var(--paper);border:1px solid var(--accent-mid);border-radius:8px;align-items:center;gap:16px;padding:14px 24px;display:flex;box-shadow:0 8px 24px #0000001a}.blog-end-prompt-text{color:var(--ink-2);margin:0;font-size:14px}.blog-end-prompt-actions{gap:8px;display:flex}.blog-end-prompt-btn{font-family:var(--f-mono);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.blog-end-prompt-yes{background:var(--accent-strong);color:var(--on-accent);border-color:var(--accent)}.blog-end-prompt-yes:hover{opacity:.9}.blog-end-prompt-no:hover{border-color:var(--accent);color:var(--accent)}.post-read-confirm{margin:48px 0 0;padding:0;display:none}.post-read-confirm.is-read{flex-direction:column;gap:12px;display:flex}.post-read-done{background:#e6f4ea;border:1px solid #2d8a4e;border-radius:8px;align-items:center;gap:10px;padding:16px 20px;display:flex}.post-read-done-tick{width:24px;height:24px;color:var(--on-accent);background:#2d8a4e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.post-read-done-text{font-family:var(--f-mono);color:#2d8a4e;font-size:13px;font-weight:600}.post-read-unread{border:1px solid var(--rule);background:var(--paper);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;transition:border-color .2s;display:flex}.post-read-unread:hover{border-color:var(--accent)}.bp-read-text{font-family:var(--f-mono);color:var(--ink-2);font-size:13px}.bp-series-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px;display:grid}.bp-series-card{border:1px solid var(--rule);background:var(--paper);border-radius:8px;flex-direction:column;padding:20px 24px;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;box-shadow:0 2px 8px #0000000a}.bp-series-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}[data-theme=dark] .bp-series-card:hover{box-shadow:0 4px 16px #0003}[data-theme=dark] .bp-series-card{box-shadow:0 2px 8px #00000026}.bp-series-card-footer{border-top:1px solid var(--rule);margin-top:12px;padding-top:10px}.bp-series-card-view{font-family:var(--f-mono);color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.bp-series-card-view:hover{color:var(--ink)}.bp-series-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bp-series-card-index{font-family:var(--f-mono);color:var(--accent);letter-spacing:-.02em;font-size:22px;font-weight:700}.bp-series-card-state{font-family:var(--f-mono);letter-spacing:.04em;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;margin:-20px -24px 14px;padding:8px 24px;font-size:12px;font-weight:600;display:flex}.bp-series-card-state-label{white-space:nowrap}.bp-series-card-state-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.bp-series-card-progress{font-family:var(--f-mono);color:inherit;opacity:.7;background:#0000000f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}[data-theme=dark] .bp-series-card-progress{background:#ffffff1a}.bp-series-card-startover{font-family:var(--f-mono);color:inherit;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .2s,background .2s}.bp-series-card-startover:hover{opacity:1;background:#0000000f}[data-theme=dark] .bp-series-card-startover:hover{background:#ffffff1a}.bp-series-card-state--start{background:var(--accent-light);color:var(--accent);border-bottom-color:var(--accent-mid)}.bp-series-card-state--continue{color:#1a56db;background:#e8f0fe;border-bottom-color:#bdd4fe}[data-theme=dark] .bp-series-card-state--continue{color:#5b9aff;background:#1a56db26;border-bottom-color:#5b9aff33}.bp-series-card-state--finished{color:#1a7431;background:#e6f4ea;border-bottom-color:#b7e1c4}.bp-series-card-state--missed{color:#b45309;background:#fef3e0;border-bottom-color:#fcd9a8}[data-theme=dark] .bp-series-card-state--missed{color:#f59e0b;background:#b4530926;border-bottom-color:#f59e0b33}.bp-series-card-name{font-family:var(--f-display);color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:700}.bp-series-card-type{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:600}.bp-series-card-title{font-family:var(--f-display);color:var(--ink-2);margin-bottom:4px;font-size:14px;font-weight:600}.bp-series-card-excerpt{color:var(--ink-3);flex:1;font-size:13px;line-height:1.55}.bp-series-card-meta{font-family:var(--f-mono);color:var(--ink-3);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.bp-series-card-meta-sep{color:var(--rule)}#bpList .bp-card{background:linear-gradient(135deg,#6b7f4e0f,#dcd5cb1f);border-color:#6b7f4e26}#bpList .bp-card:hover{border-color:var(--accent);background:linear-gradient(135deg,#6b7f4e1a,#dcd5cb2e)}.series-page{padding:80px 2.5rem}.series-header{margin-bottom:32px}.series-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.03em;margin:4px 0 12px;font-size:clamp(28px,4vw,40px);font-weight:700}.series-desc{color:var(--ink-2);max-width:640px;margin:0 0 16px;font-size:16px;line-height:1.6}.series-meta{font-family:var(--f-mono);color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.series-meta-sep{color:var(--rule)}.series-progress{align-items:center;gap:14px;margin-bottom:40px;display:flex}.series-progress-bar{background:var(--rule);border-radius:4px;flex:1;height:6px;overflow:hidden}.series-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .5s}.series-progress-text{font-family:var(--f-mono);color:var(--ink-2);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.series-blog-list{flex-direction:column;gap:12px;display:flex}.series-blog-card{border:1px solid var(--rule);background:var(--paper);border-radius:10px;align-items:stretch;gap:16px;padding:0;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.series-blog-card:hover{border-color:var(--accent-mid);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}[data-theme=dark] .series-blog-card:hover{box-shadow:0 6px 20px #00000040}.series-blog-part{background:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;min-width:64px;display:flex}.series-blog-part-num{font-family:var(--f-display);color:var(--accent);font-size:24px;font-weight:700}.series-blog-card.is-read .series-blog-part{background:#e6f4ea}.series-blog-card.is-read .series-blog-part-num{color:#1a7431}[data-theme=dark] .series-blog-card.is-read .series-blog-part{background:#2d8a4e26}[data-theme=dark] .series-blog-card.is-read .series-blog-part-num{color:#4ade80}.series-blog-body{flex:1;min-width:0;padding:16px 16px 16px 0}.series-blog-type{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600}.series-blog-title{font-family:var(--f-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:600}.series-blog-excerpt{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.series-blog-meta{font-family:var(--f-mono);color:var(--ink-3);margin-top:8px;font-size:12px}.series-blog-read{color:#2d8a4e;flex-shrink:0;justify-content:center;align-items:center;width:24px;padding-right:16px;font-size:16px;font-weight:700;display:none}.series-blog-card.is-read .series-blog-read{display:flex}@media (width<=640px){.series-page{padding:60px 1.25rem}.series-blog-part{min-width:48px}.series-blog-part-num{font-size:20px}.series-blog-body{padding:12px 12px 12px 0}.series-progress{flex-direction:column;align-items:stretch;gap:8px}.series-progress-text{text-align:right}}@media (width<=700px){.post{padding:80px 1.25rem 40px}.post-title{font-size:28px}.post-footer-nav{flex-direction:column;gap:12px}.bp-search{max-width:100%}.bp-related-link{flex-wrap:wrap}.bp-related-date{width:100%;padding-left:0}.bp-series-grid{grid-template-columns:1fr}}