:root{color-scheme:dark;--bg: #0d0f10;--surface: #151819;--surface-2: #1c2021;--header: rgba(13, 15, 16, .84);--ink: #f1eee6;--ink-strong: #ffffff;--muted: #9b9e98;--muted-strong: #b6b9b2;--line: #303536;--line-strong: #3d4344;--accent: #ddb15b;--accent-strong: #e8c47a;--accent-soft: rgba(221, 177, 91, .13);--accent-glow: rgba(221, 177, 91, .08);--danger: #d88376;--font-ui: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-display: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-text: "Courier Prime", "Courier New", ui-monospace, monospace;--font-mono: var(--font-ui);--font-sans: var(--font-ui);--text-label: .66rem;--text-meta: .72rem;--text-body: .94rem;--text-lead: 1.08rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 14px;--r-xl: 18px;--r-full: 999px;--shadow-float: 0 16px 42px rgba(0, 0, 0, .3);--shadow-pop: 0 24px 70px rgba(0, 0, 0, .24);--focus-ring: 0 0 0 3px var(--accent-soft);--sidebar-w: 236px;--rightrail-w: 304px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}html[data-theme=light]{color-scheme:light;--bg: #f4f2ec;--surface: #fbfaf6;--surface-2: #e9e6dd;--header: rgba(244, 242, 236, .86);--ink: #181917;--ink-strong: #000000;--muted: #686a64;--muted-strong: #4d4f4a;--line: #d5d1c6;--line-strong: #bdb8aa;--accent: #9a630e;--accent-strong: #7d4f0a;--accent-soft: rgba(154, 99, 14, .11);--accent-glow: rgba(154, 99, 14, .07);--danger: #a44a3c;--shadow-float: 0 14px 34px rgba(60, 50, 20, .14);--shadow-pop: 0 22px 56px rgba(60, 50, 20, .16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg);-webkit-text-size-adjust:100%}body{min-width:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:.9375rem;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .2s ease,color .2s ease}body.sheet-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer;background:none;border:0}img{display:block;max-width:100%}ul,ol{list-style:none}:where(a,button,input,textarea,[role=tab],[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:var(--focus-ring)}::selection{background:var(--accent-soft);color:var(--ink)}.skip-link{position:absolute;top:-120px;left:var(--sp-4);z-index:9999;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background:var(--accent);color:var(--bg);font-weight:500;font-size:.875rem;transition:top .15s}.skip-link:focus{top:var(--sp-4)}svg{display:block}h1,h2,h3,h4{font-weight:400}.eyebrow,.rail-label,.story-kicker,.sheet-kicker,.header-meta,.section-label,.note-meta,.project-meta{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:.13em;text-transform:uppercase}.accent-text{color:var(--accent)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;font-family:var(--font-ui);font-size:.72rem;font-weight:500;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button:active{transform:translateY(0) scale(.98)}.button-primary{border-color:var(--ink);background:var(--ink);color:var(--bg)}.button-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);transition:border-color .18s ease,color .18s ease,background .18s ease}.icon-button:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.icon-button svg,.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tag{padding:5px 8px;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--muted);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.tag-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.search{min-height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);transition:border-color .18s ease}.search:focus-within{border-color:var(--accent)}.search svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-family:var(--font-ui);font-size:.72rem;color:var(--ink)}.search input::placeholder{color:var(--muted)}.page-copy{max-width:620px;color:var(--muted);font-size:.9rem;line-height:1.75}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{position:relative;width:100%;min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rightrail-w)}.sidebar-left,.context-rail{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:none}.sidebar-left::-webkit-scrollbar,.context-rail::-webkit-scrollbar{display:none}.sidebar-left{z-index:20;display:flex;flex-direction:column;padding:30px 22px 24px;border-right:1px solid var(--line);background:var(--bg)}.brand-block{padding:2px 14px 28px;border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:1.32rem;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink)}.brand-role{margin-top:7px;color:var(--muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.primary-nav{display:grid;gap:5px;padding:22px 0}.nav-item{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:var(--r-sm);color:var(--muted);font-size:.92rem;text-align:left;transition:background .18s ease,color .18s ease}.nav-item:hover,.nav-item.active{background:var(--accent-soft);color:var(--ink)}.nav-item.active .nav-index{color:var(--accent);border-color:var(--accent)}.nav-index{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-family:var(--font-mono);font-size:.62rem;flex-shrink:0}.rail-footer{margin-top:auto}.control-button{min-height:40px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;color:var(--muted);font-size:.75rem;transition:border-color .18s ease,color .18s ease,background .18s ease}.control-button:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.control-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px 12px 0;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-size:.88rem;font-weight:600;flex-shrink:0}.profile strong{display:block;font-size:.77rem;font-weight:500;color:var(--ink)}.profile small{display:block;margin-top:2px;color:var(--muted);font-family:var(--font-mono);font-size:.56rem}.main{min-width:0;border-right:0}.topbar{position:sticky;top:0;z-index:15;width:calc(100% + var(--rightrail-w));min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar-title{font-family:var(--font-display);font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:8px}.context-rail{z-index:8;isolation:isolate;padding:88px 18px 22px 32px;background:var(--bg)}.context-rail-dock{overflow:hidden}.rail-section{padding:22px 4px;border-bottom:1px solid var(--line)}.rail-section:last-child{border-bottom:0}.rail-title{margin-top:10px;font-family:var(--font-display);font-size:1.05rem;font-weight:500;line-height:1.2;color:var(--ink)}.rail-copy{margin-top:9px;color:var(--muted);font-size:.75rem;line-height:1.65}.rail-list{display:grid;gap:4px;margin-top:14px}.rail-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border-radius:var(--r-sm);color:var(--muted);font-size:.78rem;transition:background .16s ease,color .16s ease}.rail-link:hover{background:var(--accent-soft);color:var(--ink)}.rail-static{cursor:default}.rail-reading-title{margin-top:12px;color:var(--ink);font-family:var(--font-display);font-size:.82rem;line-height:1.35}.rail-reading-next{margin-top:14px}.rail-link strong{color:var(--ink);font-weight:500;font-size:.82rem}.rail-link small{font-family:var(--font-mono);font-size:.56rem;color:var(--accent);text-transform:uppercase;flex-shrink:0}.rail-contact{display:grid;margin-top:8px}.rail-contact a{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem;transition:color .15s ease}.rail-contact a:hover{color:var(--accent)}.rail-contact svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.mobile-nav{display:none}.sheet-backdrop{position:fixed;inset:0;z-index:80;background:#00000085;opacity:0;pointer-events:none;transition:opacity .2s ease}.sheet{position:fixed;inset:0 0 0 auto;z-index:90;width:min(90vw,380px);padding:22px 18px;overflow-y:auto;border-left:1px solid var(--line);background:var(--bg);transform:translate(105%);visibility:hidden;transition:transform .25s var(--ease-drawer),visibility .25s}body.sheet-open .sheet{transform:none;visibility:visible}body.sheet-open .sheet-backdrop{opacity:1;pointer-events:auto}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.sheet-title{margin-top:8px;font-family:var(--font-display);font-size:1.1rem;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink)}.sheet-tabs{display:flex;gap:4px;margin:18px 0;padding-bottom:7px;border-bottom:1px solid var(--line)}.sheet-tab{min-height:36px;padding:0 10px;border-bottom:2px solid transparent;color:var(--muted);font-size:.75rem;transition:color .16s ease,border-color .16s ease}.sheet-tab.active{border-bottom-color:var(--accent);color:var(--ink)}.sheet-search{margin-bottom:12px}.sheet-panel[hidden]{display:none}.drawer-note{display:block;padding:14px 10px;border-bottom:1px solid var(--line);border-radius:7px;color:var(--ink);transition:background .16s ease}.drawer-note:hover,.drawer-note.current{background:var(--accent-soft)}.drawer-note small{color:var(--accent);font-family:var(--font-mono);font-size:.57rem;text-transform:uppercase}.drawer-note strong{display:block;margin-top:5px;font-family:var(--font-display);font-size:.88rem;font-weight:500;line-height:1.1}.outline-link{display:block;padding:11px 8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;transition:color .15s ease,background .15s ease}.outline-link:hover,.outline-link.current{color:var(--accent)}.outline-link.sub{padding-left:22px;font-size:.72rem}.sheet-empty{padding:22px 10px;color:var(--muted);font-size:.8rem}@media(max-width:1239px){.shell{grid-template-columns:72px minmax(0,1fr)}.context-rail{display:none}.topbar{width:auto}.sidebar-left{padding:22px 10px}.brand-block{padding:2px 0 24px;text-align:center}.brand{font-size:1.35rem}.brand-role,.nav-label,.profile-copy,.rail-footer .control-button span:last-child{display:none}.primary-nav{align-items:center}.nav-item{width:48px;justify-content:center;padding:0}.nav-index{width:27px;height:27px}.control-button{padding:0}.profile{justify-content:center;padding-inline:0}}@media(max-width:767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.shell{display:block;min-height:auto}.sidebar-left{display:none}.main{border:0}.topbar{min-height:58px;padding:0 16px}.topbar-meta{display:none}@media(max-width:360px){.topbar{gap:8px}.topbar-title{display:none}}.mobile-nav{position:fixed;inset:auto 0 0;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);min-height:calc(68px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav a,.mobile-nav button{min-height:44px;display:grid;place-items:center;gap:2px;border-radius:9px;color:var(--muted);font-size:.62rem;transition:background .16s ease,color .16s ease}.mobile-nav a.active,.mobile-nav button.active{background:var(--accent-soft);color:var(--ink)}.mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sheet{width:min(92vw,380px);padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media print{.sidebar-left,.context-rail,.mobile-nav,.sheet,.sheet-backdrop,.topbar,.mobile-header-note,.progress-bar-wrap{display:none!important}.shell{display:block;width:100%}.main{border:0}html,body{background:#fff!important;color:#000!important}a{color:inherit;text-decoration:underline}}.hero{padding:62px 30px 34px;border-bottom:1px solid var(--line)}.hero h1{max-width:710px;font-family:var(--font-display);font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:500;line-height:.98;letter-spacing:-.07em;color:var(--ink)}.hero h1 em{font-style:normal;color:var(--accent)}.eyebrow{margin-bottom:18px;color:var(--accent)}.hero-description{max-width:610px;margin-top:30px;color:var(--muted);font-size:var(--text-lead);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.showcase{position:relative;min-height:505px;padding:28px 30px 36px}.showcase-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-family:var(--font-mono);font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}.showcase-label span:last-child{color:var(--accent)}.stage-source{position:relative;width:min(100%,760px);height:380px;margin:28px auto 0}.stage-card{position:absolute;inset:0;z-index:12;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-pop);will-change:transform;transform-origin:top left;transition:border-radius .12s linear,box-shadow .22s ease}.stage-card.is-docking,.stage-card.is-docked{box-shadow:var(--shadow-float)}.stage-card.is-docked .stage-title{max-height:2.2em;overflow:hidden;font-size:1.7rem}.stage-card.is-docked .stage-subtitle,.stage-card.is-docked .stage-hint{display:none}.stage-media{position:absolute;inset:0;overflow:hidden;background:var(--surface-2)}.stage-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000005,#000000b3)}.stage-media img{height:100%;width:100%;object-fit:cover;opacity:.82;transition:opacity .22s ease,transform .5s ease}.stage-card.swap .stage-media img{opacity:.15;transform:scale(1.04)}.stage-content{position:absolute;inset:auto 24px 22px;z-index:1}.stage-card:not(.is-docked) .stage-content{max-width:440px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0d0f10d6;backdrop-filter:blur(8px)}.stage-card:not(.is-docked) .stage-title{font-size:clamp(1.55rem,2.2vw,2.25rem);letter-spacing:-.045em}.stage-card:not(.is-docked) .stage-subtitle{display:-webkit-box;margin-top:7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(min-width:1240px){.stage-card:not(.is-docked) .stage-content{max-width:min(440px,calc(100% - 210px))}}@media(max-width:700px){.stage-card:not(.is-docked) .stage-content{max-width:none}.stage-card:not(.is-docked) .stage-hint{display:none}}.stage-content .meta{color:#ffffffa8;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.stage-title{margin-top:8px;color:#fff;font-family:var(--font-display);font-size:clamp(1.7rem,3.5vw,3.25rem);font-weight:500;line-height:1.04;letter-spacing:-.06em}.stage-subtitle{max-width:440px;margin-top:10px;color:#ffffffbd;font-family:var(--font-text);font-size:.82rem;line-height:1.55}.stage-hint{position:absolute;right:18px;bottom:18px;z-index:2;padding:7px 9px;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:#00000047;color:#ffffffbd;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.work-zone{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:270px}.section-intro{padding:52px 30px 30px;border-top:1px solid var(--line)}.section-intro h2{margin-top:12px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:1.02;letter-spacing:-.06em;color:var(--ink)}.section-intro p:last-child{max-width:560px;margin-top:16px;color:var(--muted);font-size:.86rem;line-height:1.7}.story{min-height:560px;padding:72px 30px 82px;border-top:1px solid var(--line);scroll-margin-top:92px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:start}.story-index{color:var(--accent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.story h2{max-width:560px;margin-top:12px;font-family:var(--font-display);font-size:clamp(1.7rem,3.8vw,3.2rem);font-weight:500;line-height:1.04;letter-spacing:-.06em;color:var(--ink);transition:color .25s ease}.story-body{max-width:560px;margin-top:18px;color:var(--muted);font-size:.9rem;line-height:1.78;transition:color .25s ease,opacity .25s ease}.story:not(.is-active) .story-body{opacity:.78}.story:not(.is-active) h3{color:color-mix(in srgb,var(--ink) 60%,transparent)}.story-side{padding-top:5px;color:var(--muted);font-family:var(--font-mono);font-size:.6rem;line-height:1.7;text-align:right;text-transform:uppercase}.story-side strong{display:block;margin-bottom:6px;color:var(--ink);font-weight:500}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}.story-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--accent);font-size:.76rem;font-weight:500;transition:color .15s ease}.story-link:hover{color:var(--accent-strong)}.story-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.release-anchor{height:2px}.after-work{padding:64px 30px 140px;border-top:1px solid var(--line)}.after-work h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.02;letter-spacing:-.06em;color:var(--ink)}.after-work p{max-width:570px;margin-top:15px;color:var(--muted);font-size:.88rem;line-height:1.75}.notes-preview{padding:64px 30px 140px;border-top:1px solid var(--line)}.notes-preview h2{margin-top:12px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.02;letter-spacing:-.06em;color:var(--ink)}.note-link{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.note-link:hover .note-title{color:var(--accent)}.note-date{color:var(--accent);font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase}.note-title{font-family:var(--font-display);font-size:1.08rem;font-weight:500;line-height:1.25;letter-spacing:-.03em;color:var(--ink);transition:color .18s ease}.note-arrow{color:var(--accent)}.note-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.note-subject{margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.6}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.notes-search-actions{margin-top:22px}.notes-index-search{min-width:min(100%,340px)}.dock-slot{position:relative;top:auto;right:auto;left:auto;height:232px;margin:18px 0 0;border:1px solid transparent;border-radius:var(--r-lg);background:transparent;opacity:0;pointer-events:none;z-index:0;transition:border-color .25s ease,opacity .25s ease,background .25s ease}.dock-slot.ready{border-color:color-mix(in srgb,var(--accent) 42%,transparent);opacity:.34;background:var(--accent-soft)}.context-detail{max-height:0;padding:0 4px;overflow:hidden;opacity:0;transform:translateY(8px);transition:max-height .24s ease,padding .24s ease,opacity .24s ease,transform .24s ease}.context-detail.visible{max-height:360px;padding:22px 4px;opacity:1;transform:none}.context-title{margin-top:9px;font-family:var(--font-display);font-size:1.15rem;font-weight:500;line-height:1.2;color:var(--ink)}.context-copy{margin-top:9px;color:var(--muted);font-size:.75rem;line-height:1.65}.context-list{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.context-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.71rem}.context-row strong{color:var(--ink);font-weight:500;text-align:right}.stack{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.stack span{padding:5px 7px;border-radius:var(--r-xs);background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:.55rem}.projects-intro,.writings-intro,.notes-intro{padding:52px 30px 30px;border-bottom:1px solid var(--line)}.projects-intro h1,.projects-intro h2,.writings-intro h1,.writings-intro h2,.notes-intro h1,.notes-intro h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.02;letter-spacing:-.06em;color:var(--ink)}.projects-intro p,.writings-intro p,.notes-intro p{max-width:540px;margin-top:16px;color:var(--muted);font-size:.88rem;line-height:1.75}.project-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;padding:44px 30px;border-bottom:1px solid var(--line);transition:background .18s ease}.project-row:hover{background:var(--accent-glow)}.project-row h2{margin-top:12px;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2.1rem);font-weight:500;line-height:1.1;letter-spacing:-.05em;color:var(--ink);transition:color .15s ease}.project-row:hover h3{color:var(--accent)}.project-desc{max-width:560px;margin-top:14px;color:var(--muted);font-size:.88rem;line-height:1.72}.project-row-side{padding-top:5px;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-label);line-height:1.7;text-align:right;text-transform:uppercase}.project-row-side strong{display:block;margin-bottom:6px;color:var(--ink);font-weight:500}.project-row-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px}.project-repo{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;transition:color .15s ease}.project-repo:hover{color:var(--accent-strong)}.project-repo svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.about-hero{padding:64px 30px 40px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.about-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,4.8vw,4.5rem);font-weight:500;line-height:1.02;letter-spacing:-.04em;color:var(--ink);position:relative;z-index:1}.about-hero h1 em{color:var(--accent)}.about-hero p{max-width:480px;margin-top:20px;color:var(--muted);font-size:.92rem;line-height:1.75;position:relative;z-index:1}.about-section{padding:44px 30px;border-bottom:1px solid var(--line)}.about-section h2{margin-bottom:16px;color:var(--accent);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase}.about-section p{max-width:620px;margin-bottom:14px;color:var(--muted);font-size:.9rem;line-height:1.8}.about-section p strong{color:var(--ink);font-weight:500}.timeline{display:flex;flex-direction:column;max-width:620px}.timeline-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-year{color:var(--accent);font-family:var(--font-mono);font-size:.7rem;padding-top:2px}.timeline-title{color:var(--ink);font-size:.9rem;font-weight:500;margin-bottom:3px}.timeline-sub{color:var(--muted);font-size:.8rem;line-height:1.6}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px}.value-card{padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .18s ease}.value-card:hover{border-color:var(--accent)}.value-icon{color:var(--accent);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;margin-bottom:6px}.value-title{color:var(--ink);font-size:.86rem;font-weight:500;margin-bottom:4px}.value-desc{color:var(--muted);font-size:.78rem;line-height:1.6}.empty-state{padding:70px 30px 120px;border-top:1px solid var(--line)}.empty-state h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:500;line-height:1.02;letter-spacing:-.05em;color:var(--ink)}.empty-state p{max-width:520px;margin-top:14px;color:var(--muted);font-size:.88rem;line-height:1.75}.empty-state .button{margin-top:24px}.writing-detail{padding-bottom:100px}.writing-header{padding:48px 30px 36px;border-bottom:1px solid var(--line)}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:38px;color:var(--muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.back-link:hover{color:var(--accent)}.back-link svg{transform:rotate(180deg)}.writing-header h1{max-width:780px;margin-top:10px;color:var(--ink);font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.8rem);font-weight:500;letter-spacing:-.07em;line-height:1.02}.writing-detail .notes-reading{padding-top:36px}.not-found-wrap{min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-10) 30px;gap:var(--sp-4)}.not-found-code{font-family:var(--font-display);font-size:clamp(5rem,14vw,9rem);line-height:1;color:var(--accent);letter-spacing:-.04em}.not-found-title{font-family:var(--font-display);font-size:1.9rem;color:var(--ink)}.not-found-sub{max-width:360px;color:var(--muted);font-size:.88rem;line-height:1.65}@media(max-width:1099px){.story{min-height:0}.project-row{grid-template-columns:1fr;gap:16px}.project-row-side{text-align:left;padding:0}}@media(max-width:767px){.hero{padding:48px 18px 28px}.hero h1{font-size:clamp(2.7rem,12vw,4.1rem);line-height:1.02}.hero-description{margin-top:25px;font-size:.88rem}.showcase{min-height:410px;padding:24px 18px 28px}.stage-source{height:230px;margin-top:20px}.stage-card{position:absolute!important;inset:0!important;border-radius:13px!important;transform:none!important}.stage-content{inset:auto 17px 17px}.stage-title{max-width:92%;font-size:1.45rem;line-height:1.08}.stage-subtitle{display:-webkit-box;overflow:hidden;font-size:.72rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stage-content .meta{font-size:.57rem}.section-intro,.story,.after-work,.notes-preview,.projects-intro,.writings-intro,.notes-intro,.about-hero,.about-section,.project-row,.empty-state{padding-inline:18px}.section-intro{padding-top:42px}.story{min-height:0;padding-top:58px;padding-bottom:68px}.story-grid{grid-template-columns:1fr;gap:18px}.story-side{padding:0;text-align:left}.note-link{grid-template-columns:66px minmax(0,1fr);gap:10px}.note-arrow{display:none}.values-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:56px minmax(0,1fr);gap:10px}}.note-heading{margin:0;font:inherit;line-height:inherit}.case-study{display:grid;gap:12px;max-width:620px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.case-study>div{display:grid;grid-template-columns:minmax(92px,.27fr) minmax(0,1fr);gap:16px}.case-study dt{color:var(--accent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.case-study dd{color:var(--muted);font-size:.82rem;line-height:1.68}.project-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.filter-button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r-full);color:var(--muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;transition:color .16s ease,border-color .16s ease,background .16s ease}.filter-button:hover,.filter-button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.search-status{min-height:1.4em;margin-top:9px;color:var(--muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em}.project-row[hidden],.note-link[hidden]{display:none}@media(min-width:1100px)and (max-width:1199px){.shell{grid-template-columns:208px minmax(0,1fr) 260px}.context-rail{padding-left:24px}}@media(max-width:767px){.case-study>div{grid-template-columns:1fr;gap:4px}.case-study dt{margin-top:4px}.project-filters{gap:6px}}.notes-scope{--ink: #1a1814;--ink-soft: #3d3a35;--ink-faint: #48453f;--paper: var(--surface);--paper-warm: var(--surface-2);--paper-cream: var(--bg);--rule: #d5d0c5;--rule-light: #e8e4d8;--accent-p: #543899;--accent-p-bg: #f0ecfa;--accent-p-mid: #9b85d4;--accent-n: #155a3f;--accent-n-bg: #edf7f2;--accent-n-mid: #5aa882;--accent-b: #174e87;--accent-b-bg: #eaf2fb;--accent-b-mid: #6699cc;--accent-r: #912b2b;--accent-r-bg: #fdf0f0;--accent-r-mid: #cc7777;--accent-o: #73450e;--accent-o-bg: #fdf5e8;--accent-o-mid: #d4961f;*{box-sizing:border-box}font-family:var(--font-text);background:var(--paper);color:var(--ink);line-height:1.78;font-size:15px;padding:34px 40px;h3{font-family:var(--font-display);font-size:16px;font-weight:500;margin:36px 0 10px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:7px}h4{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:20px 0 7px}p{margin-bottom:12px;color:var(--ink-soft)}a{color:var(--accent-b)}strong{color:var(--ink)}em{font-style:italic}img{max-width:100%;height:auto}figure.note-figure{margin:18px 0}figure.note-figure>img,img.img-wrap-left,img.img-wrap-right,img.img-break,img.img-full{border:1px solid var(--rule);border-radius:4px;background:var(--paper-cream)}figure.note-figure>img{display:block;width:100%}figure.note-figure figcaption{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}figure.note-figure.inline{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;margin:0 4px;>img{width:auto;max-height:1.7em;border:none;border-radius:0;background:transparent}figcaption{margin:0;font-size:11px;letter-spacing:.03em;text-transform:none}}figure.note-figure.wrap-left,img.img-wrap-left{float:left;width:clamp(180px,36%,320px);margin:6px 18px 14px 0}figure.note-figure.wrap-right,img.img-wrap-right{float:right;width:clamp(180px,36%,320px);margin:6px 0 14px 18px}figure.note-figure.break,img.img-break{clear:both;display:block;width:min(100%,760px);margin:20px auto}figure.note-figure.full,img.img-full{clear:both;display:block;width:100%;margin:20px 0}img.img-inline{display:inline-block;width:auto;max-height:1.35em;vertical-align:-.2em;margin:0 .28em;border:none;border-radius:0}.img-clear,.note-clear{clear:both;display:block;height:0}.formula-desc{font-size:12px;color:var(--ink-faint);margin-top:7px;font-style:italic}td{padding:10px 14px;border:1px solid var(--rule);color:var(--ink-soft);vertical-align:top}tr:nth-child(2n) td{background:var(--paper-warm)}th{background:var(--paper-cream);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border:1px solid var(--rule);text-align:left;color:var(--ink)}@media(max-width:900px){figure.note-figure.wrap-left,figure.note-figure.wrap-right,img.img-wrap-left,img.img-wrap-right{float:none;width:100%;max-width:100%;margin:16px 0}}.svg-fill-p{fill:var(--accent-p-bg)}.svg-fill-n{fill:var(--accent-n-bg)}.svg-fill-b{fill:var(--accent-b-bg)}.svg-fill-o{fill:var(--accent-o-bg)}.svg-fill-r{fill:var(--accent-r-bg)}.svg-fill-paper{fill:var(--paper)}.svg-stroke-p{stroke:var(--accent-p-mid)}.svg-stroke-n{stroke:var(--accent-n-mid)}.svg-stroke-b{stroke:var(--accent-b-mid)}.svg-stroke-o{stroke:var(--accent-o-mid)}.svg-stroke-r{stroke:var(--accent-r-mid)}.svg-stroke-ink{stroke:var(--ink-soft)}.svg-stroke-rule{stroke:var(--rule)}.svg-text-p{fill:var(--accent-p)}.svg-text-n{fill:var(--accent-n)}.svg-text-b{fill:var(--accent-b)}.svg-text-o{fill:var(--accent-o)}.svg-text-r{fill:var(--accent-r)}.svg-text-ink{fill:var(--ink)}.svg-text-muted{fill:var(--ink-faint)}.svg-arrow{fill:var(--ink-soft)}.svg-conn{stroke:var(--rule)}.svg-conn-bias{stroke:var(--accent-o-mid)}}html[data-theme=dark] .notes-scope{--ink: #ece6da;--ink-soft: #c8bfaf;--ink-faint: #a59c8e;--paper: var(--surface);--paper-warm: var(--surface-2);--paper-cream: var(--bg);--rule: #3c352c;--rule-light: #2f2a22;--accent-p: #c9b0f8;--accent-p-bg: rgba(155,133,212,.22);--accent-p-mid: rgba(201,176,248,.45);--accent-n: #9ad9b6;--accent-n-bg: rgba(90,168,130,.24);--accent-n-mid: rgba(154,217,182,.46);--accent-b: #a5c9f1;--accent-b-bg: rgba(102,153,204,.24);--accent-b-mid: rgba(165,201,241,.46);--accent-r: #e7adad;--accent-r-bg: rgba(204,119,119,.24);--accent-r-mid: rgba(231,173,173,.46);--accent-o: #efc383;--accent-o-bg: rgba(212,150,31,.24);--accent-o-mid: rgba(239,195,131,.46)}.notes-scope{--tag-bg: #eae6dc;h2{font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.25;color:var(--ink)}.part-header{margin:48px 0 0;padding:18px 20px;border:1px solid var(--rule);background:var(--paper-warm);border-radius:4px}.part-header.purple,.part-header.green,.part-header.blue{background:var(--paper-warm)}.part-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:5px}.formula-block{margin:18px 0;background:var(--paper-cream);border:1px solid var(--rule);border-radius:4px;padding:16px 20px;overflow-x:auto}.formula-block.purple{background:var(--accent-p-bg)}.formula-block.green{background:var(--accent-n-bg)}.formula-block.blue{background:var(--accent-b-bg)}.formula-block.orange{background:var(--accent-o-bg)}.formula-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.callout{margin:18px 0;padding:14px 18px;border-radius:4px;border:1px solid;font-size:13px;line-height:1.7;overflow-x:auto;display:flex;gap:12px;align-items:flex-start}.callout.note{background:var(--accent-b-bg);border-color:var(--accent-b-mid);color:var(--accent-b)}.callout.warn{background:var(--accent-o-bg);border-color:var(--accent-o-mid);color:var(--accent-o)}.callout.insight{background:var(--accent-p-bg);border-color:var(--accent-p-mid);color:var(--accent-p)}.callout.success{background:var(--accent-n-bg);border-color:var(--accent-n-mid);color:var(--accent-n)}.callout.danger{background:var(--accent-r-bg);border-color:var(--accent-r-mid);color:var(--accent-r)}.callout strong{color:inherit}.callout-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;margin-top:2px}.callout-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.callout-body{min-width:0}.callout-title{font-weight:600;font-size:13px;margin-bottom:4px}.callout-text{font-size:13px;margin-bottom:0;color:inherit}table{width:auto;border-collapse:collapse;margin:16px 0;font-size:13px}pre,code{font-family:var(--font-mono);font-size:12px}pre{background:var(--paper-cream);border:1px solid var(--rule);border-radius:4px;padding:14px 18px;overflow-x:auto;line-height:1.6}ul,ol{padding-left:20px;margin-bottom:12px;color:var(--ink-soft)}ul{list-style:disc}ol{list-style:decimal}li{margin-bottom:6px;font-size:14px;line-height:1.7}li>ul{list-style:circle;margin-top:4px}li>ol{margin-top:4px}.term-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0}.term-card{border:1px solid var(--rule);border-radius:4px;background:var(--paper);padding:12px 14px}.term-name{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink);margin-bottom:4px;letter-spacing:.04em}.term-def{font-size:12px;color:var(--ink-soft);line-height:1.6}.algo-box{margin:18px 0;border:1px solid var(--rule);border-radius:4px;overflow:hidden}.algo-header{background:var(--paper-warm);padding:10px 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule)}.algo-step{display:flex;align-items:flex-start;padding:10px 18px;border-bottom:1px solid var(--rule-light);gap:14px;font-size:14px;color:var(--ink-soft)}.algo-step:last-child{border-bottom:none}.step-num{font-family:var(--font-mono);font-size:11px;font-weight:500;min-width:32px;color:var(--ink-faint);padding-top:3px;flex-shrink:0}.algo-body{padding:16px 20px;font-family:var(--font-mono);font-size:12px;line-height:1.9;background:var(--paper);color:var(--ink-soft)}.algo-body span.kw{color:var(--accent-p);font-weight:500}.algo-body span.label{color:var(--ink-faint);font-size:10px;letter-spacing:.06em}.act-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;margin:20px 0}.act-card{border:1px solid var(--rule);border-radius:4px;padding:14px;background:var(--paper)}.act-name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink);margin-bottom:6px}.act-range,.act-note{font-size:12px;color:var(--ink-faint);margin-top:4px;line-height:1.5}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.compare-box{background:var(--paper-cream);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}.compare-box h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.diagram-container{margin:18px 0;padding:20px;background:var(--paper-warm);border:1px solid var(--rule);border-radius:4px;text-align:center;overflow-x:auto}.diagram-container .diagram-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.diagram-container .diagram-credit{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-faint);margin-top:8px}.diagram-container img{max-width:60%;height:auto;display:block;margin:0 auto}.diagram-wrap{margin:20px 0;background:var(--paper-warm);border:1px solid var(--rule);border-radius:6px;overflow:hidden}.diagram-wrap .diagram-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:9px 16px 0}.diagram-svg{width:100%;display:block;padding:8px 0}.viz-container{margin:20px 0;border:1px solid var(--rule);border-radius:6px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--paper-warm)}.viz-container>svg{display:block;width:100%;max-width:100%;min-width:0;height:auto;box-sizing:border-box;padding:10px}.viz-caption{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:8px 16px;border-top:1px solid var(--rule)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.col-card{background:var(--paper-warm);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}.col-card .col-title{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--ink)}.heuristic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}.heuristic-card{border:1px solid var(--rule);border-radius:6px;padding:14px;background:var(--paper-warm);transition:box-shadow .15s}.heuristic-card:hover{box-shadow:0 8px 20px #14100b14}.heuristic-num{font-family:var(--font-mono);font-size:10px;color:var(--accent-p);letter-spacing:.06em;margin-bottom:5px}.heuristic-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:4px}.heuristic-desc{font-size:12px;color:var(--ink-soft);line-height:1.55}.tag{display:inline-block;font-family:var(--font-mono);font-size:10px;background:var(--tag-bg);padding:2px 8px;border-radius:2px;color:var(--ink-faint);letter-spacing:.06em}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:3px;letter-spacing:.06em;font-weight:600}.badge.blue{background:var(--accent-b-bg);color:var(--accent-b);border:1px solid var(--accent-b-mid)}.badge.green{background:var(--accent-n-bg);color:var(--accent-n);border:1px solid var(--accent-n-mid)}.badge.purple{background:var(--accent-p-bg);color:var(--accent-p);border:1px solid var(--accent-p-mid)}.badge.orange{background:var(--accent-o-bg);color:var(--accent-o);border:1px solid var(--accent-o-mid)}.badge.red{background:var(--accent-r-bg);color:var(--accent-r);border:1px solid var(--accent-r-mid)}.cnn-arch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px 0;row-gap:12px}.layer-box{text-align:center;padding:0 3px}.layer-rect{border:1.5px solid;border-radius:4px;padding:8px 10px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;min-width:66px;margin:0 auto 4px}.layer-rect.input{border-color:var(--rule);color:var(--ink-faint);background:var(--paper-warm)}.layer-rect.conv{border-color:var(--accent-p);color:var(--accent-p);background:var(--accent-p-bg)}.layer-rect.pool{border-color:var(--accent-n);color:var(--accent-n);background:var(--accent-n-bg)}.layer-rect.fc{border-color:var(--accent-b);color:var(--accent-b);background:var(--accent-b-bg)}.layer-rect.out{border-color:var(--accent-r);color:var(--accent-r);background:var(--accent-r-bg)}.layer-label{font-size:10px;color:var(--ink-faint);font-family:var(--font-mono)}.arrow{color:var(--rule);font-size:18px;padding:0 2px;align-self:center;margin-bottom:12px}.term-grid.term-grid-pairs{grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 18px;font-size:13px;align-items:baseline}.term-grid.term-grid-pairs .term{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-p);white-space:nowrap}.term-grid.term-grid-pairs .def{color:var(--ink-soft)}.glossary-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px 14px;margin:14px 0 28px}.glossary-item{border:1px solid var(--rule);border-radius:4px;background:var(--paper);padding:12px 14px;color:var(--ink-soft);line-height:1.6}@media(min-width:640px){.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1320px){.glossary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.two-col,.compare-row{grid-template-columns:1fr}}@media(max-width:820px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.formula-block,.algo-box,.compare-box,.diagram-container,pre{overflow-x:auto}}@media(max-width:760px){.viz-container>svg{width:max(100%,640px);max-width:none;min-width:640px}}}.notes-scope h1{font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1.2;color:var(--ink);margin:0 0 20px}.notes-scope h2:not(:where(.part-header *)){font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.25;color:var(--ink);margin:44px 0 16px;padding:12px 16px 10px;border:0;border-left:3px solid var(--accent);border-bottom:1px solid var(--rule);border-radius:0;background:var(--paper-warm)}.notes-scope blockquote{margin:18px 0;padding:14px 18px;border-radius:4px;border:1px solid var(--accent-b-mid);background:var(--accent-b-bg);color:var(--accent-b);font-size:13px;line-height:1.7;overflow-x:auto}.notes-scope blockquote.callout{display:block}.notes-scope blockquote>p{margin-bottom:0;color:inherit}.notes-scope blockquote>p:not(:last-child){margin-bottom:8px}.notes-scope blockquote strong{color:inherit}.notes-scope hr{border:none;border-top:1px solid var(--rule);margin:40px 0}.notes-scope .math-block{margin:18px 0;background:var(--paper-cream);border-style:solid;border-color:var(--rule);border-width:1px 40px;border-radius:4px;padding:16px 20px;overflow-x:auto;text-align:center;color:var(--ink)}.notes-scope p:has(>img:only-child){text-align:center;background:var(--paper-warm);border:1px solid var(--rule);border-radius:4px;padding:20px;margin:18px 0}.notes-scope p:has(>img:only-child)>img{max-width:60%;height:auto;display:block;margin:0 auto}html[data-theme=dark] .notes-scope{--tag-bg: #2b261f;.decision-table th{background:#0f172a;color:#e2e8f0;border-color:#0f172a}}.notes-scope{--code-bg: #f2ede4;--code-bg-inline: #ebe4d8;--code-border: #c7b9a2;--code-ink: #20170f;--code-comment: #6f6252;--code-keyword: #6f2da8;--code-function: #12528a;--code-operator: #8f4d06;--code-string: #1f6d40;--code-number: #8c2222;h2{font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.25;color:var(--ink)}.topic{margin-bottom:56px}.topic-header{margin:48px 0 22px;padding:18px 20px;border:1px solid var(--rule);background:var(--paper-warm);border-radius:4px}.topic-header.b1,.topic-header.b2,.topic-header.b3,.topic-header.b4{background:var(--paper-warm)}.topic-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:5px;display:block}.topic-title{font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.25;color:var(--ink)}.callout{margin:16px 0;padding:14px 16px;border-radius:4px;border:1px solid;font-size:13px;line-height:1.7;overflow-x:auto;display:flex;gap:10px;align-items:flex-start}.callout.info{background:var(--accent-b-bg);border-color:var(--accent-b-mid);color:var(--accent-b)}.callout.tip{background:var(--accent-n-bg);border-color:var(--accent-n-mid);color:var(--accent-n)}.callout.danger{background:var(--accent-r-bg);border-color:var(--accent-r-mid);color:var(--accent-r)}.callout-title{font-weight:600;font-size:13px;margin-bottom:4px}.callout-text{font-size:13px;margin-bottom:0}.callout-body{min-width:0}.callout-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;margin-top:2px}.callout-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}pre,code{font-family:var(--font-mono);font-size:12px;color:var(--code-ink)}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:14px 16px;overflow-x:auto;line-height:1.6}code{background:var(--code-bg-inline);border:1px solid var(--code-border);padding:1px 6px;border-radius:3px}pre code{background:none;border:none;padding:0;color:inherit}.kw{color:var(--code-keyword)}.fn{color:var(--code-function)}.op{color:var(--code-operator)}.str{color:var(--code-string)}.num{color:var(--code-number)}.cm{color:var(--code-comment);font-style:italic}ul.notes{list-style:none;padding-left:0;margin:12px 0 16px}ul.notes li{position:relative;padding-left:20px;margin-bottom:6px;font-size:14px;color:var(--ink-soft)}ul.notes li:before{content:"\203a";position:absolute;left:0;color:var(--accent-b);font-weight:700}ul.notes li.green:before{color:var(--accent-n)}ul.notes li.orange:before{color:var(--accent-o)}ul.notes li.purple:before{color:var(--accent-p)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.col-box{background:var(--paper-cream);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}.col-title{font-weight:600;font-size:14px;margin-bottom:8px;color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.card{border:1px solid var(--rule);border-radius:4px;background:var(--paper);padding:14px 16px}.card.c-blue{background:var(--accent-b-bg)}.card.c-green{background:var(--accent-n-bg)}.card.c-orange{background:var(--accent-o-bg)}.card.c-purple{background:var(--accent-p-bg)}.card-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}table{width:100%;border-collapse:collapse;margin:0;font-size:13px;min-width:560px}.table-wrap{border:1px solid var(--rule);border-radius:4px;overflow-x:auto;margin:16px 0;background:var(--paper)}.green{color:var(--accent-n)}.orange{color:var(--accent-o)}.blue{color:var(--accent-b)}.purple{color:var(--accent-p)}@media(max-width:900px){padding:24px 18px;.two-col{grid-template-columns:1fr}}}html[data-theme=dark] .notes-scope{--code-bg: #1b1a17;--code-bg-inline: #26231e;--code-border: #4b4338;--code-ink: #f3efe8;--code-comment: #b4aa98;--code-keyword: #d7b6ff;--code-function: #8dc6ff;--code-operator: #ffbe75;--code-string: #9ce5b5;--code-number: #ff9e9e}.notes-scope h3{font-family:var(--font-display);font-size:16px;font-weight:500;margin:36px 0 10px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:7px}.notes-scope h4{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:20px 0 7px}.notes-scope p{margin-bottom:12px;color:var(--ink-soft)}.notes-scope a{color:var(--accent-b);text-decoration:none}.notes-scope a:hover{text-decoration:underline}.notes-scope strong{color:var(--ink)}.notes-scope em{font-style:italic}.notes-scope img{max-width:100%;height:auto}.notes-scope td{padding:10px 14px;border:1px solid var(--rule);color:var(--ink-soft);vertical-align:top}.notes-scope tr:nth-child(2n) td{background:var(--paper-warm)}.notes-scope th{background:var(--paper-cream);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border:1px solid var(--rule);text-align:left;color:var(--ink)}.notes-scope h2{font-family:var(--font-display);font-size:21px;font-weight:500;line-height:1.25;color:var(--ink)}.notes-scope table{width:auto;border-collapse:collapse;margin:16px 0;font-size:13px}.notes-scope pre,.notes-scope code{font-family:var(--font-mono);font-size:12px}.notes-scope code{background:var(--paper-cream);border:1px solid var(--rule);padding:1px 5px;border-radius:3px}.notes-scope pre{background:var(--paper-cream);border:1px solid var(--rule);border-radius:4px;padding:14px 18px;overflow-x:auto;line-height:1.6}.notes-scope pre code{background:none;border:none;padding:0}.notes-scope pre.astro-code span[style*="#6A737D"]{color:#9da7b3!important}.notes-scope ul,.notes-scope ol{padding-left:22px;margin-bottom:12px;color:var(--ink-soft)}.notes-scope li{margin-bottom:5px;font-size:14px;line-height:1.7}@media(max-width:820px){.notes-scope table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media(max-width:760px){.notes-scope{padding:28px 20px}}@media(max-width:480px){.notes-scope{padding:20px 14px}.note-cover h1,.note-cover .cover-label,.note-cover .refs-note,.notes-scope h1,.notes-scope h2,.notes-scope h3,.notes-scope h4,.notes-scope li,.notes-scope p,.notes-scope strong,.notes-scope code,.notes-scope a{overflow-wrap:anywhere;word-break:break-word}}mjx-container{user-select:text!important;-webkit-user-select:text!important;pointer-events:auto!important;cursor:text!important}mjx-container *{user-select:text!important;-webkit-user-select:text!important;pointer-events:auto!important}.note-cover{padding:56px 30px 44px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:var(--surface)}.note-cover:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;border:1px solid var(--line);pointer-events:none}.cover-label{margin-bottom:18px;color:var(--accent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.note-cover h1{max-width:760px;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.8rem);font-weight:500;line-height:1.05;letter-spacing:-.07em;color:var(--ink);position:relative;z-index:1}.cover-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;position:relative;z-index:1}.topic-chip{padding:5px 12px;border:1px solid var(--line);border-radius:var(--r-full);color:var(--muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase}.refs-note{margin-top:24px;color:var(--muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em}.notes-reading{padding:36px 30px 120px}.notes-scope{max-width:760px;width:100%;min-width:0;padding:34px 40px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.notes-scope table{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.notes-scope .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.notes-scope .table-wrap>table{display:table;width:max-content;min-width:100%;max-width:none;overflow:visible}.notes-scope .math-block{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}.notes-scope .math-block>.katex,.notes-scope .math-block>.katex-display{display:inline-block;min-width:max-content;max-width:none;margin-inline:0}.notes-scope .math-block .katex{white-space:nowrap}.notes-scope .katex-display{max-width:none;margin-inline:0}.notes-scope pre,.notes-scope .formula-block,.notes-scope .viz-container,.notes-scope .diagram-container{max-width:100%}@media(max-width:767px){.notes-scope{padding:28px 18px}}@media(max-width:360px){.notes-scope th,.notes-scope td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.notes-scope code{overflow-wrap:anywhere;word-break:break-word}}@media(max-width:480px){.note-cover:after{display:none}}@media print{.note-cover{padding:0 0 24px}.notes-reading{padding:0}.notes-scope{width:100%;max-width:none;border:0;padding:0;overflow:visible}.notes-scope .table-wrap{width:100%;max-width:100%;overflow:visible!important;border:0}.notes-scope table,.notes-scope .table-wrap>table{display:table;width:100%!important;max-width:100%;min-width:0;table-layout:fixed;overflow:visible;border-collapse:collapse}.notes-scope th,.notes-scope td{white-space:normal;overflow-wrap:break-word;word-break:break-word}.notes-scope .math-block,.notes-scope pre,.notes-scope blockquote,.notes-scope .callout{max-width:100%;overflow:visible;break-inside:avoid}.notes-scope .math-block{border-width:1px}.notes-scope .katex-display{max-width:100%;overflow:visible}}.toc-card{padding:20px 4px;border-bottom:1px solid var(--line)}.toc-card .rail-label{margin-bottom:12px}.notes-toc-list{display:grid;gap:2px}.notes-toc-group{min-width:0}.notes-toc-subsections{margin:2px 0 5px 12px}.notes-toc-subsections summary{padding:4px 12px;cursor:pointer;color:var(--muted);font-family:var(--font-mono);font-size:.61rem;list-style-position:inside}.notes-toc-subsections summary:hover{color:var(--accent)}.notes-toc-sublist{display:grid;gap:2px}.notes-toc-item{display:block;padding:6px 12px;border-radius:var(--r-xs);color:var(--muted);font-family:var(--font-mono);font-size:.72rem;transition:color .15s ease,background .15s ease}.notes-toc-item:hover,.notes-toc-item.active{color:var(--accent);background:var(--accent-soft)}.notes-toc-item.sub{padding-left:22px;font-size:.67rem;color:color-mix(in srgb,var(--muted) 85%,transparent)}.progress-bar-wrap{height:3px;margin:0 4px 18px;border-radius:2px;background:var(--line);overflow:hidden}.progress-bar-fill{height:100%;width:0;border-radius:2px;background:var(--accent);transition:width .1s linear}.mobile-header-note{display:none}@media(max-width:1099px){.mobile-header-note{display:inline-flex}}.note-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin-top:48px}.note-pager a{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .18s ease,background .18s ease}.note-pager a:hover{border-color:var(--accent);background:var(--accent-soft)}.note-pager small{display:block;margin-bottom:6px;color:var(--muted);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.note-pager strong{color:var(--ink);font-family:var(--font-display);font-size:.88rem;font-weight:500;line-height:1.15}.note-pager .next{text-align:right}@media(max-width:767px){.note-cover{padding:44px 18px 34px}.notes-reading{padding:32px 18px 90px}.note-pager{grid-template-columns:1fr}.note-pager .next{text-align:left}}