:root{color-scheme:light dark;--reader-background: #f7f6f3;--reader-paper: #fff;--reader-label: #20201f;--reader-secondary: #77736c;--reader-separator: rgba(40, 38, 34, .14);--reader-link: #1d5f9d;--visual-viewport-bottom: 0px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--reader-background: #191918;--reader-paper: #222221;--reader-label: #eceae5;--reader-secondary: #aaa69e;--reader-separator: rgba(255, 255, 255, .13);--reader-link: #79b8f3}}:root[data-theme=dark]{--reader-background: #191918;--reader-paper: #222221;--reader-label: #eceae5;--reader-secondary: #aaa69e;--reader-separator: rgba(255, 255, 255, .13);--reader-link: #79b8f3}*{box-sizing:border-box}html{background:var(--reader-background)}body{margin:0;color:var(--reader-label);background:var(--reader-background)}.vvbt-reader{width:min(100% - 32px,780px);margin:0 auto;padding:clamp(52px,8vw,108px) 0 96px}.letter-header{margin-bottom:clamp(42px,7vw,72px)}.project-title{margin-bottom:12px;color:var(--reader-secondary);font-size:13px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.letter-title{margin:0;font-family:ui-serif,Georgia,serif;font-size:clamp(34px,6vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.025em}.letter-content{display:grid;gap:0}.letter-fragment{margin:0 -18px;padding:23px 18px 22px;border-radius:16px;outline:none;transition:background-color .15s ease,box-shadow .15s ease}.letter-fragment:focus-visible{background:color-mix(in srgb,var(--reader-label) 5%,transparent)}.letter-fragment:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--reader-link) 32%,transparent)}.letter-fragment.is-tapped{animation:fragment-pulse 1.8s ease-out}@media(hover:hover){.letter-fragment:hover{background:color-mix(in srgb,var(--reader-label) 5%,transparent)}}.fragment-text{white-space:pre-wrap;font-family:ui-serif,Georgia,serif;font-size:clamp(19px,2.5vw,23px);line-height:1.62;hanging-punctuation:first last}.letter-image{margin:44px auto}.letter-image.size-small{width:min(100%,440px)}.letter-image.size-medium{width:min(100%,640px)}.letter-image.size-large{width:100%}.letter-image img{display:block;width:100%;height:auto;border-radius:3px}.image-caption{margin-top:11px;color:var(--reader-secondary);font-size:13px;line-height:1.45}.image-missing,.reader-state{padding:24px;border:1px solid var(--reader-separator);background:var(--reader-paper);color:var(--reader-secondary)}.reader-error{color:#b42318}.reader-loader{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:var(--reader-background);color:var(--reader-secondary);font-size:14px;letter-spacing:.01em}.loader-spinner{width:24px;height:24px;border:2px solid color-mix(in srgb,var(--reader-label) 13%,transparent);border-top-color:var(--reader-secondary);border-radius:50%;animation:loader-spin .8s linear infinite}.theme-toggle{position:fixed;z-index:40;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--reader-label) 12%,transparent);border-radius:50%;background:color-mix(in srgb,var(--reader-paper) 76%,transparent);box-shadow:0 5px 20px #0000001a;color:var(--reader-label);cursor:pointer;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);transition:background-color .14s ease,transform .14s ease}.theme-toggle:hover{background:color-mix(in srgb,var(--reader-paper) 90%,transparent)}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--reader-link) 38%,transparent);outline-offset:2px}.theme-glyph{font-size:21px;line-height:1;transform:translateY(-1px)}.metadata-dock{position:fixed;z-index:20;left:50%;bottom:calc(18px + max(env(safe-area-inset-bottom,0px),var(--visual-viewport-bottom, 0px)));bottom:calc(18px + max(env(safe-area-inset-bottom,0px),var(--visual-viewport-bottom, 0px),calc(100vh - 100svh)));display:flex;align-items:center;width:max-content;max-width:min(680px,calc(100vw - 36px));min-height:48px;padding:11px 18px;border:1px solid color-mix(in srgb,var(--reader-label) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--reader-paper) 78%,transparent);box-shadow:0 10px 35px #00000029,0 2px 8px #00000014;color:var(--reader-label);transform:translate(-50%);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);animation:dock-appear .15s ease-out}.metadata-dock[hidden]{display:none}.metadata-text{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis}.publication-sources{margin-top:clamp(58px,9vw,96px);padding-top:32px;border-top:1px solid var(--reader-separator)}.sources-title{margin:0 0 20px;font-size:13px;font-weight:650;letter-spacing:.055em;text-transform:uppercase}.sources-list{display:grid;gap:10px;margin:0;padding-left:24px;color:var(--reader-secondary);font-size:14px;line-height:1.5}.source-item{padding-left:5px}@keyframes dock-appear{0%{opacity:0;transform:translate(-50%,7px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes fragment-pulse{0%{background:color-mix(in srgb,var(--reader-link) 12%,transparent)}70%{background:color-mix(in srgb,var(--reader-link) 7%,transparent)}to{background:transparent}}@media(max-width:600px){.vvbt-reader{width:min(100% - 36px,780px);padding-top:42px}.letter-fragment{margin:0 -10px;padding:19px 10px 18px;border-radius:13px}.letter-image{margin:32px calc((100vw - 100%)/-2 + 18px)}.letter-image.size-small{width:min(100%,440px);margin-left:auto;margin-right:auto}.metadata-dock{bottom:calc(14px + max(env(safe-area-inset-bottom,0px),var(--visual-viewport-bottom, 0px)));bottom:calc(14px + max(env(safe-area-inset-bottom,0px),var(--visual-viewport-bottom, 0px),calc(100vh - 100svh)));max-width:calc(100vw - 24px);min-height:50px;padding-left:16px;padding-right:16px}.metadata-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.publication-sources{margin-top:58px;padding-top:26px}}@media(prefers-reduced-motion:reduce){.letter-fragment,.metadata-dock,.loader-spinner,.theme-toggle{transition:none;animation:none}}