.chat-page{z-index:0;position:relative}.chat-page:before{content:"";z-index:-1;pointer-events:none;background:url(/chat-doodle.webp) 0 0/700px;position:fixed;inset:0}[data-theme=dark] .chat-page:before{opacity:.3}[data-theme=light] .chat-page:before{opacity:.22}.chat-page:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(80% 45% at 50% -5%, color-mix(in srgb, var(--signature) 9%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--signature) 8%, transparent) 1.5px, transparent 1.5px), linear-gradient(90deg, color-mix(in srgb, var(--signature) 8%, transparent) 1.5px, transparent 1.5px);background-repeat:no-repeat,repeat,repeat;background-size:100% 100%,72px 72px,72px 72px;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.chat-page:before{animation:140s linear infinite doodle-drift}}@keyframes doodle-drift{to{background-position:700px 700px}}[data-theme=dark] .chat-page .msg.in .m-bubble,[data-theme=dark] .chat-page .m-card,[data-theme=dark] .chat-page .m-media{box-shadow:0 0 0 1px #ffffff12,0 8px 22px #0006}.chat-page .thread{flex-direction:column;gap:9px;max-width:760px;margin:0 auto;padding:24px 16px 150px;display:flex}.chat-page .day{text-align:center;margin:4px 0 20px}.chat-page .day span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);background:var(--surface);border:1px solid var(--stroke);border-radius:999px;padding:4px 14px;font-size:.72rem}.chat-page .msg{scroll-margin-bottom:150px;display:flex}.chat-page .msg.in{justify-content:flex-start}.chat-page .msg.out{justify-content:flex-end}.chat-page .m-bubble{max-width:min(82%,520px);padding:11px 15px;font-size:.98rem;line-height:1.55;position:relative}.chat-page .msg.in .m-bubble{background:var(--surface);box-shadow:0 0 0 1px var(--stroke), 0 2px 5px #1017130f;border-radius:18px 18px 18px 6px}.chat-page .msg.out .m-bubble{background:linear-gradient(135deg, var(--signature), var(--signature-deep));color:var(--on-signature);border-radius:18px 18px 6px;box-shadow:0 2px 6px #1017131f}.chat-page .m-bubble:before{content:"";background:inherit;width:9px;height:11px;position:absolute;bottom:0}.chat-page .msg.in .m-bubble:before{clip-path:polygon(100% 0,100% 100%,0 100%);left:-5px}.chat-page .msg.out .m-bubble:before{clip-path:polygon(0 0,0 100%,100% 100%);right:-5px}.chat-page .m-bubble h1{margin:0 0 8px;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:700;line-height:1.15}.chat-page .m-bubble h1 .grad,.chat-page .m-card h1 .grad{color:var(--signature)}.chat-page .m-bubble .sub,.chat-page .m-card .sub{color:var(--muted);font-size:.9rem}.chat-page .m-bubble p{margin:0}.chat-page .m-bubble b{font-weight:650}.chat-page .m-time{float:right;font-family:var(--font-mono);color:var(--muted);margin:14px -4px -4px 10px;font-size:.62rem}.chat-page .msg.out .m-time{color:inherit;opacity:.7}.chat-page .m-card{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;width:min(480px,88%);padding:22px;box-shadow:0 3px 10px #1017130f}.chat-page .m-card h1{margin:0 0 8px;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:700;line-height:1.15}.chat-page .m-card h3{margin:0 0 6px;font-size:1.15rem}.chat-page .m-card p{color:var(--muted);margin:0 0 16px;font-size:.92rem}.chat-page .m-card p:last-child{margin-bottom:0}.chat-page .m-card .cta-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.chat-page .m-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signature);font-size:.62rem;font-weight:600;margin:0 0 10px!important}.chat-page .m-list{flex-direction:column;gap:13px;margin-top:8px;display:flex}.chat-page .m-li{align-items:flex-start;gap:12px;display:flex}.chat-page .m-li .ico{background:color-mix(in srgb, var(--signature) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--signature) 28%, var(--stroke));border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;display:flex}.chat-page .m-li b{margin-bottom:1px;font-size:.9rem;line-height:1.3;display:block}.chat-page .m-li small{color:var(--muted);font-size:.79rem;line-height:1.45;display:block}.chat-page .m-media{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;width:min(420px,86%);padding:5px;box-shadow:0 2px 7px #10171312}.chat-page .m-media .frame{border-width:1px;border-radius:11px}.chat-page .m-media .cap{color:var(--muted);padding:8px 12px 7px;font-size:.8rem}.chat-page .m-acc{border-top:1px solid var(--stroke);margin-top:12px}.chat-page .m-acc details{border-bottom:1px solid var(--stroke)}.chat-page .m-acc summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:.88rem;font-weight:600;list-style:none;display:flex}.chat-page .m-acc summary::-webkit-details-marker{display:none}.chat-page .m-acc summary:hover{color:var(--signature)}.chat-page .m-acc .chev{color:var(--signature);flex:none;font-size:1.15rem;font-style:normal;font-weight:700;line-height:1;transition:transform .2s}.chat-page .m-acc details[open] .chev{transform:rotate(90deg)}.chat-page .m-acc .a{color:var(--muted);padding:0 2px 14px;font-size:.85rem;line-height:1.55}.chat-page .m-acc .a a{color:var(--signature);font-weight:600}.chat-page .m-link{border:1px solid var(--signature);color:var(--signature);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.chat-page .m-link:hover{background:var(--signature);color:var(--on-signature)}.chat-page .t-typing{gap:4px;padding:13px 15px;display:inline-flex}.chat-page .t-typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s infinite blink;display:inline-block}.chat-page .t-typing i:nth-child(2){animation-delay:.15s}.chat-page .t-typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-page .m-chips{flex-wrap:wrap;gap:12px;display:flex}.chat-page .m-chips .mchip{background:var(--surface-2);border:1px solid var(--stroke);border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 8px;font-size:.85rem;font-weight:600;display:flex}.chat-page .mchip i{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-style:normal;font-weight:700;display:flex}.chat-page .composer{z-index:40;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--stroke);animation:.55s cubic-bezier(.2,.8,.3,1) .35s both comp-in;position:fixed;bottom:0;left:0;right:0}@keyframes comp-in{0%{opacity:0;transform:translateY(14px)}}.chat-page .c-sugg{scrollbar-width:none;opacity:0;gap:9px;max-width:760px;margin:0 auto 10px;padding:2px 2px 4px;transition:opacity .35s,transform .35s;display:flex;overflow-x:auto;transform:translateY(8px)}.chat-page .c-sugg::-webkit-scrollbar{display:none}.chat-page .c-sugg.on{opacity:1;transform:none}.chat-page .c-sugg button{white-space:nowrap;border:1px solid var(--signature);color:var(--signature);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,opacity .2s;position:relative;overflow:hidden}.chat-page .c-sugg button:hover{background:var(--signature);color:var(--on-signature)}.chat-page .c-sugg button.used{opacity:.45;pointer-events:none;border-style:dashed}.chat-page .c-sugg button.used:before{content:"✓ "}.chat-page .c-sugg button:after{content:"";background:var(--signature);width:0;height:2.5px;position:absolute;bottom:0;left:0}.chat-page .c-sugg button.arming{background:color-mix(in srgb, var(--signature) 10%, var(--surface))}.chat-page .c-sugg button.arming:after{animation:4.5s linear forwards arm-fill}@keyframes arm-fill{to{width:100%}}.chat-page .c-box{align-items:center;gap:10px;max-width:760px;margin:0 auto;display:flex}.chat-page .c-box input{border:1px solid var(--stroke);background:var(--surface);height:46px;color:var(--text);border-radius:23px;outline:none;flex:1;padding:0 18px;font-family:inherit;font-size:.95rem}.chat-page .c-box input:focus{border-color:var(--signature)}.chat-page .c-send{background:var(--signature);width:46px;height:46px;color:var(--on-signature);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .15s;display:flex}.chat-page .c-send:hover{transform:scale(1.06)}@keyframes msg-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes msg-pop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.chat-page .msg,.chat-page .quick{animation:linear both msg-pop view();animation-range:entry entry 28%}}#opening .msg,.chat-page .anim-in{animation:.4s cubic-bezier(.2,.8,.3,1) both msg-in}@media (width<=640px){.chat-page .m-bubble{max-width:86%}.chat-page .m-card{width:100%}}
