.communication-scene{isolation:isolate;background:radial-gradient(58% 78% at 72% 43%,#89aeb92e,#0000 68%),linear-gradient(90deg,#050e147a,#050e1414 54%,#040a0f57),url(/assets/lonely-sea/night.webp) 50%/cover;min-height:100svh;position:relative;overflow:hidden}.communication-scene:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#03080c2e,#0000 46%,#03080cb8),radial-gradient(at 12% 20%,#bcd5db14,#0000 48%);position:absolute;inset:0}.communication-return{z-index:20;left:max(2rem, env(safe-area-inset-left));bottom:max(1.25rem, env(safe-area-inset-bottom));color:#e8f1f3b8;min-height:2.75rem;font:600 .65rem/1 var(--font-sans);letter-spacing:.18em;padding:.65rem 0 .65rem 1.9rem;text-decoration:none;transition:color .2s,text-shadow .2s;position:absolute}.communication-return:before{content:"";background:currentColor;width:1.2rem;height:1px;transition:width .24s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.communication-return:after{content:"";border-bottom:1px solid;border-left:1px solid;width:.52rem;height:.52rem;position:absolute;top:calc(50% - .28rem);left:0;transform:rotate(45deg)}.communication-return:hover,.communication-return:focus-visible{color:#f2f8f9;text-shadow:0 0 .8rem #b7d9df6b}.communication-return:hover:before,.communication-return:focus-visible:before{width:1.9rem}.communication-return:focus-visible{text-underline-offset:.45em;outline:0;text-decoration:underline 1px}.blog-interaction-scene.is-connect{--interaction-ink:#edf5f6;--interaction-soft:#e7f1f3c2;--interaction-faint:#e1eef185;--interaction-accent:#b3d1d7;--interaction-field:#05101770;--interaction-focus:#9dc2ca26;z-index:2;isolation:isolate;background:0 0;grid-template-rows:auto minmax(0,1fr) minmax(9rem,21svh);grid-template-columns:minmax(0,62vw) minmax(0,1fr);gap:0;width:100vw;height:100svh;margin:0;padding:clamp(1.5rem,4.5vw,5rem) clamp(1.5rem,5vw,6rem) 0;display:grid;position:relative;overflow:hidden}.blog-interaction-scene.is-connect:before{display:none}.is-connect .blog-connect-figure{z-index:-1;pointer-events:none;width:min(43vw,43rem);height:82svh;position:absolute;bottom:15svh;right:clamp(-4rem,-3vw,0rem)}.is-connect .blog-connect-figure img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2rem 2.8rem #0000004d);visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.is-connect[data-active-view=rss] [data-connect-figure=rss],.is-connect[data-active-view=comments] [data-connect-figure=comments],.is-connect[data-active-view=friends] [data-connect-figure=friends]{visibility:visible}.is-connect .blog-interaction-heading{z-index:5;grid-area:1/1;justify-content:space-between;align-items:end;gap:2rem;padding-right:clamp(1rem,5vw,5rem);display:flex;position:relative}.is-connect .blog-interaction-heading strong{font:400 clamp(1.7rem, 3.2vw, 3.4rem)/1.05 var(--font-display);letter-spacing:.08em;text-shadow:0 .3rem 1.4rem #00000047}.is-connect .blog-interaction-heading nav{gap:.4rem;margin:0;display:flex}.is-connect .blog-interaction-heading button{color:#e4f0f29e;text-align:center;min-width:5.2rem;padding:.65rem .8rem}.is-connect .blog-interaction-heading button:before{display:none}.is-connect .blog-interaction-heading button[aria-selected=true]{color:#f2f7f8;text-shadow:0 0 1rem #b7d9df6b;background:radial-gradient(#aacfd62e,#0000 74%)}.is-connect .blog-interaction-panel{z-index:3;scrollbar-width:thin;scrollbar-color:#accdd45c transparent;grid-area:2/1;align-self:stretch;min-height:0;margin-top:clamp(1rem,3vh,2.4rem);padding-right:clamp(1rem,5vw,5rem);overflow:hidden auto}.is-connect .blog-interaction-panel[hidden]{display:none}.is-connect .blog-interaction-prompt{z-index:8;width:calc(100% + clamp(3rem,10vw,12rem));min-height:100%;padding:1.5rem max(clamp(5rem, 12vw, 14rem), env(safe-area-inset-right)) max(1.4rem, env(safe-area-inset-bottom)) max(clamp(5rem, 12vw, 14rem), env(safe-area-inset-left));background:radial-gradient(at 58% 22%,#96bbc421,#0000 46%),linear-gradient(90deg,#051017f5,#07141ceb 62%,#040c12f7);grid-area:3/1/auto/-1;grid-template-columns:minmax(6rem,9rem) minmax(0,1fr);align-content:center;gap:.9rem 2rem;margin-left:calc(-1*clamp(1.5rem,5vw,6rem));display:grid;position:relative;box-shadow:0 -1.5rem 4.5rem #0000003d}.is-connect .blog-interaction-prompt span{color:#d2e6ea;font:500 .78rem/1.5 var(--font-latin);letter-spacing:.18em;align-self:start}.is-connect .blog-interaction-prompt p{color:#f3f8f9e0;max-width:58rem;font:400 clamp(.95rem, 1.45vw, 1.22rem)/1.85 var(--font-display);letter-spacing:.035em}.is-connect .blog-dialogue-memory{min-height:clamp(6.5rem,14vh,9rem);padding:1rem .25rem}.is-connect .blog-dialogue-memory blockquote{font-size:clamp(.95rem,1.35vw,1.2rem)}.is-connect .blog-dialogue-composer{box-shadow:none;background:0 0;padding:clamp(.8rem,1.8vw,1.35rem)}.is-connect .blog-dialogue-composer input,.is-connect .blog-dialogue-composer textarea,.is-connect .blog-rss-subscribe input{background:#e0eff214}.is-connect .blog-dialogue-actions button[type=submit],.is-connect .blog-dialogue-actions [data-rss-copy]{color:#f2f7f8;background:#a3c7cf29}.is-connect .blog-rss-feed a,.is-connect .blog-published-friends a{border:0}.is-connect .blog-rss-feed a:focus-visible,.is-connect .blog-published-friends a:focus-visible{background:var(--interaction-focus)}.is-connect :is(button,a):focus-visible{color:#fff;text-shadow:0 0 1rem #bedce17a;background:radial-gradient(#b0d3d933,#0000 78%);outline:0}.is-connect .blog-rss-panel{grid-template-columns:minmax(0,1fr);align-content:start}.is-connect .blog-rss-subscribe{order:-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:.75rem .8rem 0}.is-connect .blog-rss-subscribe label,.is-connect .blog-rss-subscribe>p{grid-column:1}.is-connect .blog-rss-subscribe .blog-dialogue-actions{grid-area:1/2/span 2;align-self:end}@media (width<=70rem){.blog-interaction-scene.is-connect{grid-template-columns:minmax(0,74vw) minmax(0,1fr)}.is-connect .blog-connect-figure{opacity:.62;right:-9vw}.is-connect .blog-interaction-panel,.is-connect .blog-interaction-heading{padding-right:3vw}}@media (width<=50rem),(height<=38rem){.communication-scene{overflow:auto}.communication-return{top:max(.7rem, env(safe-area-inset-top));right:max(.7rem, env(safe-area-inset-right));bottom:auto;left:auto}.blog-interaction-scene.is-connect{height:auto;min-height:100svh;padding:max(1.2rem, env(safe-area-inset-top)) 1.1rem 0;grid-template-rows:auto minmax(22rem,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:visible}.is-connect .blog-connect-figure{display:none}.is-connect .blog-interaction-heading{gap:1rem;padding:0 3.2rem 0 0;display:grid}.is-connect .blog-interaction-heading nav{justify-content:start}.is-connect .blog-interaction-heading button{min-width:4.4rem;padding-inline:.55rem}.is-connect .blog-interaction-panel{margin-top:1rem;padding:0 0 1.2rem;overflow:visible}.is-connect .blog-interaction-prompt{width:calc(100% + 2.2rem);padding:1.25rem max(1.2rem, env(safe-area-inset-right)) max(1.4rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));margin-left:-1.1rem}.is-connect .blog-rss-panel,.is-connect .blog-interaction-panel,.is-connect .blog-dialogue-composer{grid-template-columns:minmax(0,1fr)}.is-connect .blog-dialogue-line,.is-connect .blog-dialogue-local-note,.is-connect .blog-dialogue-feedback,.is-connect .blog-dialogue-actions{grid-area:auto/1}.is-connect .blog-dialogue-actions{flex-wrap:wrap}}@media (width<=32rem){.is-connect .blog-interaction-prompt{grid-template-columns:1fr;gap:.45rem}.is-connect .blog-rss-feed a{grid-template-columns:1fr}.is-connect .blog-rss-feed time{grid-row:auto}.is-connect .blog-rss-subscribe{grid-template-columns:minmax(0,1fr)}.is-connect .blog-rss-subscribe .blog-dialogue-actions{grid-area:auto/1;justify-content:start}}@media (prefers-reduced-motion:reduce){.communication-return,.communication-return:before{transition:none}.is-connect *,.is-connect :before,.is-connect :after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}
