html:has(body.ct-page),html:has(body.ct-page) body{overscroll-behavior:none;height:100%!important;overflow:hidden!important}body.ct-page .nav-wrap,body.ct-page .mt-bar,body.ct-page .nav-sides,body.ct-page #site-ambient,body.ct-page .hi-terminal-deco,body.ct-page .hi-aboutme-deco,body.ct-page .hi-stacks-trigger,body.ct-page .hi-bomb-deco,body.ct-page .caspar-interact-btn{display:none!important}.ct{z-index:var(--z-overlay,200);overscroll-behavior:contain;background:var(--bg);color:var(--text1);outline:none;position:fixed;inset:0;overflow:hidden auto}html:not([data-theme=light]) .ct{--bg:var(--shader-bg)}.ct-section{display:contents}.ct-frame{background:var(--bg);height:100svh;position:sticky;top:0}.ct-inner{position:absolute;inset:0;overflow:clip}.ct-img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1 - var(--p,0) * .06));will-change:transform;position:absolute;inset:0}.ct-veil{opacity:calc(var(--p,0) * .45);pointer-events:none;background:#000;position:absolute;inset:0}.ct-hold{pointer-events:none}.ct-grad{--ink:color-mix(in srgb, var(--bg) 88%, #000);opacity:0;pointer-events:none;position:absolute;inset:0}:root[data-theme=light] .ct-grad{--ink:var(--bg)}[data-image][data-side=left] .ct-grad,[data-image][data-side=right] .ct-grad{background:linear-gradient(var(--grad-dir), color-mix(in srgb, var(--ink) 92%, transparent) 0, color-mix(in srgb, var(--ink) 86%, transparent) calc(var(--veil,45vw) + 24px), color-mix(in srgb, var(--ink) 45%, transparent) calc(var(--veil,45vw) + 7vw), transparent calc(var(--veil,45vw) + 16vw))}[data-image][data-side=left] .ct-grad{--grad-dir:to right}[data-image][data-side=right] .ct-grad{--grad-dir:to left}[data-image][data-side=center] .ct-grad{background:radial-gradient(ellipse 60% 55% at 50% 50%, color-mix(in srgb, var(--ink) 82%, transparent) 0%, color-mix(in srgb, var(--ink) 55%, transparent) 60%, transparent 100%)}.ct-story{pointer-events:none;opacity:0;align-items:center;padding:0 clamp(24px,7vw,120px);display:flex;position:absolute;inset:0}.ct-frame:has(.ct-mascot) .ct-story{flex-direction:column;justify-content:center;gap:32px}.ct-mascot{line-height:0}.ct-frame:has(.ct-mascot) .ct-para{align-self:start}[data-side=left] .ct-story{justify-content:flex-start}[data-side=right] .ct-story{justify-content:flex-end}[data-side=center] .ct-story{justify-content:center}.ct-col{max-width:46ch;display:grid}[data-side=center] .ct-col{text-align:center;max-width:62ch}[data-side=center] .ct-para{text-wrap:balance}.ct-para{font-family:var(--font-tale), Georgia, serif;color:var(--text1);text-wrap:pretty;grid-area:1/1;align-self:center;margin:0;font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.7}.ct-w{display:inline-block}[data-image] .ct-para{text-shadow:0 1px 2px color-mix(in srgb, var(--ink,var(--bg)) 60%, transparent)}.ct-credit{bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:min(46ch,80vw);font-family:var(--font-mono);color:var(--text2);opacity:0;margin:0;font-size:11px;line-height:1.5;position:absolute}[data-side=left] .ct-credit,[data-side=center] .ct-credit{left:clamp(24px,7vw,120px)}[data-side=right] .ct-credit{text-align:right;right:clamp(24px,7vw,120px)}.ct-close,.ct-end-btn{background:color-mix(in srgb, var(--bg) 72%, transparent);backdrop-filter:blur(8px);color:var(--text1);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:8px 16px;font-size:12px;transition:background .2s}.ct-close:hover,.ct-end-btn:hover{background:color-mix(in srgb, var(--accent) 24%, var(--bg))}.ct-close:focus-visible,.ct-end-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ct-close{top:calc(clamp(16px, 3vh, 32px) + env(safe-area-inset-top,0px));z-index:30;position:fixed;right:clamp(16px,3vw,40px)}.ct-end{z-index:1;background:var(--bg);place-items:center;height:100svh;display:grid;position:relative}.ct-hint{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:25;color:var(--text2);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:11px;transition:opacity .5s;display:flex;position:fixed;transform:translate(-50%)}.ct-hint[data-visible]{opacity:1}.ct-hint svg{animation:2s ease-in-out infinite ct-bob}@keyframes ct-bob{50%{transform:translateY(4px)}}@media (max-width:640px){.ct-story{padding:calc(env(safe-area-inset-top,0px) + 96px) 24px max(64px, 10svh);align-items:flex-end}[data-side] .ct-story{justify-content:flex-start}[data-image][data-side=center] .ct-col{text-align:left}.ct-frame:not([data-image]) .ct-story{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px);justify-content:center;align-items:center}.ct-frame:not([data-image])[data-side=center] .ct-col{text-align:center}.ct-frame:has(.ct-mascot) .ct-story{flex-direction:column;gap:24px}.ct-col{max-width:100%}[data-image][data-side] .ct-grad{background:linear-gradient(to top, color-mix(in srgb, var(--ink) 94%, transparent) 0%, color-mix(in srgb, var(--ink) 86%, transparent) 42%, color-mix(in srgb, var(--ink) 40%, transparent) 62%, transparent 80%)}.ct-para{font-size:clamp(17px,2.4svh,20px);line-height:1.6}.ct-credit,[data-side] .ct-credit{left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom,0px));text-align:left}}@media (prefers-reduced-motion:reduce){.ct-img{transform:none}.ct-veil{opacity:0}.ct-hint svg{animation:none}}