.reading-page{width:100%;min-width:0;max-width:728px;color:var(--color-fg);margin-inline:auto;padding:48px 24px 24px}.reading-page-title,.reading-title-name{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:60px;font-weight:500;line-height:60px;display:block}.reading-page-description,.reading-title-description{max-width:64ch;color:var(--color-paragraph);letter-spacing:0;text-wrap:pretty;margin:16px 0 0;font-size:18px;font-weight:400;line-height:28px;display:block}.reading-meta{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:400;line-height:1.6}.reading-article{min-width:0}.reading-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.reading-control{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:.75rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,scale .2s ease-out;display:inline-flex}.reading-control svg{flex-shrink:0;width:15px;height:15px}.reading-control:has(>svg:first-child){padding-left:10px;padding-right:14px}.reading-control.reading-back{background:0 0;border-color:#0000;padding-left:0}.reading-article-header{margin-bottom:36px;scroll-margin-top:16px}.reading-article-title{margin-top:32px}.reading-article-meta{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:5px 16px;margin:24px 0 0;padding-top:18px;display:flex}.reading-article-meta a{text-decoration:underline;-webkit-text-decoration-color:var(--color-faint);text-decoration-color:var(--color-faint);text-underline-offset:3px}.reading-illustration{min-width:0;margin:0 0 36px}.reading-illustration img{border-radius:var(--radius-control);outline:1px solid var(--color-outline);outline-offset:-1px;width:100%;height:auto;display:block}.reading-illustration figcaption,.reading-prose figcaption{color:var(--color-muted);margin:12px 0 0;font-size:.8125rem;line-height:1.65}.reading-prose{overflow-wrap:anywhere;scroll-margin-top:16px}.reading-prose>:first-child{margin-top:0}.reading-prose :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:112px;position:relative}.reading-prose .legacy-heading-anchor{pointer-events:none;width:0;height:0;scroll-margin-top:112px;display:block;position:absolute;inset:0 auto auto 0}.reading-prose blockquote{border-left:2px solid var(--color-border);color:var(--color-muted);padding:3px 0 3px 20px}.reading-prose :is(img,video,iframe){border-radius:var(--radius-control);max-width:100%}.reading-prose pre{scrollbar-width:thin;scrollbar-color:var(--color-faint) transparent;max-width:100%;overflow-x:auto}.reading-prose .katex-display{padding-block:8px;overflow:auto hidden}.reading-prose .table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-faint) transparent;max-width:100%;margin-block:28px;overflow-x:auto}.reading-prose .table-scroll table{min-width:400px;margin:0}.reading-prose pre:has(.language-mermaid){color:#202020;outline:1px solid var(--color-outline);outline-offset:-1px;background:#fafafa;border:0;padding:20px 16px}.reading-prose .language-mermaid{color:inherit;font-family:var(--font-sans), sans-serif;background:0 0;display:block}.reading-prose .language-mermaid svg{max-width:100%;height:auto;margin-inline:auto;display:block}.article-diagram{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-fg);margin-block:36px;padding:24px 24px 20px;overflow:hidden}.article-diagram figcaption{margin:0}.article-diagram .diagram-kicker{color:var(--color-muted);margin:0 0 4px;font-size:.75rem;line-height:1.6}.article-diagram figcaption h3{letter-spacing:normal;margin:0;font-size:18px;font-weight:500;line-height:28px}.article-diagram svg{width:100%;height:auto;margin-top:8px;display:block;overflow:visible}.article-diagram .diagram-mobile{display:none}.diagram-connections{color:var(--color-faint)}.diagram-node rect{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1px}.diagram-node text{font-family:var(--font-sans), sans-serif;fill:var(--color-fg);font-size:16px}.diagram-layer-edge{opacity:.35}.article-diagram .diagram-note{color:var(--color-muted);margin:8px 0 0;font-size:.8125rem;line-height:1.65}.diagram-text{color:var(--color-muted);margin-top:12px;font-size:.75rem;line-height:1.65}.diagram-text summary{cursor:pointer;width:fit-content}.article-diagram .diagram-text p{margin:8px 0 0;font-size:.8125rem}.article-experiment{min-width:0;max-width:100%;margin-block:36px}.article-film{min-width:0;margin-block:36px}.article-film video{aspect-ratio:16/9;border-radius:var(--radius-control);outline:1px solid var(--color-outline);outline-offset:-1px;background:#101010;width:100%;height:auto;display:block}.reading-article-footer{border-top:1px solid var(--color-border);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:52px;padding-top:24px;font-size:.875rem;line-height:1.7;display:flex}.reading-article-footer a{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--color-faint);text-decoration-color:var(--color-faint);text-underline-offset:4px;align-items:center;display:inline-flex}.reading-toc{display:none}.library-filter{margin-top:32px;display:block}.library-filter input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-fg);padding:10px 14px;font-size:16px;line-height:24px}.library-filter input::placeholder{color:var(--color-faint)}.library-count{margin:12px 0 0}.reading-group{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:24px;margin-top:44px;display:grid}.reading-group-label{color:var(--color-muted);letter-spacing:normal;font-variant-numeric:tabular-nums;margin:0;padding-top:21px;font-size:1.1rem;font-weight:500;line-height:1.5;position:sticky;top:32px}.reading-entries{min-width:0;margin:0;padding:0;list-style:none}.reading-entries>li+li{border-top:1px solid var(--color-border)}.reading-entry{border-radius:var(--radius-control);margin-inline:-16px;padding:20px 16px;text-decoration:none;transition:background-color .15s;display:block}.reading-entry-title{color:var(--color-fg);letter-spacing:-.0125em;font-size:24px;font-weight:500;line-height:32px;display:block}.reading-entry-description{color:var(--color-paragraph);text-wrap:pretty;margin-top:6px;font-size:18px;font-weight:400;line-height:28px;display:block}.reading-entry-meta{flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;display:flex}.library-empty{color:var(--color-muted);margin-top:44px;font-size:18px;line-height:28px}.library-empty button{color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-faint);text-decoration-color:var(--color-faint);text-underline-offset:4px}@media (min-width:1200px){.reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:48px;max-width:996px;display:grid}.reading-toc{min-width:0;display:block}.reading-toc-nav{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;max-height:calc(100dvh - 64px);position:sticky;top:32px;overflow-y:auto}.reading-toc-nav h2{color:var(--color-fg);letter-spacing:0;margin:0 0 12px;padding-inline:12px;font-size:.75rem;font-weight:500;line-height:1.5}.reading-toc-nav ul{margin:0;padding:0;list-style:none}.reading-toc-nav li+li{margin-top:2px}.reading-toc-nav a{border-radius:var(--radius-control);min-height:36px;color:var(--color-muted);overflow-wrap:anywhere;align-items:center;padding:8px 12px;font-size:.75rem;line-height:1.55;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.reading-toc-nav li[data-level="3"] a{padding-left:24px}.reading-toc-nav a[aria-current=location]{color:var(--color-fg);background:var(--color-surface);text-decoration-line:underline}}@media (max-width:620px){.article-diagram{padding:20px 14px 18px}.article-diagram .diagram-desktop{display:none}.article-diagram .diagram-mobile{max-width:400px;margin-inline:auto;display:block}}@media (max-width:600px){.reading-page{padding-top:28px}.reading-page-title,.reading-title-name{font-size:36px;line-height:40px}.reading-article-title{margin-top:24px}.reading-group{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:32px}.reading-group-label{padding-top:0;position:static}.reading-entry{margin-inline:-10px;padding:18px 10px}}@media (hover:hover) and (pointer:fine){.reading-entry:hover{background:var(--color-surface)}.reading-control:hover{background:var(--color-surface-raised);color:var(--color-fg);border-color:var(--color-faint)}.reading-back:hover{background:0 0;border-color:#0000}.reading-toc-nav a:hover{color:var(--color-fg);background:var(--color-surface)}.reading-article-footer a:hover,.reading-article-meta a:hover,.library-empty button:hover{color:var(--color-fg);-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}}@media (prefers-reduced-motion:no-preference){.reading-control:active{scale:.98}}@media print{.reading-toolbar,.reading-toc,.reading-article-footer,.article-experiment,.article-film{display:none!important}.reading-layout{display:block}.article-diagram{-moz-column-break-inside:avoid;break-inside:avoid}}