.chat-shell{height:calc(100svh - var(--header-h) - var(--tabbar-h));max-width:860px;min-height:460px;padding-inline:var(--gutter);grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;margin-inline:auto;display:grid}@media (min-width:1001px){.chat-shell{height:calc(100svh - var(--header-h))}}.chat-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding-block:16px 14px;display:flex}.chat-head-title{align-items:center;gap:12px;display:flex}.chat-head-mark{background:linear-gradient(140deg, var(--vermillion), var(--vermillion-deep));box-shadow:0 6px 16px color-mix(in srgb, var(--vermillion) 32%, transparent);color:#fff;font-family:var(--font-jp);border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.chat-head h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(21px,3vw,27px)}.chat-head p{color:var(--text-muted);margin-top:3px;font-size:13px}.chat-scroller{overscroll-behavior-y:contain;scrollbar-width:thin;overflow-y:auto}.chat-thread{gap:14px;padding-block:20px 12px;display:grid}.chat-bubble{border-radius:var(--r-lg);max-width:min(92%,660px);padding:13px 17px;font-size:15.5px;line-height:1.75;animation:.26s cubic-bezier(.22,1,.36,1) both chat-in}.chat-bubble-user{background:linear-gradient(150deg, var(--vermillion), var(--vermillion-deep));box-shadow:0 8px 20px color-mix(in srgb, var(--vermillion) 26%, transparent);color:#fff;white-space:pre-wrap;border-end-end-radius:8px;justify-self:end}.chat-bubble-assistant{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-end-start-radius:8px;justify-self:start}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-typing{align-items:center;gap:5px;padding-block:5px;display:inline-flex}.chat-typing i{background:var(--text-faint);border-radius:50%;width:7px;height:7px;animation:1.15s ease-in-out infinite chat-blink;display:block}.chat-typing i:nth-child(2){animation-delay:.18s}.chat-typing i:nth-child(3){animation-delay:.36s}@keyframes chat-blink{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.chat-tools{gap:5px;font-size:13px;display:grid}.chat-tools-live{color:var(--text-muted)}.chat-tools-live li{align-items:center;gap:7px;animation:.2s both chat-in;display:flex}.chat-tools-live li.is-done{color:var(--matcha)}.chat-tool-spinner{border:2px solid color-mix(in srgb, var(--vermillion) 30%, transparent);border-top-color:var(--vermillion);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite chat-spin;display:block}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-tools-done{margin-bottom:9px}.chat-tools-done summary{color:var(--text-faint);cursor:pointer;align-items:center;gap:5px;width:fit-content;font-size:12px;list-style:none;display:flex}.chat-tools-done summary::-webkit-details-marker{display:none}.chat-tools-done summary:hover{color:var(--text-muted)}.chat-tools-done ul{border-inline-start:2px solid var(--line);color:var(--text-muted);gap:3px;margin-top:6px;padding-inline-start:10px;font-size:12.5px;display:grid}.chat-md>*+*{margin-top:.7em}.chat-md a{color:var(--vermillion);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600;text-decoration:underline}.chat-md strong{font-weight:700}.chat-md code{background:var(--surface-2);direction:ltr;unicode-bidi:embed;border-radius:5px;padding:2px 5px;font-size:.88em}.chat-md ul,.chat-md ol{gap:5px;padding-inline-start:1.3em;display:grid}.chat-md ul{list-style:outside}.chat-md ol{list-style:decimal}.chat-md li::marker{color:var(--vermillion)}.chat-md blockquote{background:var(--surface-2);border-inline-start:3px solid var(--gold);border-radius:var(--r-sm);color:var(--text-muted);padding:9px 13px}.chat-md hr{border:0;border-top:1px solid var(--line)}.chat-md-heading{letter-spacing:-.01em;font-size:1.02em;font-weight:700}.chat-empty{text-align:center;justify-items:center;gap:14px;padding-block:clamp(24px,6vh,60px);display:grid}.chat-empty-mark{background:linear-gradient(140deg, color-mix(in srgb, var(--vermillion) 18%, var(--surface-2)), var(--surface-2));color:var(--vermillion);border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.chat-empty h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(24px,4vw,34px)}.chat-empty p{color:var(--text-muted);max-width:44ch;font-size:14.5px;line-height:1.7}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.chat-suggestion{background:var(--surface);cursor:pointer;min-height:40px;padding:8px 14px;font-size:13px;transition:background .16s,border-color .16s,transform .16s}.chat-suggestion:hover{background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-2px)}.chat-error{background:color-mix(in srgb, var(--vermillion) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--vermillion) 30%, transparent);border-radius:var(--r);align-items:start;gap:11px;padding:13px 15px;font-size:14px;line-height:1.65;display:flex}.chat-error-setup{background:color-mix(in srgb, var(--gold) 12%, var(--surface));border-color:color-mix(in srgb, var(--gold) 40%, transparent)}.chat-error-icon{color:var(--vermillion);flex:none;margin-top:2px}.chat-error-setup .chat-error-icon{color:color-mix(in srgb, var(--gold) 65%, var(--text))}.chat-error strong{font-weight:600;display:block}.chat-error code{background:var(--surface-2);border-radius:var(--r-sm);text-align:start;white-space:pre-wrap;direction:ltr;unicode-bidi:embed;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.6;display:block;overflow-x:auto}.chat-composer{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);border-radius:24px;align-items:flex-end;gap:8px;margin-top:6px;padding:7px;transition:border-color .16s,box-shadow .16s;display:flex}.chat-composer:focus-within{border-color:color-mix(in srgb, var(--vermillion) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--vermillion) 12%, transparent)}.chat-input{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:28px;max-height:168px;padding:8px 10px;font-size:16px;line-height:1.6}.chat-send{background:var(--vermillion);color:#fff;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .16s,opacity .16s,background .16s;display:flex}.chat-send:hover:not(:disabled){transform:scale(1.06)}.chat-send:disabled{cursor:not-allowed;opacity:.35}.chat-send-stop{background:var(--ink)}@media (prefers-color-scheme:dark){.chat-send-stop{background:var(--surface-3)}}.chat-note{color:var(--text-faint);text-align:center;padding-block:8px 12px;font-size:11.5px}@media (max-width:640px){.chat-bubble{max-width:96%}.chat-head p{display:none}}.chat-head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-speak-toggle.is-on{border-color:color-mix(in srgb, var(--matcha) 55%, transparent);color:var(--matcha)}.chat-speak{color:var(--text-faint);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:8px;padding:3px 0;font-size:12px;transition:color .16s;display:inline-flex}.chat-speak:hover,.chat-speak.is-speaking{color:var(--vermillion)}.chat-bubble-user.is-voice p{font-variant-emoji:text;letter-spacing:.01em}.chat-mic{background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;transition:background .16s,color .16s,transform .16s;display:flex}.chat-mic:hover:not(:disabled){color:var(--vermillion);transform:scale(1.06)}.chat-mic:disabled{cursor:progress;opacity:.5}.chat-mic.is-recording{background:var(--vermillion);color:#fff;border-color:#0000;animation:1.4s ease-in-out infinite chat-pulse}@keyframes chat-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--vermillion) 18%, transparent)}}.chat-recording{background:color-mix(in srgb, var(--vermillion) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--vermillion) 30%, transparent);border-radius:var(--r);align-items:center;gap:9px;margin-top:6px;padding:9px 13px;font-size:13px;display:flex}.chat-recording-dot{background:var(--vermillion);border-radius:50%;flex:none;width:9px;height:9px;animation:1.15s ease-in-out infinite chat-blink}.chat-recording-max{color:var(--text-faint);font-size:12px}.chat-recording-cancel{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-inline-start:auto;font-size:12.5px;text-decoration:underline}.chat-recording-cancel:hover{color:var(--vermillion)}.chat-geo{color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:color .16s,background .16s;display:flex;position:relative}.chat-geo:hover{background:var(--surface-2)}.chat-geo.is-on{color:color-mix(in srgb, var(--matcha) 80%, var(--text-muted))}.chat-geo.is-live{color:var(--matcha)}.chat-geo.is-live:after{background:var(--matcha);border:2px solid var(--surface);content:"";border-radius:50%;width:8px;height:8px;position:absolute;inset-block-start:6px;inset-inline-end:5px}