.blog-interaction-scene{--interaction-ink:var(--reading-ink,#eaf2f4);--interaction-soft:var(--reading-soft,#e1edf0bd);--interaction-faint:var(--reading-faint,#e1edf07a);--interaction-accent:var(--reading-accent,#9ab9c1);--interaction-accent-rgb:var(--reading-accent-rgb,108 139 151);--interaction-wash:rgb(var(--interaction-accent-rgb) / 13%);--interaction-field:#ffffff1a;width:min(72rem,100%);color:var(--interaction-ink);isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1.25rem,3vw,2.6rem);margin:clamp(4rem,9vw,8rem) auto 0;padding:clamp(2rem,4.5vw,4.5rem) clamp(1.1rem,5vw,5rem);display:grid;position:relative}.blog-interaction-heading{justify-content:space-between;align-items:flex-end;gap:clamp(1.25rem,4vw,4rem);display:flex}.blog-interaction-heading h2{color:var(--interaction-ink);font:400 clamp(1.6rem, 3.2vw, 3rem)/1.1 var(--font-display);letter-spacing:.075em;text-wrap:balance;margin:0}.blog-interaction-heading nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.blog-interaction-heading button,.blog-dialogue-stepper button,.blog-dialogue-actions button,.blog-dialogue-actions a{color:var(--interaction-soft);font:600 .72rem/1.2 var(--font-sans);letter-spacing:.075em;cursor:pointer;background:#030a0ff5;border:0;border-radius:.14rem;text-decoration:none}.blog-interaction-heading button{text-align:left;white-space:nowrap;min-height:2.75rem;padding:.65rem 1rem .65rem 1.8rem;position:relative}.blog-interaction-heading button:before{color:var(--interaction-accent);content:"›";opacity:0;transition:opacity .14s,transform .18s cubic-bezier(.22,1,.36,1);position:absolute;left:.75rem;transform:translate(-.25rem)}.blog-interaction-heading button[aria-selected=true]{color:var(--interaction-ink);background:radial-gradient(ellipse at center, var(--interaction-wash), transparent 78%);text-shadow:0 0 1.15rem rgb(var(--interaction-accent-rgb) / 28%)}.blog-interaction-heading button[aria-selected=true]:before{opacity:1;transform:none}.blog-interaction-panel{min-width:0;animation:.18s cubic-bezier(.22,1,.36,1) both blog-scene-arrive}.blog-interaction-panel[hidden]{display:none!important}.blog-interaction-prompt{background:radial-gradient(ellipse at 58% 0%, rgb(var(--interaction-accent-rgb) / 12%), transparent 48%), color-mix(in srgb, var(--interaction-field) 72%, transparent);grid-template-columns:minmax(5rem,8rem) minmax(0,1fr);align-items:start;gap:.7rem clamp(1.25rem,3vw,2.8rem);min-height:7.2rem;padding:clamp(1.25rem,2.5vw,2rem) clamp(1.2rem,3.5vw,3rem);display:grid}.blog-interaction-prompt span,.blog-dialogue-speaker{color:var(--interaction-accent);font:600 .72rem/1.45 var(--font-sans);letter-spacing:.13em}.blog-interaction-prompt p{max-width:58rem;color:var(--interaction-ink);font:400 clamp(.98rem, 1.5vw, 1.16rem)/1.8 var(--font-display);letter-spacing:.025em;text-wrap:pretty;margin:0}.blog-comment-panel,.blog-friends-panel{grid-template-columns:minmax(15rem,.72fr) minmax(26rem,1.35fr);align-items:start;gap:clamp(1.8rem,5vw,5.5rem);display:grid}.blog-friends-panel{grid-template-rows:auto auto}.blog-friends-panel .blog-published-friends{grid-column:1/-1}.blog-dialogue-memory{min-width:0;min-height:13rem;padding:clamp(.5rem,2vw,1.5rem) 0;position:relative}.blog-dialogue-speaker{margin:0}.blog-dialogue-memory blockquote{max-width:42rem;min-height:4.1em;color:var(--interaction-ink);font:400 clamp(1rem, 1.8vw, 1.28rem)/1.82 var(--font-display);letter-spacing:.018em;quotes:none;text-wrap:pretty;white-space:pre-wrap;background:0 0;border:0;margin:.9rem 0 0;padding:0}.blog-dialogue-meta{color:var(--interaction-faint);font:500 .66rem/1.4 var(--font-sans);letter-spacing:.07em;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:1rem 0 0;display:flex}.blog-dialogue-meta a{color:var(--interaction-accent);font-weight:650;text-decoration:none}.blog-dialogue-stepper{gap:.35rem;margin-top:1.2rem;display:flex}.blog-dialogue-stepper button{min-height:2.35rem;padding:.45rem .7rem}.blog-dialogue-stepper button:disabled{opacity:.2;cursor:default}.blog-dialogue-composer{background:0 0;grid-template-columns:minmax(9rem,.34fr) minmax(0,1fr);gap:.72rem 1rem;min-width:0;padding:clamp(.35rem,1.4vw,1rem) 0;display:grid}.blog-friends-panel .blog-dialogue-composer{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-scene-question{color:var(--interaction-ink);font:400 clamp(1.05rem, 1.8vw, 1.3rem)/1.5 var(--font-display);letter-spacing:.035em;grid-column:1/-1;margin:0 0 .25rem}.blog-dialogue-composer label,.blog-rss-subscribe label{align-content:start;gap:.45rem;min-width:0;display:grid}.blog-dialogue-composer label>span,.blog-rss-subscribe label>span{color:var(--interaction-faint);font:600 .63rem/1.2 var(--font-sans);letter-spacing:.1em}.blog-comment-panel .blog-dialogue-line{grid-area:2/2/span 2}.blog-friends-panel .blog-dialogue-line{grid-column:1/-1}.blog-dialogue-composer input,.blog-dialogue-composer textarea,.blog-rss-subscribe input{width:100%;min-width:0;color:var(--interaction-ink);background:var(--interaction-field);caret-color:var(--interaction-accent);border:0;border-radius:.16rem;outline:0}.blog-dialogue-composer input,.blog-rss-subscribe input{min-height:2.75rem;font:500 .82rem/1.4 var(--font-sans);padding:.6rem .78rem}.blog-dialogue-composer textarea{resize:vertical;min-height:6.9rem;font:400 .96rem/1.65 var(--font-display);padding:.75rem .82rem}.blog-dialogue-composer :is(input,textarea):focus-visible,.blog-rss-subscribe input:focus-visible{background:color-mix(in srgb, var(--interaction-field) 72%, var(--interaction-accent) 9%);box-shadow:inset 0 0 0 2px rgb(var(--interaction-accent-rgb) / 48%)}.blog-dialogue-local-note,.blog-dialogue-feedback{color:var(--interaction-faint);font:500 .66rem/1.55 var(--font-sans);margin:0}.blog-comment-panel .blog-dialogue-local-note,.blog-comment-panel .blog-dialogue-feedback,.blog-friends-panel .blog-dialogue-local-note,.blog-friends-panel .blog-dialogue-feedback{grid-column:1}.blog-dialogue-feedback{min-height:1em;color:var(--interaction-accent)}.blog-dialogue-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:.35rem;margin-top:.15rem;display:flex}.blog-dialogue-actions button,.blog-dialogue-actions a{text-align:center;place-items:center;min-height:2.65rem;padding:.58rem .9rem;display:inline-grid}.blog-dialogue-actions .is-primary,.blog-dialogue-actions button[type=submit]{color:var(--interaction-ink);background:var(--interaction-wash)}.blog-rss-panel{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.72fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.blog-rss-feed h3,.blog-published-friends h3{color:var(--interaction-soft);font:500 .75rem/1.3 var(--font-sans);letter-spacing:.1em;margin:0 0 1rem}.blog-rss-feed ol,.blog-published-friends ul{gap:.14rem;margin:0;padding:0;list-style:none;display:grid}.blog-rss-feed a,.blog-published-friends a{min-height:3.8rem;color:var(--interaction-soft);background:0 0;align-items:center;gap:.3rem .8rem;padding:.5rem .7rem .5rem .4rem;text-decoration:none;display:grid}.blog-rss-feed a{grid-template-columns:1rem minmax(0,1fr) auto}.blog-published-friends ul{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-published-friends a{grid-template-columns:1rem minmax(0,1fr)}.blog-choice-cursor{color:var(--interaction-accent);opacity:.34;transition:opacity .14s,transform .18s cubic-bezier(.22,1,.36,1);transform:translate(-.15rem)}.blog-choice-copy,.blog-published-friends a>span:last-child{gap:.15rem;min-width:0;display:grid}.blog-rss-feed strong,.blog-published-friends strong{color:var(--interaction-ink);font:400 clamp(.92rem, 1.4vw, 1.06rem)/1.35 var(--font-display);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-rss-feed small,.blog-published-friends small{color:var(--interaction-faint);font:500 .67rem/1.4 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-rss-feed time{color:var(--interaction-faint);font:italic 400 .68rem/1.35 var(--font-latin,Baskerville, serif);letter-spacing:.035em}.blog-rss-subscribe{align-content:end;gap:.7rem;padding-bottom:.35rem;display:grid}.blog-rss-subscribe>p,.blog-scene-empty{color:var(--interaction-faint);font:500 .7rem/1.65 var(--font-sans);margin:0}.blog-rss-subscribe .blog-scene-question{color:var(--interaction-ink);font:400 clamp(1rem, 1.6vw, 1.22rem)/1.5 var(--font-display)}.blog-interaction-scene :is(button,a):focus-visible{outline:2px solid rgb(var(--interaction-accent-rgb) / 66%);outline-offset:2px}dialog.blog-interaction-modal{color:#eaf2f4;background:0 0;border:0;width:100vw;max-width:none;max-height:min(84svh,48rem);margin:auto 0 0;padding:0;position:fixed;inset:auto 0 0;overflow:auto}dialog.blog-interaction-modal::backdrop{backdrop-filter:blur(5px);background:linear-gradient(#02070b33,#02070bc7)}section.blog-interaction-scene.is-bridge{--interaction-ink:#edf4f5;--interaction-soft:#e4eff1c2;--interaction-faint:#dfedf07a;--interaction-accent:#a4c1c8;--interaction-accent-rgb:164 193 200;--interaction-field:#e5f1f412;width:100%;max-width:none;min-height:min(70svh,40rem);padding:clamp(1.5rem, 3.5vw, 3rem) max(clamp(1.2rem, 6vw, 7rem), env(safe-area-inset-right)) max(clamp(1.3rem, 4vw, 3rem), env(safe-area-inset-bottom)) max(clamp(1.2rem, 6vw, 7rem), env(safe-area-inset-left));background:radial-gradient(62% 55% at 72% 32%,#97bcc51c,#0000 66%),linear-gradient(96deg,#0c1b24fa,#050f16fa);margin:0;box-shadow:0 -2rem 6rem #0000006b}section.blog-interaction-scene.is-bridge .blog-interaction-heading nav{display:none}section.blog-interaction-scene.is-bridge .blog-interaction-heading h2{font-size:clamp(1.45rem,2.6vw,2.3rem)}section.blog-interaction-scene.is-connect{--interaction-ink:#edf5f6;--interaction-soft:#e7f1f3c7;--interaction-faint:#e1eef180;--interaction-accent:#b3d1d7;--interaction-accent-rgb:179 209 215;--interaction-field:#e1f0f314;z-index:2;background:0 0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.8vh,2.3rem);width:100vw;max-width:none;height:100svh;margin:0;padding:clamp(1.5rem,4.5vw,4.5rem) clamp(1.2rem,6vw,7rem) 0;overflow:hidden}section.blog-interaction-scene.is-connect:before{display:none}section.blog-interaction-scene.is-connect .blog-interaction-heading{z-index:3;grid-area:1/1;padding:0;display:flex;position:relative}section.blog-interaction-scene.is-connect .blog-interaction-heading h2{text-shadow:0 .3rem 1.4rem #00000042;font-size:clamp(1.7rem,3.2vw,3.35rem)}section.blog-interaction-scene.is-connect .blog-interaction-heading nav{justify-content:flex-end;margin:0;display:flex}section.blog-interaction-scene.is-connect .blog-interaction-heading button{text-align:left;min-width:auto;padding:.65rem 1rem .65rem 1.8rem}section.blog-interaction-scene.is-connect .blog-interaction-heading button:before{display:block}section.blog-interaction-scene.is-connect .blog-interaction-panel{z-index:2;scrollbar-width:thin;scrollbar-color:#accdd457 transparent;grid-area:2/1;align-self:stretch;min-height:0;margin:0;padding:0;overflow:hidden auto}section.blog-interaction-scene.is-connect .blog-interaction-prompt{z-index:3;width:calc(100% + clamp(2.4rem,12vw,14rem));min-height:clamp(7.5rem,18svh,10.5rem);padding:clamp(1.25rem, 2.8vh, 2rem) max(clamp(3rem, 10vw, 11rem), env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(clamp(3rem, 10vw, 11rem), env(safe-area-inset-left));background:radial-gradient(at 60% 0,#a4c7cf21,#0000 44%),linear-gradient(90deg,#051017f7,#07141cf0 62%,#040c12fa);grid-area:3/1;margin-left:calc(-1*clamp(1.2rem,6vw,7rem));position:relative;box-shadow:0 -1.3rem 4rem #00000038}section.blog-interaction-scene.is-connect .blog-rss-panel{grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr)}section.blog-interaction-scene.is-connect .blog-dialogue-composer{box-shadow:none;background:0 0;padding:.35rem 0}section.blog-interaction-scene.is-connect .blog-dialogue-composer input,section.blog-interaction-scene.is-connect .blog-dialogue-composer textarea,section.blog-interaction-scene.is-connect .blog-rss-subscribe input{background:#e0eff214}@media (hover:hover) and (pointer:fine){.blog-interaction-heading button:hover,.blog-dialogue-stepper button:not(:disabled):hover,.blog-dialogue-actions :is(button,a):hover,.blog-dialogue-meta a:hover{color:var(--interaction-ink)}.blog-rss-feed a:hover,.blog-published-friends a:hover{color:var(--interaction-ink);background:radial-gradient(ellipse at 42% 50%, var(--interaction-wash), transparent 72%)}.blog-rss-feed a:hover .blog-choice-cursor,.blog-published-friends a:hover .blog-choice-cursor{opacity:1;transform:none}.blog-dialogue-actions .is-primary:hover,.blog-dialogue-actions button[type=submit]:hover{background:rgb(var(--interaction-accent-rgb) / 20%)}}@media (width<=52rem),(height<=38rem){.blog-interaction-scene{gap:1.2rem;padding-inline:1.15rem}.blog-interaction-heading{align-items:start;gap:.85rem;display:grid}.blog-interaction-heading nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.blog-interaction-heading button{min-height:2.45rem;padding-block:.5rem}.blog-comment-panel,.blog-friends-panel,.blog-rss-panel{grid-template-columns:minmax(0,1fr);gap:1.2rem}.blog-dialogue-memory{min-height:8rem;padding-block:.25rem}.blog-dialogue-memory blockquote{min-height:2.6em}.blog-dialogue-composer,.blog-friends-panel .blog-dialogue-composer{grid-template-columns:minmax(8rem,.34fr) minmax(0,1fr)}.blog-friends-panel .blog-dialogue-line{grid-column:1/-1}.blog-friends-panel .blog-dialogue-local-note,.blog-friends-panel .blog-dialogue-feedback{grid-column:1}.blog-published-friends ul{grid-template-columns:minmax(0,1fr)}.blog-rss-subscribe{padding-bottom:.5rem}.blog-interaction-prompt{grid-template-columns:minmax(4rem,6rem) minmax(0,1fr);min-height:6.5rem}section.blog-interaction-scene.is-connect{height:100svh;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) 1.1rem 0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden}section.blog-interaction-scene.is-connect .blog-interaction-heading{gap:.8rem;padding:0 3.2rem 0 0;display:grid}section.blog-interaction-scene.is-connect .blog-interaction-heading nav{justify-content:flex-start}section.blog-interaction-scene.is-connect .blog-interaction-panel{margin:0;padding:0 0 1rem;overflow-y:auto}section.blog-interaction-scene.is-connect .blog-interaction-prompt{width:calc(100% + 2.2rem);padding:1.05rem max(1.2rem, env(safe-area-inset-right)) max(1.15rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));margin-left:-1.1rem}}@media (width<=35rem){.blog-dialogue-composer,.blog-friends-panel .blog-dialogue-composer{grid-template-columns:minmax(0,1fr)}.blog-comment-panel .blog-dialogue-line,.blog-comment-panel .blog-dialogue-local-note,.blog-comment-panel .blog-dialogue-feedback,.blog-friends-panel .blog-dialogue-line,.blog-friends-panel .blog-dialogue-local-note,.blog-friends-panel .blog-dialogue-feedback{grid-area:auto/1}.blog-dialogue-actions{justify-content:stretch}.blog-dialogue-actions :is(button,a){flex:auto}.blog-rss-feed a{grid-template-columns:1rem minmax(0,1fr)}.blog-rss-feed time{grid-column:2}.blog-interaction-prompt{grid-template-columns:1fr;gap:.35rem}dialog.blog-interaction-modal{max-height:100svh}section.blog-interaction-scene.is-bridge{min-height:100svh;padding-top:max(1.1rem, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.blog-interaction-panel{animation:none}.blog-interaction-heading button:before,.blog-choice-cursor{transition:none}}@keyframes blog-scene-arrive{0%{opacity:0;transform:translateY(.4rem)}}.prose .reading-inline-link,.prose .reading-term{color:color-mix(in srgb, var(--reading-accent) 88%, var(--reading-ink) 12%);background:rgb(var(--reading-accent-rgb) / 10%);font:inherit;font-weight:650;line-height:inherit;box-decoration-break:clone;border:0;border-radius:.16em;margin:0 .08em;padding:.08em .26em;text-decoration:none;display:inline}.prose .reading-term{color:var(--reading-ink);cursor:help}.prose .reading-term:after{color:var(--reading-accent);content:"·";margin-inline-start:.18em;font-weight:800}.prose .reading-inline-link[data-reading-external=true]:after{content:"↗";font-family:var(--font-sans);margin-inline-start:.22em;font-size:.7em}.prose :is(.reading-inline-link,.reading-term):focus-visible{outline:2px solid rgb(var(--reading-accent-rgb) / 58%);outline-offset:.16em}dialog.reading-term-dialog{color:#edf4f5;background:0 0;border:0;width:100vw;max-width:none;margin:auto 0 0;padding:0;position:fixed;inset:auto 0 0;overflow:visible}dialog.reading-term-dialog::backdrop{backdrop-filter:blur(4px);background:linear-gradient(#040b1033,#040b10ad)}.reading-term-dialog form{min-height:clamp(13rem,28svh,19rem);padding:clamp(1.5rem, 4vw, 3.5rem) max(clamp(1.25rem, 7vw, 8rem), env(safe-area-inset-right)) max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-bottom)) max(clamp(1.25rem, 7vw, 8rem), env(safe-area-inset-left));background:radial-gradient(at 62% 42%,#84a9b41f,#0000 52%),#071219f7;grid-template-columns:minmax(8rem,13rem) minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,4vw,4rem);display:grid;box-shadow:0 -2rem 6rem #00000061}.reading-term-heading{gap:.65rem;margin:0;display:grid}.reading-term-heading small,.reading-term-copy>span{color:#dfedf070;font:600 .58rem/1 var(--font-sans);letter-spacing:.18em}.reading-term-heading strong{color:#eef5f6;font:400 clamp(1.35rem, 2.7vw, 2.25rem)/1.25 var(--font-display);letter-spacing:.08em}.reading-term-copy p{color:#ecf4f5e0;max-width:48rem;font:400 clamp(.98rem, 1.7vw, 1.2rem)/1.85 var(--font-display);text-wrap:pretty;margin:.8rem 0 0}.reading-term-dialog button{color:#e9f3f5c2;min-height:2.7rem;font:600 .65rem/1 var(--font-sans);letter-spacing:.1em;white-space:nowrap;background:#8bb1bb24;border:0;padding:.55rem 1rem}.reading-term-dialog button:focus-visible{outline-offset:2px;outline:2px solid #a4c1c8ad}@media (width<=40rem){.reading-term-dialog form{grid-template-columns:1fr;gap:1.2rem}.reading-term-dialog button{justify-self:stretch}}