:root,[data-side=a]{--bg:#f7f6f1;--ink:#141414;--dim:#6b6b66;--rule:#cfcdc3;--accent:#2338d6;--groove:#0000000d;--sheen:#00000003;--ring:#00000012}[data-side=b]{--bg:#121212;--ink:#f2f0e8;--dim:#8d8b84;--rule:#3a3a37;--accent:#ffb000;--groove:#ffffff0b;--sheen:#ffffff04;--ring:#ffffff0f}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.6}html:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%, var(--ring) 0 2px, transparent 2px calc(15vmin - .5px), var(--ring) calc(15vmin - .5px) calc(15vmin + .5px), transparent calc(15vmin + .5px)), conic-gradient(from 20deg at 50% 50%, transparent 0 30deg, var(--sheen) 55deg, transparent 80deg 200deg, var(--sheen) 235deg, transparent 260deg), repeating-radial-gradient(circle at 50% 50%, transparent 0 8px, var(--groove) 8px 9px);position:fixed;inset:0}body{max-width:70ch;margin:0 auto;padding:2rem 1.25rem 5rem;position:relative}a{color:var(--accent);text-underline-offset:.2em}a:hover{background:var(--accent);color:var(--bg);text-decoration:none}.back{margin-bottom:1rem;display:inline-block}@media (width>=800px){.back{white-space:nowrap;margin-bottom:0;position:absolute;top:2rem;right:calc(100% - 1.25rem + 3ch)}}header.top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:3rem;display:flex}header.top .name{color:var(--ink);font-weight:700;text-decoration:none}header.top .names{gap:1.5rem;display:flex}header.top .name:not([aria-current]){color:var(--dim);font-weight:400}header.top .name:not([aria-current]):hover{color:var(--ink);background:0 0}header.top nav{gap:1.25rem;display:flex}h1,h2{font-size:inherit;margin:0}h2{color:var(--dim);border-bottom:1px dashed var(--rule);margin-top:3rem;margin-bottom:.75rem;scroll-margin-top:1.5rem;font-weight:400}p{margin:0 0 1rem}main>h1+:is(ul.entries,div){margin-top:1rem}.dim{color:var(--dim)}ul.entries{margin:0;padding:0;list-style:none}ul.entries li{grid-template-columns:11ch 1fr auto;align-items:start;gap:0 1.5ch;padding:.2rem 0;display:grid}.date{color:var(--dim)}ul.entries .meta{color:var(--dim);display:block}ul.entries img.thumb{object-fit:cover;border:1px solid var(--rule);width:4.5rem;height:3.25rem}ul.entries li.research{padding-bottom:1rem}li.research .research-title{font-weight:700}li.research .research-body p{margin:.4rem 0 0}li.research .research-links{margin-top:.4rem}footer{color:var(--dim);margin-top:5rem}@view-transition{navigation:auto}::view-transition{background:#0b0b0b}::view-transition-old(root){mix-blend-mode:normal;animation:.26s ease-in both flip-out}::view-transition-new(root){mix-blend-mode:normal;animation:.26s ease-out .26s both flip-in}@keyframes flip-out{to{transform:perspective(1400px)rotateY(90deg)}}@keyframes flip-in{0%{transform:perspective(1400px)rotateY(-90deg)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}@media (width<=480px){ul.entries li{grid-template-columns:1fr auto}ul.entries .date{grid-column:1/-1}}button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0 .5ch;text-decoration:underline}button:hover:not(:disabled),button[aria-pressed=true]{background:var(--accent);color:var(--bg);text-decoration:none}button:disabled{color:var(--dim);cursor:default;text-decoration:none}input[type=range]{accent-color:var(--accent);vertical-align:middle;width:14ch}input[type=range]:disabled{opacity:.35;cursor:not-allowed}main ul{padding-left:2ch}blockquote{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 1rem;padding:.4rem 0}blockquote p{margin:0}pre{border-left:2px solid var(--rule);font:inherit;white-space:pre-wrap;margin:0 0 1rem;padding-left:1.5ch}.sec svg{background:var(--bg);border:1px dashed var(--rule);touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.sec{position:relative}.sec .controls{margin-top:.75rem}.sec .descs{margin-top:1rem}.sec .desc{animation:.22s ease-out pop}.sec .desc pre{font-size:.8em}.sec[data-active=naive] .desc[data-for=smart],.sec[data-active=smart] .desc[data-for=naive]{display:none}@keyframes pop{0%{opacity:0;transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.sec .desc{animation:none}}@media (width>=1380px){.sec .descs{border-left:1px dashed var(--rule);width:min(42ch,50vw - 50% - 3ch - 2rem);margin-top:0;padding-left:2ch;position:absolute;top:0;left:calc(100% + 3ch)}}.sec .bar{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.5ch;margin-bottom:.25rem;display:flex}.sec .bar>.dim:first-child{min-width:10ch}.sec circle.pt{fill:var(--ink);stroke:#0000;stroke-width:16px;pointer-events:all;cursor:grab}.sec circle.ring{fill:none;stroke:var(--accent);stroke-width:2px}.sec text{fill:var(--dim);pointer-events:none;font-family:inherit;font-size:14px}.sec text.hint{font-size:15px}footer .ring{gap:1ch;display:flex}footer .ring a{color:var(--dim)}details.player{margin-top:.25rem}details.player summary{cursor:pointer;color:var(--accent);list-style:none;display:inline-block}details.player summary::-webkit-details-marker{display:none}details.player summary:before{content:"▶ "}details.player[open] summary:before{content:"▼ "}details.player summary:hover{background:var(--accent);color:var(--bg)}details.player iframe,iframe.player-inline{border:0;max-width:100%;margin-top:.5rem;display:block}h2 a.section-link{color:inherit;text-decoration:none}h2 a.section-link:after{content:" →";opacity:0}h2 a.section-link:hover,h2 a.section-link:focus-visible{color:var(--ink);background:0 0}h2 a.section-link:hover:after,h2 a.section-link:focus-visible:after{opacity:1}details.more>summary{cursor:pointer;width:fit-content;color:var(--dim);margin:.25rem auto 0;list-style:none;display:block}details.more>summary::-webkit-details-marker{display:none}details.more>summary:hover{color:var(--ink)}details.more .closed:before{content:"+ "}details.more .opened:before{content:"− "}details.more .opened,details.more[open] .closed{display:none}details.more[open] .opened{display:inline}.lineup{display:block}ul.entries a.poster{border:1px solid var(--rule);width:9rem;line-height:0;display:block}ul.entries a.poster:hover{background:0 0}ul.entries a.poster img{width:100%;height:auto;display:block}@media (width<=480px){ul.entries a.poster{grid-column:2;width:min(9rem,100%);margin-top:.5rem}}article.night img{max-width:100%;height:auto;margin:0 0 1rem;display:block}article.night .poster-large{border:1px solid var(--rule);width:100%;margin-bottom:1rem;line-height:0;display:block}article.night .poster-large:hover{background:0 0}article.night .poster-large img{margin:0}.skills p{margin:0 0 .35rem}@media (width>=1000px){ul.entries li.has-poster{min-height:8.5rem;position:relative}ul.entries li.has-poster a.poster{grid-column:auto;width:auto;max-width:calc(50vw - 50% - 3ch - 1.25rem);height:calc(100% + 1.2rem);margin:0;position:absolute;top:-.6rem}ul.entries li.has-poster.poster-left a.poster{right:calc(100% + 3ch)}ul.entries li.has-poster.poster-right a.poster{left:calc(100% + 3ch)}ul.entries li.has-poster a.poster img{object-fit:contain;width:auto;max-width:100%;height:100%}}