:root{--color-ink: #1c1c1e;--color-mist: #e8eae9;--color-cloud: #ffffff;--color-green: #2fbf71;--color-paper: #ffffff;--color-page-bg: var(--color-mist);--color-content-bg: var(--color-mist);--color-content-text: var(--color-ink);--color-heading: var(--color-ink);--color-tile-bg: var(--color-cloud);--color-navbar-bg: color-mix(in srgb, var(--color-ink) 78%, transparent);--color-navbar-text: var(--color-paper);--color-navbar-muted: color-mix(in srgb, var(--color-paper) 52%, transparent);--color-navbar-line: color-mix(in srgb, var(--color-paper) 12%, transparent);--color-navbar-sheen: color-mix(in srgb, var(--color-paper) 10%, transparent);--color-navbar-shade: color-mix(in srgb, var(--color-ink) 14%, transparent);--color-card-bg: color-mix(in srgb, #0d0d0f 62%, transparent);--color-card-text: var(--color-paper);--color-card-muted: color-mix(in srgb, var(--color-paper) 52%, transparent);--color-card-line: color-mix(in srgb, var(--color-paper) 14%, transparent);--color-card-sheen: color-mix(in srgb, var(--color-paper) 16%, transparent);--color-card-shade: color-mix(in srgb, #000000 30%, transparent);--color-card-edge: color-mix(in srgb, var(--color-paper) 30%, transparent);--color-accent: var(--color-green);--color-on-accent: var(--color-paper);--color-accent-soft: color-mix(in srgb, var(--color-accent) 22%, transparent);--color-accent-faint: color-mix(in srgb, var(--color-accent) 12%, transparent);--color-accent-glow: color-mix(in srgb, var(--color-accent) 45%, transparent);--color-reader-bg: var(--color-mist);--color-reader-title: var(--color-ink);--color-reader-text: color-mix(in srgb, var(--color-ink) 90%, transparent);--color-muted: color-mix(in srgb, var(--color-ink) 50%, transparent);--color-line: color-mix(in srgb, var(--color-ink) 12%, transparent);--color-muted-on-dark: var(--color-navbar-muted);--color-line-on-dark: var(--color-navbar-line);--font-title: "Caesar Dressing", system-ui, cursive;--font-heading: "Oswald", system-ui, sans-serif;--font-body: "Crimson Pro", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.5rem;--text-3xl: 2.75rem;--text-4xl: 3.75rem;--text-5xl: 5rem;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 999px;--border-width: 1px;--app-padding: var(--space-5);--app-gap: var(--space-5);--navbar-width: 13rem;--content-reading-width: 48rem;--reader-toc-width: 11rem;--reader-max: min(94vw, 82rem);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-content-text);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);font-weight:600}.u-title{font-family:var(--font-title);font-weight:400;letter-spacing:.01em}.u-scroll{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.u-scroll::-webkit-scrollbar{width:8px}.u-scroll::-webkit-scrollbar-thumb{background-color:var(--color-line);border-radius:var(--radius-pill)}.u-scroll::-webkit-scrollbar-track{background:none}.section{display:flex;flex-direction:column;height:100%;background-color:var(--color-mist)}.section__head{flex-shrink:0}.section__body{flex:1;min-height:0;overflow-x:hidden;padding-right:var(--space-3)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:.45em;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:var(--text-xs);letter-spacing:.01em;padding:.3em .65em;color:var(--color-content-text);background-color:color-mix(in srgb,var(--color-ink) 4%,transparent);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-sm);white-space:nowrap;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.tag:before{content:"";width:.4em;height:.4em;border-radius:var(--radius-pill);background-color:var(--color-accent);flex-shrink:0}.tag:hover{border-color:var(--color-accent);background-color:var(--color-accent-faint)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}