:root{--accent:#cb8883;--accent-rgb:203,136,131;--secondary:#a76f7a}
.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ambient-canvas[data-renderer='animated-fallback']{background:repeating-linear-gradient(91deg,transparent 0 7px,#91343d22 8px 9px,#36395c16 10px 11px,transparent 12px 17px);background-size:180% 130%;animation:wall-drift 19s ease-in-out infinite alternate}
@keyframes wall-drift{from{background-position:0% 0%}to{background-position:100% 100%}}
.site-shell{position:relative;z-index:1}
.site-header{position:relative}
main{margin-bottom:150px}
::selection{background:var(--accent);color:#231f20}
a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:5px}
.wordmark,nav a{transition:color .25s ease}
.wordmark{display:inline-flex;align-items:baseline;gap:10px}
.wordmark-logo{display:block;width:32px;height:32px;flex:none;align-self:center;object-fit:contain}
nav a[aria-current='page']{color:var(--accent);text-decoration:underline;text-underline-offset:8px;text-decoration-color:rgba(var(--accent-rgb),.5)}
.entry-link:hover h2,.back-link:hover,.paper-link:hover,summary:hover{color:var(--accent)}
.page{text-shadow:0 1px 2px #231f20}
.about-page{position:relative;isolation:isolate}
.about-page::before{content:'';position:absolute;inset:-26px -30px;z-index:-1;pointer-events:none;background:rgba(35,31,32,.46);filter:blur(22px)}
@media(max-width:620px){.about-page::before{inset:-20px -12px}}
@media(min-width:960px) and (max-height:800px){.about-page::before{bottom:-20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

html{touch-action:manipulation}