:root{color-scheme:dark;--surface-canvas:#0d100e;--surface-rail:#090c0a;--surface-drawer:#131613;--surface-canvas-alt:#121512;--surface-panel:#171a17;--surface-panel-raised:#1c201d;--surface-overlay:#090c0aeb;--border-default:#3b423d;--border-subtle:#272c28;--text-primary:#f1f3ef;--text-secondary:#cbd0cb;--text-muted:#969d97;--text-dim:#626963;--surface-paper:#e4e8e3;--text-ink:#111411;--accent-default:#dce2df;--accent-strong:#f4f6f3;--hero-text:#f1f3ef;--hero-secondary:#cbd0cb;--status-success:#b8d8bf;--status-warning:#e2d3a6;--status-danger:#e0b1b1;--layout-rail-width:86px;--layout-topbar-height:76px;--content-max-width:1510px;--reading-max-width:790px;--shadow-drawer:0 30px 90px #0000007a;--motion-fast:.15s;--motion-normal:.22s;--motion-drawer:.42s;--ease-interface:cubic-bezier(.22, 1, .36, 1)}html[data-theme=light]{color-scheme:light;--surface-canvas:#e8ebe7;--surface-rail:#dfe3de;--surface-drawer:#edf0ec;--surface-canvas-alt:#dde1dc;--surface-panel:#f4f5f2;--surface-panel-raised:#fff;--surface-overlay:#eef1edf0;--border-default:#aab1aa;--border-subtle:#cbd0ca;--text-primary:#141714;--text-secondary:#333934;--text-muted:#626a63;--text-dim:#838a84;--surface-paper:#171a17;--text-ink:#f1f3ef;--accent-default:#232823;--accent-strong:#090b09;--shadow-drawer:0 30px 90px #272d283d}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-primary);background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--surface-canvas);background-size:48px 48px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before{z-index:999;pointer-events:none;content:"";opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-theme=light] body:before{opacity:.065;mix-blend-mode:multiply}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}::selection{color:var(--text-ink);background:var(--accent-default)}.app-shell{grid-template-columns:var(--layout-rail-width) minmax(0, 1fr);min-height:100vh;display:grid}.side-rail{z-index:40;width:var(--layout-rail-width);background:var(--surface-rail);border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0 auto 0 0}.site-logo{width:var(--layout-rail-width);height:var(--layout-rail-width);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);place-items:center;text-decoration:none;display:grid}.site-logo__box{letter-spacing:-.08em;border:2px solid;place-items:center;width:48px;height:48px;font-size:20px;font-weight:950;line-height:.8;display:grid;transform:rotate(-2deg)}.rail-nav{flex-direction:column;width:100%;margin-top:34px;display:flex}.rail-link,.theme-toggle{color:#6d746e;width:100%;height:62px;transition:color var(--motion-normal), background var(--motion-normal), border-color var(--motion-normal);background:0 0;border:0;border-left:3px solid #0000;place-items:center;display:grid;position:relative}.rail-link:hover,.rail-link[aria-current=page],.theme-toggle:hover{color:var(--text-primary);background:var(--surface-canvas-alt);border-left-color:var(--accent-default)}.rail-link svg,.theme-toggle svg{width:21px;height:21px}.rail-link:after,.theme-toggle:after{color:var(--text-ink);letter-spacing:.12em;white-space:nowrap;pointer-events:none;content:attr(data-label);background:var(--surface-paper);opacity:0;transition:var(--motion-fast);padding:7px 9px;font-size:10px;position:absolute;top:50%;left:100%;transform:translate(8px,-50%)}.rail-link:hover:after,.theme-toggle:hover:after{opacity:1;transform:translate(12px,-50%)}.rail-bottom{width:100%;margin-top:auto}.rail-foot{color:#4e554f;letter-spacing:.24em;writing-mode:vertical-rl;margin:18px auto 24px;font-size:9px}.theme-icon--moon,html[data-theme=light] .theme-icon--sun{display:none}html[data-theme=light] .theme-icon--moon{display:block}html[data-theme=light] .side-rail{border-right-color:#b9c0ba}html[data-theme=light] .rail-link,html[data-theme=light] .theme-toggle{color:#747c75}html[data-theme=light] .rail-link:hover,html[data-theme=light] .rail-link[aria-current=page],html[data-theme=light] .theme-toggle:hover{color:#151916;background:#f1f3ef}.page-column{grid-column:2;min-width:0}.page-progress{z-index:100;top:0;right:0;left:var(--layout-rail-width);height:2px;position:fixed}.page-progress span,.drawer-progress span{background:var(--accent-strong);width:0;height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--accent-strong) 50%, transparent);display:block}.topbar{z-index:35;height:var(--layout-topbar-height);background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;padding:0 30px;display:flex;position:sticky;top:0}.topbar__identity,.topbar__stats{align-items:center;gap:14px;min-width:0;display:flex}.topbar__tools{align-items:center;gap:8px;display:flex}.topbar__slash{color:var(--accent-strong);font-weight:900}.topbar__name{letter-spacing:.08em;white-space:nowrap;font-size:13px;font-weight:800}.topbar__path,.topbar__stats span{color:var(--text-dim);letter-spacing:.13em;font-size:9px}.topbar__path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__stats b{color:var(--text-secondary);font-size:11px}.square-button{min-width:39px;height:39px;color:var(--text-muted);background:var(--surface-panel);border:1px solid var(--border-default);transition:var(--motion-normal);place-items:center;display:inline-grid}.square-button:hover{color:var(--text-ink);background:var(--surface-paper);border-color:var(--surface-paper)}.site-search{z-index:34;top:var(--layout-topbar-height);width:min(440px, calc(100vw - var(--layout-rail-width)));background:color-mix(in srgb, var(--surface-panel) 96%, transparent);border-bottom:1px solid var(--border-default);border-left:1px solid var(--border-default);box-shadow:var(--shadow-drawer);backdrop-filter:blur(18px);padding:22px;position:fixed;right:0}.site-search[hidden]{display:none}.site-search__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.site-search__heading h2{margin:5px 0 0;font-size:24px}.site-search__kicker,.site-search__field span,.site-search__status{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.site-search__field{gap:8px;margin-top:22px;display:grid}.site-search__field input{width:100%;color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-default);outline:none;padding:12px 13px}.site-search__field input:focus{border-color:var(--accent-default)}.site-search__status{margin-top:12px}.site-search__results{gap:7px;max-height:360px;margin:14px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.site-search__results a{color:var(--text-primary);border:1px solid var(--border-subtle);transition:var(--motion-normal);gap:6px;padding:12px;text-decoration:none;display:grid}.site-search__results a:hover,.site-search__results a:focus-visible{color:var(--text-ink);background:var(--surface-paper);border-color:var(--surface-paper)}.site-search__results span{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.site-search__results a:hover span,.site-search__results a:focus-visible span{color:var(--text-ink-muted)}.hero{isolation:isolate;min-height:590px;color:var(--hero-text);border-bottom:1px solid var(--border-subtle);align-items:flex-end;padding:64px 52px 52px;display:flex;position:relative;overflow:hidden}.hero__background{z-index:-5;filter:grayscale()contrast(1.15)brightness(.56);background:url(/static/images/magicbook-hero.png) 50%/cover;position:absolute;inset:0;transform:scale(1.015)}.hero:before{z-index:-4;content:"";background:linear-gradient(90deg,#050705f5 0%,#070907bd 38%,#07090729 72%),linear-gradient(#0000 52%,#070907eb);position:absolute;inset:0}.hero:after{z-index:-2;content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(120deg,#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:0}.hero__ghost{z-index:-1;color:#ffffff0e;letter-spacing:-.09em;font-size:clamp(100px,15vw,230px);font-weight:1000;line-height:.7;position:absolute;bottom:20px;right:-18px}.hero__grid{grid-template-columns:minmax(0,1.35fr) 340px;align-items:end;gap:56px;width:min(1260px,100%);display:grid}.eyebrow{color:var(--hero-secondary);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:flex}.eyebrow:before{content:"";background:var(--accent-default);width:42px;height:2px}.hero h1{letter-spacing:-.07em;margin:24px 0 0;font-size:clamp(58px,9vw,126px);font-weight:950;line-height:.79}.hero h1 small{color:var(--hero-secondary);letter-spacing:.15em;margin-left:10px;font-size:.23em;font-weight:500}.hero h1 .stroke{color:#0000;-webkit-text-stroke:1px #ffffffb3;display:block}.tagline{max-width:650px;color:var(--hero-secondary);margin:28px 0 0;font-family:ui-serif,Georgia,serif;font-size:18px;line-height:1.8}.button-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.button-link{color:var(--text-secondary);letter-spacing:.13em;text-transform:uppercase;background:color-mix(in srgb, var(--surface-canvas) 25%, transparent);border:1px solid var(--text-dim);transition:var(--motion-normal);padding:11px 16px;font-size:10px;text-decoration:none}.button-link:hover,.button-link--primary{color:var(--text-ink);background:var(--accent-default);border-color:var(--accent-default)}.hero .button-link:not(.button-link--primary):not(:hover){color:var(--hero-text)}.profile-card{color:var(--text-primary);background:color-mix(in srgb, var(--surface-canvas) 60%, transparent);border:1px solid color-mix(in srgb, var(--text-primary) 37%, transparent);box-shadow:var(--shadow-drawer);backdrop-filter:blur(12px)}.profile-card__head{border-bottom:1px solid color-mix(in srgb, var(--text-primary) 18%, transparent);grid-template-columns:76px 1fr;gap:14px;padding:16px;display:grid}.profile-card img{object-fit:cover;border:1px solid var(--text-dim);filter:grayscale(.25)contrast(1.08);width:76px;height:76px}.profile-card__name{margin-top:4px;font-size:20px;font-weight:850}.profile-card__sub,.profile-card__status{color:var(--text-muted);letter-spacing:.12em;margin-top:5px;font-size:10px}.profile-card__status{color:var(--text-secondary);align-items:center;gap:7px;margin-top:15px;display:flex}.profile-card__status:before{content:"";background:var(--accent-strong);width:7px;height:7px;box-shadow:0 0 10px var(--accent-strong);border-radius:50%}.profile-card__stats{grid-template-columns:repeat(3,1fr);display:grid}.profile-card__stats div{text-align:center;border-right:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);padding:15px 8px}.profile-card__stats div:last-child{border-right:0}.profile-card__stats b,.profile-card__stats span{display:block}.profile-card__stats b{font-size:19px}.profile-card__stats span{color:var(--text-muted);letter-spacing:.12em;margin-top:4px;font-size:9px}.workspace,.page-content{width:min(var(--content-max-width), 100%);margin:0 auto;padding:30px}.workspace{grid-template-columns:minmax(0,1fr) 385px;gap:26px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin:8px 0 18px;display:flex}.section-heading__kicker{color:var(--text-muted);letter-spacing:.22em;text-transform:uppercase;font-size:9px}.section-heading h2{letter-spacing:-.035em;margin:6px 0 0;font-size:28px}.post-filters{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.post-filter{color:var(--text-muted);border:1px solid var(--border-default);transition:var(--motion-normal);background:0 0;padding:8px 12px;font-size:10px}.post-filter:hover,.post-filter.is-active{color:var(--text-ink);background:var(--surface-paper);border-color:var(--surface-paper)}.featured-card[hidden],.post-card[hidden]{display:none}.featured-card{min-height:390px;color:inherit;background:var(--surface-panel);border:1px solid var(--text-dim);box-shadow:var(--shadow-drawer);transition:var(--motion-normal);grid-template-columns:1.12fr .88fr;text-decoration:none;display:grid;overflow:hidden}.featured-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.featured-card__image{background:var(--surface-panel-raised);min-height:340px;position:relative;overflow:hidden}.featured-card__image img{object-fit:cover;filter:grayscale(.74)contrast(1.12)brightness(.76);width:100%;height:100%;transition:filter var(--motion-drawer), transform var(--motion-drawer)}.featured-card:hover img{filter:grayscale(.5)contrast(1.12)brightness(.82);transform:scale(1.025)}.featured-card__body{flex-direction:column;justify-content:space-between;padding:30px;display:flex}.record-meta{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px}.featured-card h3{letter-spacing:-.04em;margin:18px 0;font-size:31px;line-height:1.15}.featured-card p,.post-card p,.context-panel p{color:var(--text-muted);font-size:13px;line-height:1.8}.open-line{letter-spacing:.13em;border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;margin-top:28px;padding-top:17px;font-size:10px;display:flex}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px;display:grid}.post-card{min-height:246px;color:inherit;background:var(--surface-panel);border:1px solid var(--border-default);transition:var(--motion-normal);flex-direction:column;padding:22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.post-card:hover{background:var(--surface-panel-raised);border-color:var(--text-dim);transform:translateY(-3px)}.post-card:after{color:color-mix(in srgb, var(--text-primary) 3%, transparent);letter-spacing:-.09em;content:attr(data-index);font-size:116px;font-weight:950;line-height:1;position:absolute;bottom:-24px;right:-8px}.post-card__top,.post-card__bottom{z-index:1;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:relative}.post-card h3{z-index:1;letter-spacing:-.025em;margin:26px 0 12px;font-size:21px;line-height:1.35;position:relative}.post-card__bottom{color:var(--text-secondary);border-top:1px solid var(--border-subtle);align-items:center;margin-top:auto;padding-top:20px}.context-panel{background:var(--surface-panel);border:1px solid var(--border-default);align-self:start;padding:26px}.context-panel__number{color:var(--text-dim);letter-spacing:-.09em;font-size:84px;font-weight:950;line-height:1}.taxonomy-list,.record-list{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.taxonomy-list a,.record-row{color:inherit;background:var(--surface-panel);border:1px solid var(--border-default);grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:16px;text-decoration:none;display:grid}.taxonomy-list a:hover,.record-row:hover{border-color:var(--text-muted)}.archive-year{border-bottom:1px solid var(--border-subtle);grid-template-columns:105px minmax(0,1fr);gap:24px;padding:28px 0;display:grid}.archive-year__label{letter-spacing:-.05em;font-size:34px;font-weight:900;line-height:1}.archive-year__label small{color:var(--text-dim);letter-spacing:.12em;margin-top:5px;font-size:9px;font-weight:500;display:block}.archive-year__list{gap:2px;display:grid}.archive-row{color:inherit;transition:var(--motion-fast);border:1px solid #0000;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 14px;text-decoration:none;display:grid}.archive-row:hover{background:var(--surface-panel);border-color:var(--border-default)}.archive-row time,.archive-row span{font-size:9px}.archive-row time{color:#6f766f}.archive-row span{color:#777f78}.archive-row b{font-size:13px;font-weight:600}.category-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.category-card{min-height:180px;color:inherit;background:var(--surface-panel);border:1px solid var(--border-default);transition:var(--motion-normal);padding:22px;text-decoration:none;display:block;position:relative;overflow:hidden}.category-card:hover{background:var(--surface-panel-raised);border-color:var(--text-muted);transform:translateY(-2px)}.category-card strong{z-index:1;letter-spacing:-.04em;font-size:25px;position:relative}.category-card b{color:color-mix(in srgb, var(--text-primary) 4%, transparent);font-size:100px;line-height:1;position:absolute;bottom:-22px;right:14px}.category-card p{z-index:1;max-width:18rem;color:var(--text-muted);margin-top:28px;font-size:12px;line-height:1.7;position:relative}.category-index-section{margin-top:50px}.about-layout{grid-template-columns:180px minmax(0,1fr);gap:34px;display:grid}.about-layout img{object-fit:cover;border:1px solid var(--text-dim);filter:grayscale(.35);width:180px;height:180px}.about-layout h2{margin:0 0 18px;font-size:32px}.about-layout p{color:var(--text-secondary);font-size:15px;line-height:2}.drawer-page-footer{color:var(--text-dim);letter-spacing:.1em;border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:18px;margin-top:36px;padding-top:26px;font-size:9px;display:flex}.drawer-page-footer button{min-height:36px;color:var(--text-secondary);border:1px solid var(--text-dim);background:0 0;padding:0 14px}.drawer-page-footer button:hover{color:var(--text-ink);background:var(--accent-strong);border-color:var(--accent-strong)}.page-hero{border-bottom:1px solid var(--border-default);background:linear-gradient(130deg,#090b09,#323732 58%,#d5d9d4);align-items:flex-end;min-height:360px;padding:58px;display:flex}html[data-theme=light] .page-hero{background:linear-gradient(130deg,#dfe3de,#aeb6af 58%,#f6f8f5)}.page-hero h1{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(48px,7vw,100px);line-height:.94}.page-hero p{color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;margin:22px 0 0;font-size:10px}.site-footer{color:var(--text-dim);letter-spacing:.12em;border-top:1px solid var(--border-subtle);justify-content:space-between;gap:20px;margin-top:50px;padding:24px 0;font-size:9px;display:flex}body.drawer-open{overflow:hidden}.reading-drawer{z-index:80;inset:0 0 0 var(--layout-rail-width);width:calc(100vw - var(--layout-rail-width));max-width:none;height:100dvh;max-height:none;color:var(--text-primary);visibility:hidden;pointer-events:none;background:0 0;border:0;margin:0;padding:0;transition:visibility .48s step-end;position:fixed;overflow:hidden}.reading-drawer.is-open{visibility:visible;pointer-events:auto;transition:visibility step-start}.reading-drawer__backdrop{opacity:0;backdrop-filter:blur(5px);background:#020402bf;border:0;width:100%;height:100%;padding:0;transition:opacity .4s;position:absolute;inset:0}.reading-drawer.is-open .reading-drawer__backdrop{opacity:1}.reading-drawer__panel{z-index:2;background:linear-gradient(#ffffff04 1px, transparent 1px), var(--surface-drawer);background-size:100% 44px;border-left:1px solid #697169;width:min(980px,100%);transition:transform .52s cubic-bezier(.73,0,.18,1);position:absolute;inset:0 0 0 auto;overflow:hidden;transform:translate(104%);box-shadow:-38px 0 100px #00000094}.reading-drawer.is-open .reading-drawer__panel{transform:translate(0)}.reading-drawer__frame{grid-template-rows:2px 72px minmax(0,1fr);height:100%;display:grid}.drawer-progress{background:#202420;height:2px}.reading-drawer__head{border-bottom:1px solid var(--border-default);backdrop-filter:blur(18px);background:#111411ed;justify-content:space-between;align-items:center;gap:20px;padding:0 22px 0 30px;display:flex}.reading-drawer__head h2{color:#8d958e;letter-spacing:.16em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:9px;font-weight:500;display:flex;overflow:hidden}.reading-drawer__head h2:before{content:"";background:var(--accent-default);flex:none;width:30px;height:2px}.reading-drawer__scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#626a63 var(--surface-drawer);overflow-y:auto}.reading-drawer__scroll .article-page__hero{min-height:350px}.reading-drawer__scroll .page-hero{min-height:260px;padding:58px}.reading-drawer__scroll .page-hero h1{font-size:62px;line-height:.9}.reading-drawer__scroll .page-hero p{color:#e2e5e1;letter-spacing:.08em;margin-top:18px;font-size:13px}.reading-drawer__scroll .page-content{width:min(790px,100%);padding:54px 56px 76px}.reading-drawer__head .square-button{color:#e6e9e5;background:#171a17;border-color:#596159;width:42px;min-width:42px;height:42px}.reading-drawer__head .square-button:hover{transform:rotate(3deg)}.drawer-context{z-index:1;width:min(270px,100vw - 1110px);min-width:220px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--text-secondary) 32%, transparent);opacity:0;backdrop-filter:blur(14px);background:#0f120fb8;flex-direction:column;padding:24px 22px;transition:opacity .32s .12s,transform .42s 80ms;display:flex;position:absolute;top:112px;bottom:34px;left:32px;overflow:hidden;transform:translate(-18px);box-shadow:0 24px 70px #0000003d}.reading-drawer.is-open .drawer-context{opacity:1;transform:translate(0)}.drawer-context__kicker{color:#858d86;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:9px;display:flex}.drawer-context__kicker:before{content:"";background:var(--accent-default);width:24px;height:2px}.drawer-context__index{color:color-mix(in srgb, var(--text-primary) 18%, transparent);letter-spacing:-.09em;margin-top:26px;font-size:86px;font-weight:950;line-height:.78}.drawer-context h2{letter-spacing:-.035em;margin:28px 0 12px;font-size:22px;line-height:1.25}.drawer-context__meta{color:#89918a;letter-spacing:.08em;white-space:pre-line;margin:0;font-size:10px;line-height:1.75}.drawer-context__rule{background:linear-gradient(90deg, var(--accent-default), transparent);height:1px;margin:24px 0 18px}.drawer-context__nav{gap:7px;display:grid}.drawer-context__nav a,.drawer-context__nav button{color:#b7bdb7;min-height:38px;font:inherit;letter-spacing:.13em;text-align:left;transition:var(--motion-fast);background:0 0;border:1px solid #4b534c;align-items:center;padding:0 12px;font-size:9px;text-decoration:none;display:flex}.drawer-context__nav a:hover,.drawer-context__nav button:hover{color:var(--text-ink);background:var(--accent-strong);border-color:var(--accent-strong)}.drawer-context__hint{color:#666e67;letter-spacing:.1em;border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:20px;font-size:9px;line-height:1.8}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);padding:50px}html[data-theme=light] .reading-drawer__panel{border-left-color:#909991}html[data-theme=light] .reading-drawer__head{background:#ecf0ebed}html[data-theme=light] .drawer-context{color:#171b18;background:#edf0ecd1;border-color:#aeb6af}html[data-theme=light] .drawer-context__nav a,html[data-theme=light] .drawer-context__nav button{color:#343b35;border-color:#abb3ac}html[data-theme=light] .drawer-context__nav a:hover,html[data-theme=light] .drawer-context__nav button:hover{color:#f4f6f2;background:#171b18;border-color:#171b18}@media (width<=1320px){.drawer-context{display:none}}@media (width<=1040px){.workspace{grid-template-columns:1fr}.context-panel{display:none}.hero__grid{grid-template-columns:1fr}.profile-card{max-width:420px}}@media (width<=720px){:root{--layout-rail-width:0px;--layout-topbar-height:64px}.app-shell{display:block}.side-rail{border-top:1px solid var(--border-default);border-right:0;flex-direction:row;width:100%;height:64px;inset:auto 0 0}.site-logo,.rail-foot{display:none}.rail-nav{flex-direction:row;margin:0}.rail-link,.theme-toggle{border-bottom:3px solid #0000;border-left:0;height:64px}.rail-link:after,.theme-toggle:after{display:none}.rail-bottom{width:20%;margin:0}.topbar{padding:0 15px}.topbar__path,.topbar__stats span:not(:first-child){display:none}.section-heading{flex-direction:column;align-items:flex-start}.post-filters{justify-content:flex-start}.hero{min-height:620px;padding:48px 22px 78px}.hero h1{font-size:clamp(56px,18vw,92px)}.hero h1 small{margin:14px 0 0;display:block}.profile-card{display:none}.workspace,.page-content{padding:22px 16px 96px}.featured-card,.post-grid{grid-template-columns:1fr}.featured-card__image{min-height:230px}.featured-card__body{padding:22px}.taxonomy-list a,.record-row{grid-template-columns:70px 1fr}.taxonomy-list a span:last-child,.record-row span:last-child{display:none}.page-hero{min-height:320px;padding:34px 22px}.reading-drawer{border-left:0;width:100vw}.reading-drawer__panel{border-left:0;width:100%}.reading-drawer__scroll .page-content{padding:42px 22px 96px}.reading-drawer__scroll .article-page__body{padding:42px 22px 64px}.reading-drawer__scroll .page-hero{min-height:320px;padding:48px 22px}.archive-year,.about-layout{grid-template-columns:1fr}.archive-row{grid-template-columns:78px 1fr}.archive-row span{display:none}.site-footer{margin-bottom:64px}}.article-page__hero{isolation:isolate;border-bottom:1px solid var(--border-default);background:linear-gradient(125deg,#090c0a 0 30%,#353a35 30% 56%,#d0d5d0 56% 72%,#222622 72%);align-items:flex-end;min-height:440px;padding:64px 58px 46px;display:flex;position:relative;overflow:hidden}html[data-theme=light] .article-page__hero{background:linear-gradient(125deg,#dfe3de 0 30%,#b9c0ba 30% 56%,#f8faf7 56% 72%,#c9cfca 72%)}.article-page__hero:after{z-index:-1;color:#00000045;letter-spacing:-.1em;content:attr(data-index);font-size:190px;font-weight:950;position:absolute;bottom:-38px;right:18px}.article-page__hero[data-cover]:before{z-index:-1;content:"";filter:grayscale(.6)contrast(1.1);background:linear-gradient(90deg,#060806de,#06080640),url(/static/images/article-streamlit.webp) 50%/cover;position:absolute;inset:0}.article-page__meta{color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:18px;font-size:9px;display:flex}.reading-drawer__scroll .article-page__meta{gap:8px;margin-bottom:18px}.reading-drawer__scroll .article-page__meta>*{color:var(--text-primary);background:#05070538;border:1px solid #ffffff57;padding:6px 8px}.article-page__hero h1{letter-spacing:-.05em;max-width:780px;margin:22px 0 0;font-size:clamp(42px,6vw,78px);line-height:1}.article-page__hero p{max-width:680px;color:var(--text-secondary);margin:22px 0 0;font-size:15px;line-height:1.8}.reading-drawer__scroll .article-page__hero h1{max-width:790px;margin:0;font-size:clamp(39px,6vw,72px);line-height:1}.reading-drawer__scroll .article-page__hero p{color:#d0d5d0;max-width:720px;margin-top:22px;font-size:14px;line-height:1.85}html[data-theme=light] .reading-drawer__scroll .article-page__meta>*{color:#171b18;background:#f7f9f673;border-color:#12181347}html[data-theme=light] .reading-drawer__scroll .article-page__hero p{color:#3d453e}.article-page__body{width:min(var(--reading-max-width), calc(100% - 44px));margin:0 auto;padding:58px 0 90px}.article-page__code{color:var(--text-dim);letter-spacing:.13em;margin-bottom:26px;font-size:9px;line-height:1.9}.article-page__intro-rule{display:none}.reading-drawer__scroll .article-page__body{grid-template-columns:125px minmax(0,1fr);column-gap:28px;width:min(790px,100%);margin:0 auto;padding:54px 56px 76px;display:grid}.reading-drawer__scroll .article-page__code{color:#747c75;grid-area:1/1;margin:0}.reading-drawer__scroll .article-page__intro-rule{background:var(--border-default);grid-area:2/1/auto/-1;height:1px;margin:34px 0 48px;display:block}.reading-drawer__scroll .markdown-body{font-size:14px;line-height:2;display:contents}.reading-drawer__scroll .markdown-body>:first-child{color:#e3e6e2;grid-area:1/2;margin:0;font-size:18px;line-height:1.8}.reading-drawer__scroll .markdown-body>:not(:first-child),.reading-drawer__scroll .article-footer{grid-column:1/-1}.reading-drawer__scroll .markdown-body h2{border-top:0;margin:0 0 18px;padding:0 0 0 18px;font-size:23px;position:relative}.reading-drawer__scroll .markdown-body h2:before{content:"";background:var(--accent-default);width:4px;height:1em;position:absolute;top:.2em;left:0}.reading-drawer__scroll .markdown-body h3{margin:28px 0 12px;font-size:17px}.reading-drawer__scroll .markdown-body p{color:#adb4ad;margin:0 0 17px;font-size:14px;line-height:2}.reading-drawer__scroll .markdown-body ul,.reading-drawer__scroll .markdown-body ol{color:#adb4ad;font-size:14px;line-height:1.9}html[data-theme=light] .reading-drawer__scroll .markdown-body>:first-child{color:#222824}html[data-theme=light] .reading-drawer__scroll .markdown-body p,html[data-theme=light] .reading-drawer__scroll .markdown-body ul,html[data-theme=light] .reading-drawer__scroll .markdown-body ol{color:#59625b}.markdown-body{color:var(--text-secondary);font-size:17px;line-height:1.95}.markdown-body h2,.markdown-body h3{color:var(--text-primary);letter-spacing:-.025em;line-height:1.3}.markdown-body h2{border-top:1px solid var(--border-default);margin:64px 0 22px;padding-top:18px;font-size:30px}.markdown-body h3{margin:42px 0 18px;font-size:22px}.markdown-body a{text-underline-offset:4px;text-decoration-thickness:1px}.markdown-body code{color:var(--text-primary);background:var(--surface-panel-raised);border:1px solid var(--border-subtle);padding:.14em .38em;font-size:.9em}.markdown-body pre{border:1px solid var(--border-default);margin:28px 0;padding:20px;overflow:auto;background:var(--surface-panel)!important}.markdown-body pre code{background:0 0;border:0;padding:0}.markdown-body blockquote{color:var(--text-primary);border-left:4px solid var(--accent-default);background:var(--surface-panel);margin:42px 0;padding:22px 26px;font-family:ui-serif,Georgia,serif;font-size:21px}.article-footer{color:var(--text-dim);letter-spacing:.12em;border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:62px;padding-top:20px;font-size:9px;display:flex}@media (width<=720px){.article-page__hero{min-height:380px;padding:40px 22px 34px}.article-page__hero h1{font-size:clamp(38px,12vw,58px)}.markdown-body{font-size:16px}.reading-drawer__scroll .article-page__body{grid-template-columns:1fr;padding:42px 22px 64px}.reading-drawer__scroll .article-page__code{grid-area:1/1}.reading-drawer__scroll .markdown-body>:first-child{grid-area:2/1;margin-top:20px}.reading-drawer__scroll .article-page__intro-rule{grid-area:3/1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}