section.scene{isolation:isolate;max-width:none;height:100svh;min-height:620px;max-height:1040px;margin:clamp(80px,10vw,140px) 0 0;padding:0;position:relative;overflow:hidden}section.scene:before,section.scene:after{content:"";z-index:3;pointer-events:none;position:absolute;left:0;right:0}section.scene:before{background:linear-gradient(var(--ink), #06151300);height:22%;top:0}section.scene:after{background:linear-gradient(#06151300, var(--ink));height:30%;bottom:0}.scene-stage{position:absolute}.scene-art{pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.scene-stage{background:#0a1a17}.screen{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.screen-glass{pointer-events:none;background:linear-gradient(115deg,#ffffff12 0%,#ffffff05 38%,#0000 39%),radial-gradient(120% 90% at 50% 120%,#ff9a4a1a,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 0 40px #0000008c,inset 0 0 0 1px #0009}.spill{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,#6ef0c247,#0000);border-radius:50%;width:44%;height:20%;animation:3.2s ease-in-out infinite spill;position:absolute;top:70%;left:46%}@keyframes spill{50%{opacity:.65}}.scene-mug{--x:41.5%;--y:55%}.scene-cigar{--x:89%;--y:81.5%}.scene-cigar i{width:18px;height:18px;top:-9px;left:-9px}.tg{color:#e6f4ef;font:400 19px/1.35 var(--sans);background:#0a1a17;flex-direction:column;display:flex;position:absolute;inset:0}.tg-top{background:#0f2a25;border-bottom:1px solid #6ef0c224;align-items:center;gap:14px;padding:14px 18px;display:flex}.tg-ava{color:#04201a;background:var(--mint);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.tg-title strong{font-size:20px;font-weight:650;display:block}.tg-title small{color:var(--muted);font-size:15px}.tg-title small.is-typing{color:var(--mint)}.tg-list{background:radial-gradient(90% 60% at 80% 0,#6ef0c20d,#0000 70%);flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:12px 16px;display:flex;overflow:hidden}.tg .b{background:#142c27;border-radius:16px 16px 16px 6px;align-self:flex-start;max-width:78%;padding:8px 14px 9px;animation:.3s cubic-bezier(.3,1.4,.5,1) both tgIn}.tg .b.first{margin-top:6px}.tg .b b{margin-bottom:1px;font-size:15px;font-weight:700;display:block}.tg .b.km{background:var(--mint);color:#04201a;border-radius:16px 16px 6px;align-self:flex-end;font-weight:600}.tg-x{color:var(--mint);opacity:.8;margin-left:8px;font-size:13px;font-weight:700;display:inline-block}.tg-x:hover{opacity:1;text-decoration:underline}.tg .b.chart{background:#0f2a25;border:1px solid #6ef0c24d;width:62%;padding:10px 12px}.tg .chart svg{width:100%;height:auto;display:block}.tg .chart .g{stroke:#ffffff14;fill:none}.tg .chart .l{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s cubic-bezier(.4,0,.2,1) .15s forwards draw}.tg .chart .l.b{stroke:var(--mint);filter:drop-shadow(0 0 5px #6ef0c2cc)}.tg .chart .l.t{stroke:var(--sun);opacity:.85}.tg .chart text{font:700 11px var(--sans);fill:var(--muted)}.tg-input{color:#8fb3a999;background:#0c211d;border-top:1px solid #6ef0c21f;align-items:center;gap:10px;padding:12px 18px;font-size:17px;display:flex}.tg-input span{flex:1}@keyframes tgIn{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes draw{to{stroke-dashoffset:0}}.scene-caption{z-index:4;left:var(--gutter);max-width:520px;position:absolute;bottom:clamp(40px,9vh,90px)}.scene-caption h2{text-shadow:0 4px 30px #0009;font-size:clamp(30px,4vw,54px)}@media (max-width:820px){section.scene{aspect-ratio:.5628;height:auto;min-height:0;max-height:none}.tg{font-size:15px}.tg-top{gap:10px;padding:10px 12px}.tg-ava{width:32px;height:32px;font-size:12px}.tg-title strong{font-size:15px}.tg-title small{font-size:12px}.tg-list{gap:5px;padding:8px 10px}.tg .b{padding:6px 10px 7px}.tg .b b{font-size:12px}.tg-x{font-size:11px}.tg-input{padding:9px 12px;font-size:13px}.scene-caption{bottom:28px;right:var(--gutter)}}