*{box-sizing:border-box;margin:0;padding:0}:root{--outer:#ede4c8;--cream:#faf4e3;--header-bg:#fcf8ec;--border:#ede2bc;--border2:#f0e4be;--ink:#14110f;--ink-soft:#1b2430;--muted:#8b8564;--muted2:#b0a576;--yellow:#ffc629;--gold:#e8b33d;--gold-deep:#c6931a;--red:#c0392b;--green:#2fb86a;--tick:#4ca8e0}html,body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;height:100%;font-family:Karla,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}body{background:var(--outer);justify-content:center;display:flex}.app{background:var(--cream);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hidden,[hidden]{display:none!important}.state-card{text-align:center;padding:32px 28px;padding-top:max(32px, env(safe-area-inset-top));padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.state-badge{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:24px;display:flex}.state-title{color:var(--ink);margin-bottom:6px;font-family:Quicksand,sans-serif;font-size:18px;font-weight:700}.state-sub{color:var(--muted);max-width:32ch;font-size:13.5px;line-height:1.55}#loading-msg{margin-top:14px}.spinner{border:3px solid var(--border);border-top-color:var(--yellow);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chead{padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--header-bg);z-index:5;flex:none;align-items:center;gap:10px;display:flex;position:sticky;top:0}.avwrap{flex:none;position:relative}.av{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.av svg{width:18px;height:18px}.av img{object-fit:cover;width:100%;height:100%}.dotpulse{background:var(--green);border:2px solid var(--header-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dotpulse:after{content:"";border:1.5px solid var(--green);border-radius:50%;animation:2.2s ease-out infinite pulse;position:absolute;inset:-3px}@keyframes pulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.cinfo{flex:1;min-width:0}.cname{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.cstat{color:var(--muted);font-size:11px}.steppill{color:var(--gold-deep);background:#fdf0c4;border-radius:999px;flex:none;padding:4px 10px;font-size:10.5px;font-weight:700}.thread{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.thread::-webkit-scrollbar{width:0;height:0;display:none}.bgrp,.ugrp{flex-direction:column;gap:4px;display:flex}.ugrp{align-items:flex-end}.bub{color:var(--ink-soft);opacity:0;background:#fff;border-radius:16px 16px 16px 4px;max-width:min(86%,480px);padding:11px 14px;font-family:Quicksand,sans-serif;font-size:13.5px;font-weight:600;line-height:1.48;animation:.22s forwards rise;transform:translateY(4px);box-shadow:0 1px 2px #0000000d}.ubub{background:var(--yellow);color:var(--ink);opacity:0;border-radius:16px 16px 4px;max-width:min(86%,480px);padding:11px 14px;font-family:Quicksand,sans-serif;font-size:13.5px;font-weight:700;line-height:1.4;animation:.22s forwards rise;transform:translateY(4px)}.ubub.skip{border:1.5px dashed var(--muted2);color:var(--muted);background:0 0;font-weight:600}@keyframes rise{to{opacity:1;transform:translateY(0)}}.ts{color:var(--muted2);align-items:center;gap:4px;padding:0 4px;font-size:10px;display:flex}.ts.right{align-self:flex-end}.ts svg{width:12px;height:12px}.typing-bub{background:#fff;border-radius:16px 16px 16px 4px;gap:4px;padding:12px 15px;display:inline-flex;box-shadow:0 1px 2px #0000000d}.typing-bub span{background:#c9be94;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite bounce}.typing-bub span:nth-child(2){animation-delay:.15s}.typing-bub span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.summary{border-left:3px solid var(--gold);background:#fff8e4;border-radius:4px 14px 14px 4px;flex-direction:column;gap:8px;max-width:min(90%,500px);padding:12px 14px;display:flex}.srow{color:#5c5330;align-items:flex-start;gap:9px;font-family:Karla,sans-serif;font-size:12.5px;font-weight:700;display:flex}.srow svg{width:15px;height:15px;color:var(--gold-deep);flex:none;margin-top:1px}.errbub{color:var(--red);opacity:0;background:#fdecea;border:1px solid #f4c7c0;border-radius:16px 16px 16px 4px;max-width:min(86%,480px);padding:11px 14px;font-family:Karla,sans-serif;font-size:12.5px;font-weight:600;line-height:1.45;animation:.22s forwards rise;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.bub,.ubub,.errbub{opacity:1;animation:none;transform:none}.dotpulse:after{animation:none;display:none}.typing-bub span{opacity:.8;animation:none}.thread{scroll-behavior:auto}}.composerArea{background:var(--cream);padding-bottom:max(10px, env(safe-area-inset-bottom));flex:none;position:sticky;bottom:0}.backlink{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;margin:0 14px 8px;padding:0;font-family:Karla,sans-serif;font-size:11.5px;font-weight:700;display:block}.backlink:hover{color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;padding:0 14px 12px;display:flex}.chip{border:1.5px solid var(--border2);color:#6b5f3a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:999px;padding:10px 16px;font-family:Karla,sans-serif;font-size:12.5px;font-weight:700}.chip:hover,.chip:focus-visible{border-color:var(--yellow)}.chip.skip{color:var(--muted);border-style:dashed;font-weight:600}.composer{border:1.5px solid var(--border2);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:0 14px 12px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 1px 2px #0000000f}.composer.err{border-color:var(--red)}.composer input{min-width:0;color:var(--ink-soft);background:0 0;border:none;outline:none;flex:1;font-family:Karla,sans-serif;font-size:16px}.composer input::placeholder{color:var(--muted2)}.sendb{background:var(--yellow);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sendb:disabled{opacity:.4;cursor:default}.sendb svg{width:14px;height:14px}.doneBar{justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.doneBar span{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:700}.retrychip{background:var(--yellow);color:var(--ink);cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-family:Karla,sans-serif;font-size:12px;font-weight:700}.disclaimer{color:var(--muted2);text-align:center;padding:2px 20px 0;font-size:10px;line-height:1.5}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=360px){.chead{padding:12px 14px;padding-top:max(12px, env(safe-area-inset-top))}.thread{padding:14px 12px}}