.chat{gap:18px;margin-top:26px;display:grid}.chat-sky{--lantern-near:240px;--lantern-mid:190px;--lantern-far:150px;--night:#090a1a;border-radius:var(--r-card);isolation:isolate;color:#fff;background:radial-gradient(90% 56% at 50% 104%,#ff96526b,#0000 70%),radial-gradient(46% 44% at 84% 14%,#8496ff33,#0000 72%),linear-gradient(#060818 0%,#0c1130 34%,#1a1946 62%,#33224f 84%,#52304f 100%);height:clamp(440px,64vh,620px);position:relative;overflow:hidden}.chat-sky.is-medium{--lantern-near:220px;--lantern-mid:180px;--lantern-far:140px}.chat-sky.is-narrow{--lantern-near:188px;--lantern-mid:148px;--lantern-far:112px}.chat-sky-back,.chat-sky-lanterns{position:absolute;inset:0}.chat-sky-stars{fill:#fff;width:100%;height:100%;position:absolute;inset:0}.chat-sky-stars .is-twinkling{animation:4.2s ease-in-out infinite chat-twinkle}@keyframes chat-twinkle{50%{opacity:.15}}.chat-sky-moon{aspect-ratio:1;background:radial-gradient(circle at 36% 34%,#fffdf2 0%,#f8ecc4 55%,#e6d093 100%);border-radius:50%;width:clamp(48px,7vw,84px);position:absolute;top:11%;right:10%;box-shadow:0 0 50px 12px #fff0be38,0 0 150px 60px #d2d7ff1f}.chat-sky-hills,.chat-sky-ridge{width:100%;display:block;position:absolute;left:0}.chat-sky-hills{height:clamp(120px,19vw,220px);bottom:0}.chat-sky-hill-far{fill:url(#chat-hill-far)}.chat-sky-hill-mid{fill:url(#chat-hill-mid)}.chat-sky-ridge{z-index:4;height:clamp(76px,12.2vw,140px);bottom:-1px}.chat-sky-ridge-line{fill:var(--night)}.chat-sky-figure{fill:var(--night);stroke:#ffb26480;stroke-width:.9px;stroke-linejoin:round}.chat-sky-tail{fill:none;stroke:var(--night);stroke-width:3.4px;stroke-linecap:round}.chat-sky-embers span{background:radial-gradient(circle,#ffeec9 0%,#ffb463 60%,#ff964600 75%);border-radius:50%;animation:linear infinite chat-ember;position:absolute;bottom:9%;box-shadow:0 0 10px 2px #ffa44e80}@keyframes chat-ember{0%{opacity:0;transform:translate(0)}10%{opacity:.85}80%{opacity:.5}to{transform:translate(var(--drift), -620px);opacity:0}}.chat-sky-head{z-index:6;justify-content:space-between;align-items:flex-start;gap:16px;min-height:20%;padding:20px 22px;display:flex;position:absolute;inset:0 0 auto}.chat-sky-title{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:1.3rem;font-weight:600}.chat-sky-hint{color:#ffffffa3;margin:2px 0 0;font-size:.88rem}.chat-sky-toggle{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:background .14s;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.chat-sky-toggle:hover{background:#ffffff38}.chat-sky-toggle svg{stroke-width:2.2px;width:17px;height:17px}.chat-sky-empty{z-index:5;color:#ffffffb3;text-align:center;place-items:center;margin:0;padding:0 32px;font-size:.98rem;display:grid;position:absolute;inset:0}.chat-sky-lanterns{-webkit-mask-image:linear-gradient(#0000 13%,#000 44%);mask-image:linear-gradient(#0000 13%,#000 44%)}.chat-lantern{z-index:3;width:var(--lantern-near);text-align:left;cursor:pointer;will-change:transform;transition:opacity .26s,filter .26s;animation:.9s both chat-lantern-in;position:absolute;top:0;left:0}@keyframes chat-lantern-in{0%{opacity:0}}.chat-lantern-body{color:#43210a;background:repeating-linear-gradient(90deg,#96480a12 0 1px,#0000 1px 30px),radial-gradient(135% 105% at 50% 110%,#fff8df 0%,#ffe4a8 30%,#ffc179 64%,#f29a4d 100%);border-radius:26px 26px 14px 14px;padding:15px 16px 18px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffeec48c,inset 0 -3px #96480a38,0 0 30px 2px #ffa0487a,0 0 100px 18px #ff8c3233}.chat-lantern-body:after{content:"";filter:blur(1.5px);pointer-events:none;background:radial-gradient(closest-side,#fffbe6 0%,#ffc46ce6 45%,#ff963c00 100%);border-radius:50%;width:38%;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.chat-lantern-text{font-family:var(--display);overflow-wrap:anywhere;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:.95rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.chat-lantern.is-d1{z-index:2;width:var(--lantern-mid);opacity:.9;filter:saturate(.92)brightness(.93)}.chat-lantern.is-d1 .chat-lantern-body{border-radius:18px 18px 12px 12px;padding:11px 13px 15px}.chat-lantern.is-d1 .chat-lantern-text{font-size:.84rem}.chat-lantern.is-d2{z-index:1;width:var(--lantern-far);opacity:.5;filter:saturate(.75)brightness(.8)blur(.7px)}.chat-lantern.is-d2:hover .chat-lantern-body,.chat-lantern.is-d2:focus-visible .chat-lantern-body{transform:scale(1.3)}.chat-lantern.is-d2 .chat-lantern-body{border-radius:15px 15px 10px 10px;padding:9px 11px 13px;box-shadow:inset 0 0 0 1px #ffeec480,0 0 22px 2px #ffa0486b}.chat-lantern.is-d2 .chat-lantern-text{-webkit-line-clamp:4;line-clamp:4;font-size:.74rem}.is-narrow .chat-lantern .chat-lantern-text{font-size:.88rem}.is-narrow .chat-lantern.is-d1 .chat-lantern-text{font-size:.78rem}.is-narrow .chat-lantern.is-d2 .chat-lantern-text{font-size:.7rem}.chat-sky-lanterns:has(.chat-lantern:hover) .chat-lantern:not(:hover){opacity:.32}.chat-lantern:hover,.chat-lantern:focus-visible{z-index:5;opacity:1;filter:none;outline:none}.chat-lantern:hover .chat-lantern-body,.chat-lantern:focus-visible .chat-lantern-body{transform:scale(1.06);box-shadow:inset 0 0 0 1px #fff4d6cc,0 0 40px 6px #ffb05ab3,0 0 130px 30px #ff963c52}.chat-lantern:focus-visible .chat-lantern-body{outline-offset:3px;outline:2px solid #fff}.chat-lantern.is-copied .chat-lantern-body{animation:.7s ease-out chat-flare}@keyframes chat-flare{30%{filter:brightness(1.25);transform:scale(1.1)}}.chat-lantern-tick{color:#ffe4a8;background:#43210a;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #ffd595}.chat-lantern-tick svg{stroke-width:3px;width:12px;height:12px}.chat-burst{z-index:8;pointer-events:none;position:absolute}.chat-plus{font-family:var(--display);font-size:calc(1.5rem * var(--scale));color:#fff3cf;text-shadow:0 0 6px #ffbe6e,0 0 22px #ff963cf2,0 2px #6e2c0073;white-space:nowrap;opacity:0;animation:chat-plus 1.3s cubic-bezier(.2, .7, .3, 1) var(--delay) forwards;font-weight:700;position:absolute;top:0;left:0}@keyframes chat-plus{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}14%{opacity:1;transform:translate(calc(-50% + var(--dx) * .5), -110%) scale(1.15)}65%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -170px) scale(1)}}@media (max-width:600px){.chat-sky{height:470px}.chat-sky-head{padding:16px}.chat-sky-title{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.chat-sky-stars .is-twinkling,.chat-sky-embers span,.chat-lantern,.chat-lantern.is-copied .chat-lantern-body{animation:none}.chat-sky-embers span{opacity:.6;transform:translateY(var(--rest))}.chat-lantern,.chat-lantern-body,.chat-sky-toggle{transition:none}.chat-plus{animation:chat-plus-still 1.3s linear var(--delay) forwards}}@keyframes chat-plus-still{0%,to{opacity:0;transform:translate(calc(-50% + var(--dx)), -60px)}20%,70%{opacity:1;transform:translate(calc(-50% + var(--dx)), -60px)}}.chat-current{border-radius:var(--r-card);background:var(--card);gap:14px;padding:22px 24px;display:grid}.chat-current-label{color:var(--mist);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.chat-current-text{font-family:var(--display);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:500;line-height:1.45}.chat-current-text,.chat-current-meta{animation:.32s both chat-arrive}@keyframes chat-arrive{0%{opacity:0;transform:translateY(6px)}}.chat-current-empty{color:var(--mist);font-family:var(--display);margin:0;font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.45}.chat-current-meta{color:var(--mist);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;font-size:.86rem;display:flex}.chat-tag{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.chat-count.is-long{color:var(--accent-ink)}.chat-current-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-current .pill:not(.pill-dark){background:var(--card-2)}.chat-current .pill:not(.pill-dark):hover:not(:disabled){background:var(--line)}.chat-current .pill:disabled{opacity:.45}.chat-star.is-on{color:var(--accent-ink)}.chat-star.is-on svg{fill:var(--accent);stroke:var(--accent)}.chat-make{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;display:flex}.chat-kinds{flex-wrap:wrap;gap:6px;display:flex}.chat-kind{background:var(--card-2);height:32px;color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.84rem;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.chat-kind:hover{background:var(--line);color:var(--ink)}.chat-kind.is-on{background:var(--accent-soft);color:var(--accent-ink)}.chat-kind svg{stroke-width:2.2px;width:13px;height:13px}.chat-kind-count{color:var(--mist);font-variant-numeric:tabular-nums;font-size:.76rem}.chat-kind.is-on .chat-kind-count{color:inherit;opacity:.75}.chat-library{gap:14px;margin-top:6px;display:grid}.chat-library-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-library-head h2{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:600}.chat-library-head .search{width:190px}.chat-filters .chat-kind{background:var(--card)}.chat-filters .chat-kind:hover{background:var(--card-2)}.chat-filters .chat-kind.is-on{background:var(--hero);color:var(--hero-ink)}.chat-filters{flex-wrap:wrap;gap:6px;display:flex}.chat-empty,.chat-note{color:var(--mist);margin:0;font-size:.9rem}.chat-empty{border-radius:var(--r-card);background:var(--card);text-align:center;padding:28px 20px}.chat-cards{columns:280px 3;column-gap:12px;margin:0;padding:0;list-style:none}.chat-card{break-inside:avoid;border-radius:var(--r-card);background:var(--card);margin-bottom:12px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.chat-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.chat-card-text{border-radius:var(--r-card) var(--r-card) 0 0;color:var(--ink);text-align:left;overflow-wrap:anywhere;cursor:pointer;padding:16px 18px 6px;font-size:.98rem;line-height:1.55}.chat-card-foot{color:var(--mist);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:4px 8px 8px 18px;font-size:.78rem;display:flex}.chat-card-tag{color:var(--ink-soft);font-weight:600}.chat-card-tools{gap:2px;margin-left:auto;display:flex}.chat-card-tool{width:34px;height:34px;color:var(--mist);background:0 0}.chat-card-tool:hover:not(:disabled){background:var(--card-2);color:var(--ink)}.chat-card-tool svg{width:15px;height:15px}.chat-card-tool.is-on{color:var(--accent-ink)}.chat-card-tool.is-on svg{fill:var(--accent);stroke:var(--accent)}.chat-card.is-copied .chat-card-copy{background:var(--ok-soft);color:var(--ok)}.chat-card.is-copied .chat-card-copy svg{stroke-width:2.8px;animation:.26s ease-out chat-tick}@keyframes chat-tick{0%{transform:scale(.3)}}@media (max-width:600px){.chat-current{padding:18px 16px}.chat-library-head .search-pill{flex:100%}.chat-library-head .search{flex:1;width:auto}.chat-filters{scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px;padding:0 14px;overflow-x:auto}.chat-filters::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.chat-kind,.chat-card{transition:none}.chat-card:hover{transform:none}.chat-current-text,.chat-current-meta,.chat-card.is-copied .chat-card-copy svg{animation:none}}