*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:root{--bg: #ffffff;--bg-elevated: #fbfbfd;--bg-subtle: #f5f5f7;--surface: #ffffff;--border: rgba(0, 0, 0, 0.08);--border-strong: rgba(0, 0, 0, 0.16);--text: #1d1d1f;--text-muted: #6e6e73;--text-subtle: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);--nav-bg: rgba(255, 255, 255, 0.72);--nav-border: rgba(0, 0, 0, 0.06);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Roboto Mono", Consolas, monospace;--fs-display: clamp(2.25rem, 4.2vw, 3.5rem);--fs-h1: clamp(1.75rem, 3.2vw, 2.5rem);--fs-h2: clamp(1.375rem, 2vw, 1.625rem);--fs-h3: 1.0625rem;--fs-body: 0.9375rem;--fs-small: 0.8125rem;--fs-micro: 0.75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-7: 64px;--sp-8: 96px;--sp-9: 128px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--ease: cubic-bezier(0.4, 0, 0.2, 1);--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--dur-fast: 180ms;--dur: 280ms;--dur-slow: 480ms;--container: 1120px;--nav-h: 56px}[data-theme='dark']{--bg: #000000;--bg-elevated: #0a0a0a;--bg-subtle: #111113;--surface: #0e0e10;--border: rgba(255, 255, 255, 0.09);--border-strong: rgba(255, 255, 255, 0.18);--text: #f5f5f7;--text-muted: #a1a1a6;--text-subtle: #86868b;--accent: #2997ff;--accent-hover: #47a3ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);--nav-bg: rgba(10, 10, 10, 0.72);--nav-border: rgba(255, 255, 255, 0.08)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;letter-spacing:-0.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;letter-spacing:-0.025em;line-height:1.1;color:var(--text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2);letter-spacing:-0.02em}h3{font-size:var(--fs-h3);letter-spacing:-0.015em;line-height:1.25}p{color:var(--text);line-height:1.58}code,pre,kbd{font-family:var(--font-mono);font-size:0.9em}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-4)}@media (min-width: 768px){.container{padding-inline:var(--sp-5)}}main{flex:1 0 auto;padding-top:var(--nav-h)}.section{padding-block:var(--sp-8)}.section--sm{padding-block:var(--sp-7)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--nav-border);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-4)}@media (min-width: 768px){.nav__inner{padding-inline:var(--sp-5)}}.nav__brand{font-size:0.9375rem;font-weight:600;letter-spacing:-0.018em;display:inline-flex;align-items:center;gap:8px;color:var(--text);transition:opacity var(--dur-fast) var(--ease)}.nav__brand:hover{opacity:0.7}.nav__mark{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav__mark svg{width:100%;height:100%;overflow:visible}@media (prefers-reduced-motion: reduce){.nav__mark svg animate{display:none}}.nav__menu{display:none;align-items:center;gap:var(--sp-5);list-style:none}@media (min-width: 768px){.nav__menu{display:flex}}.nav__link{font-size:0.875rem;font-weight:400;color:var(--text);opacity:0.82;transition:opacity var(--dur-fast) var(--ease);position:relative}.nav__link:hover{opacity:1}.nav__link.is-active{opacity:1;font-weight:500}.nav__right{display:flex;align-items:center;gap:var(--sp-3)}.theme-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;border-radius:50%;cursor:pointer;color:var(--text);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.theme-toggle:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.theme-toggle:active{transform:scale(0.94)}.theme-toggle svg{width:16px;height:16px;transition:transform var(--dur) var(--ease)}[data-theme='light'] .theme-toggle .icon-sun{display:none}[data-theme='dark'] .theme-toggle .icon-moon{display:none}.nav__burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:transparent;cursor:pointer;padding:0;align-items:center}.nav__burger span{display:block;width:14px;height:1.5px;background:var(--text);transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}@media (min-width: 768px){.nav__burger{display:none}}.nav__drawer{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--nav-border);max-height:0;overflow:hidden;transition:max-height var(--dur) var(--ease)}.nav__drawer.is-open{max-height:300px}.nav__drawer ul{list-style:none;padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.nav__drawer a{display:block;padding:10px 0;font-size:1.0625rem;font-weight:500;border-bottom:1px solid var(--border)}.nav__drawer a:last-child{border-bottom:none}.hero{padding-block:var(--sp-8) var(--sp-7);text-align:left;position:relative}@media (min-width: 768px){.hero{padding-block:var(--sp-9) var(--sp-8)}}.hero__eyebrow{font-size:var(--fs-micro);font-family:var(--font-mono);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-3);display:inline-flex;align-items:center;gap:8px}.hero__eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#30d158;box-shadow:0 0 0 3px rgba(48,209,88,0.18)}.hero__title{font-size:var(--fs-display);font-weight:600;letter-spacing:-0.035em;line-height:1.03;max-width:20ch;margin-bottom:var(--sp-4)}.hero__title em{font-style:normal;color:var(--text-muted)}.hero__lead{font-size:clamp(1rem, 1.2vw, 1.125rem);color:var(--text-muted);max-width:56ch;line-height:1.5;letter-spacing:-0.01em}.hero__meta{margin-top:var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{font-size:var(--fs-micro);font-family:var(--font-mono);padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.section__title{font-size:var(--fs-h2);font-weight:600}.section__link{font-size:var(--fs-small);color:var(--accent);font-weight:500;transition:opacity var(--dur-fast) var(--ease)}.section__link:hover{opacity:0.7}.section__link::after{content:" →";transition:transform var(--dur-fast) var(--ease);display:inline-block}.section__link:hover::after{transform:translateX(3px)}.post-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width: 640px){.post-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 960px){.post-grid{grid-template-columns:repeat(3, 1fr);gap:var(--sp-5)}}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);position:relative;isolation:isolate}.card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card__media{aspect-ratio:16 / 9;background:var(--bg-subtle);position:relative;overflow:hidden}.card__media::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),radial-gradient(80% 100% at 100% 100%, color-mix(in srgb, var(--text) 8%, transparent), transparent 70%);opacity:0.9}.card__media--pdf::after{content:"PDF";position:absolute;top:var(--sp-3);right:var(--sp-3);font-family:var(--font-mono);font-size:0.6875rem;font-weight:600;letter-spacing:0.08em;padding:4px 8px;background:var(--bg);color:var(--text);border-radius:4px;border:1px solid var(--border)}.card__media img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.card__cat{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--text-subtle);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:2px}.card__title{font-size:1.0625rem;font-weight:600;letter-spacing:-0.015em;line-height:1.3;color:var(--text)}.card__desc{font-size:var(--fs-small);color:var(--text-muted);line-height:1.5;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__foot{margin-top:auto;padding-top:var(--sp-3);display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-micro);color:var(--text-subtle)}.card__cta{color:var(--accent);font-weight:500;font-size:var(--fs-small);display:inline-flex;align-items:center;gap:4px}.card__cta svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease)}.card:hover .card__cta svg{transform:translate(2px, -2px)}.card__link{position:absolute;inset:0;z-index:2}.post-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.post-list__item{display:grid;grid-template-columns:1fr;gap:var(--sp-2);padding-block:var(--sp-4);border-bottom:1px solid var(--border);transition:padding-inline var(--dur) var(--ease);position:relative}@media (min-width: 768px){.post-list__item{grid-template-columns:110px 1fr auto;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-4)}}.post-list__item:hover{padding-inline:8px}.post-list__item:hover .post-list__title{color:var(--accent)}.post-list__date{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-subtle);letter-spacing:0.02em}.post-list__title{font-size:1.0625rem;font-weight:500;letter-spacing:-0.012em;transition:color var(--dur-fast) var(--ease)}.post-list__desc{display:block;font-size:var(--fs-small);color:var(--text-muted);margin-top:4px;font-weight:400}.post-list__type{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-subtle);letter-spacing:0.06em;text-transform:uppercase}.post-list__item a.post-list__overlay{position:absolute;inset:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:var(--fs-small);font-weight:500;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);letter-spacing:-0.005em}.btn:active{transform:scale(0.97)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--bg-subtle)}.btn svg{width:14px;height:14px}.prose{max-width:68ch;font-size:0.9375rem;line-height:1.6;color:var(--text)}.prose>*+*{margin-top:1.2em}.prose h2{margin-top:2.2em}.prose h3{margin-top:1.8em}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.prose a:hover{border-bottom-color:var(--accent)}.prose code{background:var(--bg-subtle);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.prose pre{background:var(--bg-subtle);padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);overflow-x:auto;font-size:0.875rem}.prose pre code{background:transparent;padding:0;border:none}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:0.35em}.prose blockquote{border-left:2px solid var(--border-strong);padding-left:var(--sp-3);color:var(--text-muted)}.footer{margin-top:var(--sp-8);padding-block:var(--sp-6);border-top:1px solid var(--border);background:var(--bg-elevated);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.footer__inner{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center;text-align:center}@media (min-width: 640px){.footer__inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copy{font-size:var(--fs-micro);color:var(--text-subtle);font-family:var(--font-mono);letter-spacing:0.02em}.footer__copy-link{color:var(--text-muted);transition:color var(--dur-fast) var(--ease);border-bottom:1px solid transparent}.footer__copy-link:hover{color:var(--text);border-bottom-color:var(--border-strong)}.footer__links{display:flex;gap:var(--sp-4);list-style:none}.footer__link{font-size:var(--fs-small);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-fast) var(--ease)}.footer__link:hover{color:var(--text)}.footer__link svg{width:16px;height:16px}.archive{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}@media (min-width: 840px){.archive{grid-template-columns:220px 1fr;gap:var(--sp-7);align-items:start}}.archive__side{display:flex;flex-direction:column;gap:var(--sp-4)}@media (min-width: 840px){.archive__side{position:sticky;top:calc(var(--nav-h) + var(--sp-4))}}.side-block{display:flex;flex-direction:column;gap:var(--sp-2)}.side-block__label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:0.08em;text-transform:uppercase;color:var(--text-subtle);font-weight:500}.side-search{position:relative;display:flex;align-items:center}.side-search svg{position:absolute;left:12px;width:14px;height:14px;color:var(--text-subtle);pointer-events:none}.side-search__input{width:100%;padding:9px 12px 9px 34px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:var(--fs-small);font-family:var(--font-sans);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.side-search__input::placeholder{color:var(--text-subtle)}.side-search__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.side-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.side-block--meta{padding-top:var(--sp-2);border-top:1px solid var(--border)}.side-meta{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-subtle);margin:0}.side-reset{align-self:flex-start;background:transparent;border:none;padding:0;margin-top:4px;color:var(--accent);font-size:var(--fs-micro);cursor:pointer;font-family:var(--font-sans)}.side-reset:hover{text-decoration:underline}.archive__main{min-width:0}.archive__empty{padding:var(--sp-5) 0;color:var(--text-muted);font-size:var(--fs-small);text-align:center}.post-list__body{display:flex;flex-direction:column;gap:4px;min-width:0}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(8px);animation:reveal 0.6s var(--ease-out) forwards}.reveal--1{animation-delay:0.05s}.reveal--2{animation-delay:0.12s}.reveal--3{animation-delay:0.2s}.reveal--4{animation-delay:0.28s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.001ms !important;transition-duration:0.001ms !important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}.archive__head-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-small);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.share-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-subtle)}.share-btn:active{transform:scale(0.96)}.share-btn svg{width:14px;height:14px}@media (max-width: 480px){.share-btn__label{display:none}.share-btn{padding:6px 10px}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--text);color:var(--bg);border-radius:999px;font-size:var(--fs-small);font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-out);z-index:2000;pointer-events:none;max-width:calc(100vw - 48px)}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.toast.is-error{background:#ff453a;color:#fff}.toast svg{width:16px;height:16px;flex-shrink:0}@media (prefers-reduced-motion: reduce){.toast{transition:opacity var(--dur-fast) var(--ease);transform:translateX(-50%)}.toast.is-visible{transform:translateX(-50%)}}.nb-volume{margin-bottom:var(--sp-7)}.nb-volume:last-child{margin-bottom:0}.nb-volume__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.nb-volume__label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap}.nb-volume__line{flex:1;height:1px;background:var(--border)}.nb-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width: 640px){.nb-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 960px){.nb-grid{grid-template-columns:repeat(3, 1fr)}}.nb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.nb-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.nb-card__link{display:flex;flex-direction:column;padding:var(--sp-5);gap:6px;min-height:200px;color:var(--text);text-decoration:none;height:100%}.nb-card__meta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-subtle);letter-spacing:0.02em;margin-bottom:6px}.nb-card__vol{text-transform:uppercase;letter-spacing:0.08em}.nb-card__sep{opacity:0.5}.nb-card__title{font-size:1.0625rem;font-weight:600;letter-spacing:-0.015em;line-height:1.3;margin:0 0 4px}.nb-card__desc{font-size:var(--fs-small);color:var(--text-muted);line-height:1.5;flex:1;margin:0}.nb-card__cta{margin-top:var(--sp-3);display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-small);font-weight:500;color:var(--accent)}.nb-card__cta svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease)}.nb-card:hover .nb-card__cta svg{transform:translate(2px, -2px)}