:root{--paper:#fff;--ink:#111112;--grey:#86868b;--faint:#efeef0;--v0:#b0154f;--v1:#e8336f;--v2:#ff9cbc;--glow:none;--card:#fff;--shadow:0 0 0 .5px #00000014,0 1px 3px #0000000d,0 18px 44px -14px #280a1942}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#07080b;--ink:#eef0f5;--grey:#7c8090;--faint:#161921;--v0:#3b2bd9;--v1:#ff4fa3;--v2:#27d8ff;--glow:drop-shadow(0 0 6px #ff4fa380);--card:#0f1117;--shadow:0 18px 50px -18px #000c,0 0 0 1px #1d212b;color-scheme:dark}}:root[data-theme=dark]{--paper:#07080b;--ink:#eef0f5;--grey:#7c8090;--faint:#161921;--card:#0f1117;--shadow:0 18px 50px -18px #000c,0 0 0 1px #1d212b;--v0:#3b2bd9;--v1:#ff4fa3;--v2:#27d8ff;--glow:drop-shadow(0 0 6px #ff4fa380);color-scheme:dark}body{background:var(--paper);color:var(--grey);font:400 17px/1.55 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));margin:0;transition:background-color .5s,color .5s}a{color:var(--ink);text-decoration:none;transition:color .15s}a:hover{color:var(--grey)}article{max-width:640px;margin:72px auto 0;position:relative}article>p:has(>img){margin:0 0 64px}article>p:has(>img) img{aspect-ratio:3/2;object-fit:cover;object-position:50% 30%;background:var(--faint);border-radius:16px;width:100%;height:auto;display:block}h1{font:500 15px/1.4 var(--sans);color:var(--ink);margin:0 0 28px}h2{font:500 15px/1.4 var(--sans);color:var(--ink);margin:80px 0 22px}p{letter-spacing:-.018em;text-wrap:pretty;color:color-mix(in srgb,var(--ink) 38%,var(--paper));margin:0 0 30px;font-size:26px;font-weight:450;line-height:1.4;transition:color .35s}p.on{color:var(--ink)}p a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--v1) 45%,transparent);text-underline-offset:4px;text-decoration-thickness:1.5px}p a:hover{color:var(--ink);text-decoration-color:var(--v1)}.mark{background:var(--ink);pointer-events:none;width:9px;height:9px;transition:transform .7s var(--ease-spring),background-color .5s ease;border-radius:50%;position:absolute;top:0;left:-56px}.edge{z-index:5;pointer-events:none;height:11vh;transition:opacity .6s var(--ease-fade);position:fixed;bottom:0;left:0;right:0}.edge span{backdrop-filter:blur(var(--b));-webkit-mask-image:linear-gradient(transparent var(--a),#000 var(--z));mask-image:linear-gradient(transparent var(--a),#000 var(--z));position:absolute;inset:0}.edge:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--paper) 85%,transparent));position:absolute;inset:0}.end .edge{opacity:0}.reader{z-index:10;opacity:0;pointer-events:none;transition:opacity .45s var(--ease-fade),transform .6s var(--ease-answer);align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.reader.show{opacity:1;pointer-events:auto;transform:none}.grid-btn{appearance:none;cursor:pointer;background:var(--card);width:46px;height:46px;box-shadow:var(--shadow);transition:transform .3s var(--ease-spring);border:0;border-radius:14px;place-items:center;display:grid}.grid-btn:hover{transform:translateY(-1px)}.grid-btn .cells{--c:6px;--g:2px}.tag{font:500 14px/1 var(--sans);color:var(--ink);background:var(--card);box-shadow:var(--shadow);white-space:nowrap;opacity:0;filter:blur(3px);transition:opacity .3s var(--ease-fade),transform .45s var(--ease-answer),filter .3s var(--ease-fade);border-radius:999px;padding:10px 14px;transform:translate(6px)}.reader.say .tag,.reader:hover .tag{opacity:1;filter:blur();transform:none}.reader.open .tag{opacity:0}.contents{background:var(--card);min-width:240px;box-shadow:var(--shadow);opacity:0;transform-origin:100% 100%;filter:blur(4px);pointer-events:none;transition:opacity .2s var(--ease-fade),transform .35s var(--ease-answer),filter .2s var(--ease-fade);border-radius:18px;padding:8px;position:absolute;bottom:58px;right:0;transform:translateY(6px)scale(.98)}.reader.open .contents{opacity:1;filter:blur();pointer-events:auto;transform:none}.contents a{color:var(--grey);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;transition:background-color .15s,color .15s;display:flex}.contents a:before{content:"";background:var(--v1);opacity:0;border-radius:50%;flex:none;width:6px;height:6px;transition:opacity .2s}.contents a:hover{background:var(--faint);color:var(--ink)}.contents a[aria-current=true]{color:var(--ink)}.contents a[aria-current=true]:before{opacity:1}.dock .reader{opacity:1;pointer-events:auto;border-left:1px solid var(--faint);gap:0;margin-left:-4px;padding-left:14px;position:static;transform:none}.dock .grid-btn{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:6px;padding:4px}.dock .grid-btn .cells{--c:4px;--g:2px}.dock .tag{display:none}.dock .contents{bottom:calc(100% + 12px);right:0}.dock .contents a{padding:10px 12px}.sign{margin:72px 0 0;padding-bottom:30vh}.sign .cells{--c:9px;--g:3px;cursor:default;margin-bottom:16px}.sign b{font:500 17px/1.4 var(--sans);color:var(--ink);display:block}.rise,article>h1,article>p:has(>img),article>p:nth-of-type(-n+4){animation:fade 1.2s var(--ease-fade) both,lift 1.1s var(--ease-arrive) both;animation-delay:calc(var(--i,0) * 90ms)}article>h1{--i:1}article>p:has(>img){--i:2}article>p:nth-of-type(2){--i:3}article>p:nth-of-type(3){--i:4}article>p:nth-of-type(4){--i:5}@keyframes fade{0%{opacity:0}}@keyframes lift{0%{filter:blur(6px);transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.rise,article>h1,article>p:has(>img),article>p{animation:none}.mark,p,body,.reader,.tag,.contents,.cells i{transition:none}}@media (width<=760px){.mark{width:6px;height:6px;left:-12px}}@media (width<=560px){p{font-size:21px}article{margin-top:48px}article>p:has(>img){margin-bottom:44px}}