.dtag{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(17,19,24,.06);color:var(--soft)}
.bg-ink .dtag{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.v{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111;border:0;padding:0;cursor:pointer}
.v img,.v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v video{opacity:0;transition:opacity .25s}.v.live video{opacity:1}
.v .snd{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;border:0;cursor:pointer}
.v .snd svg{width:18px;height:18px}.v .snd .on{display:none}.v.sound .snd .on{display:block}.v.sound .snd .off{display:none}
.v .pl{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:999px;background:rgba(255,255,255,.88);display:grid;place-items:center;transition:opacity .2s}
.v .pl svg{width:20px;height:20px;margin-left:3px;color:#111}.v.on .pl{opacity:0}
.cap{margin-top:16px}
.cap .mono{font-size:11px;letter-spacing:.14em;display:block}
.cap p{margin-top:6px;font-size:16px;line-height:1.45;color:var(--soft)}
.v.w{aspect-ratio:16/9}
.v .snd span{display:none}
.vd .v .snd{width:auto;padding:0 14px 0 12px;gap:6px;display:flex;align-items:center;font:600 14px var(--sans)}.vd .v .snd span{display:inline}
.vt{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px!important}
.dtag.ia{background:rgba(43,63,255,.08);color:var(--klein)}
.vrail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100vw - 2*var(--pad) - 16px)/1.6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:clamp(32px,4vw,48px) calc(-1*var(--pad)) 0;padding:0 var(--pad) 8px;scroll-padding-inline:var(--pad)}
.vrail::-webkit-scrollbar{display:none}.vrail li{scroll-snap-align:start;min-width:0}
@media (min-width:861px){
 .vrail{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin-inline:0;padding:0;gap:24px}
}
.ia{display:grid;grid-template-columns:minmax(0,1fr) min(320px,70vw);gap:clamp(40px,6vw,96px);align-items:center}.ia .lede{margin-top:24px}
.ia .v{border-radius:24px;box-shadow:0 40px 80px -40px rgba(17,19,24,.5)}@media (max-width:860px){.ia{grid-template-columns:1fr}.ia-v{justify-self:center;width:min(280px,72vw)}}
.ah{padding-block:clamp(56px,7vw,112px) clamp(96px,11vw,160px)}
.ah h1{max-width:13ch;margin:16px auto 0}
.ah .lede{margin:24px auto 0;max-width:30em}
.ah .chat{margin:clamp(40px,5vw,64px) auto 0;max-width:440px;text-align:left}
.ah .cap{margin:16px auto 0;max-width:34em;color:var(--muted)}
.say{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center}
.say+.say{margin-top:clamp(96px,11vw,160px)}
.say h2{max-width:13ch}
.say>div>p{margin-top:20px;color:var(--soft);font-size:clamp(19px,1.7vw,24px);line-height:1.4;max-width:22em}
.bub{display:flex;flex-direction:column;gap:14px}
.bub .m{font-size:clamp(17px,1.5vw,21px);max-width:88%;padding:16px 20px;border-radius:22px;white-space:normal;margin:0}
.bub .m.b{border-bottom-left-radius:6px;box-shadow:0 30px 60px -40px rgba(17,19,24,.35)}
.bub .m.u{border-bottom-right-radius:6px}
.bub .who{font:500 12px var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;align-self:flex-end}
@media (max-width:860px){.say{grid-template-columns:minmax(0,1fr)}}
.non3{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;gap:clamp(20px,2.4vw,32px)}
.non3 li{font-size:clamp(22px,2.4vw,34px);line-height:1.2;letter-spacing:-.02em;font-weight:600;max-width:30ch}
.non3 li span{display:block;font-weight:400;font-size:clamp(17px,1.5vw,20px);letter-spacing:0;color:var(--soft);margin-top:6px}
.pz2{margin-top:clamp(40px,5vw,64px);color:var(--muted);font-size:15px}.pz-go{margin-top:10px}
.chat{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;height:560px;max-height:78vh;box-shadow:0 1px 0 rgba(17,19,24,.03),0 18px 40px -24px rgba(17,19,24,.25)}
.chat .top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.chat .av{width:36px;height:36px;border-radius:50%;background:#2B2420;color:#F4EFE7;display:grid;place-items:center;font:400 italic 19px var(--serif);flex:none}
.chat .who b{display:block;font-size:15px}
.chat .who span{font-size:13px;color:var(--muted)}
.chat .log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.m{max-width:85%;padding:10px 13px;border-radius:14px;font-size:15px;line-height:1.45;white-space:pre-line}
.m.b{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.m.u{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.m.b a{font-weight:600}
.m.t{color:var(--muted);font-size:20px;letter-spacing:2px;padding:4px 13px}
.qchips{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 0;scrollbar-width:none}
.qchips::-webkit-scrollbar{display:none}
.qchips button{flex:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-size:14px;cursor:pointer;min-height:38px}
.qchips button:hover{border-color:var(--ink)}
.chat form{display:flex;gap:8px;padding:10px 12px 12px}
.chat input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--card);font-size:16px}
.chat input:focus{outline:2px solid var(--klein);outline-offset:0;border-color:transparent}
.chat form button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:0 16px;font-weight:600;cursor:pointer;min-height:44px}
.chat .foot{font-size:12.5px;color:var(--muted);padding:0 14px 12px}
.chat.hey{animation:hey 1.2s ease}@keyframes hey{0%,100%{box-shadow:0 18px 40px -24px rgba(17,19,24,.25)}30%{box-shadow:0 0 0 4px rgba(43,63,255,.35),0 18px 40px -24px rgba(17,19,24,.25)}}
[data-try] svg{color:currentColor!important}
.ah .act{justify-content:center;margin-top:28px}.ah .chat{scroll-margin-top:96px}
.own{margin:20px auto 0;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.own .lnk,.end .lnk,.pz-go .lnk{display:inline-flex;align-items:center;gap:8px;font-weight:600;min-height:44px}.own .lnk svg,.end .lnk svg,.pz-go .lnk svg{width:18px;height:18px;color:#25D366}.own .micro{color:var(--muted)}
.end .act{align-items:center;gap:20px}.end .lnk.inv{color:#fff;text-decoration:underline;text-underline-offset:4px}
