:root{--coral: #f96167;--coral-dark: #e04a50;--navy: #23295c;--navy-soft: #2f3c7e;--gold: #f9e795;--cream: #fff6f1;--ink: #23253a;--grey: #7a7e96;--line: #efe4dd;--green: #3bae7c;--red: #d94848}*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(160deg,var(--navy),var(--navy-soft));color:var(--ink);min-height:100vh}.display{font-family:Space Grotesk,sans-serif}.shell{max-width:430px;margin:0 auto;min-height:100vh;background:var(--cream);display:flex;flex-direction:column}.header{padding:16px 16px 10px;display:flex;align-items:center;gap:10px}.body{flex:1;overflow-y:auto;padding:0 16px 90px}.h1{font-size:22px;font-weight:700;color:var(--navy)}.h2{font-size:16px;font-weight:700;color:var(--navy);margin:18px 0 8px}.muted{color:var(--grey);font-size:12.5px}.small{font-size:11px;color:var(--grey)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:0 4px 14px #23295c0d}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.btn{display:block;width:100%;border:0;border-radius:13px;cursor:pointer;padding:12px;font:700 14px Inter;color:#fff;background:var(--coral);transition:transform .08s}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--line);color:var(--grey);cursor:default}.btn.ghost{background:#fff;color:var(--coral-dark);border:1.5px solid var(--coral)}.btn.green{background:var(--green)}.btn.navy{background:var(--navy)}.input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font:500 14px Inter;background:#fff;color:var(--ink);margin-bottom:8px;outline:none}.input:focus{border-color:var(--coral)}.chip{display:inline-block;padding:5px 11px;border-radius:999px;cursor:pointer;font:600 11.5px Inter;background:#fff;border:1px solid var(--line);color:var(--navy-soft);margin:0 5px 5px 0}.chip.on{background:var(--coral);border-color:var(--coral);color:#fff}.tag{display:inline-block;padding:3px 9px;border-radius:999px;font:700 10px Inter;margin-right:5px}.avatar{border-radius:50%;background:var(--navy-soft);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:2px solid #fff;flex-shrink:0}.avatar.me{background:var(--coral)}@keyframes pulse{0%,to{box-shadow:0 0 #f9616773}70%{box-shadow:0 0 0 9px #f9616700}}.agent-dot{border-radius:50%;background:var(--coral);color:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;animation:pulse 2.4s infinite}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;padding:9px 0 7px;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 10px Inter;color:var(--grey)}.tabbar button.on{color:var(--coral-dark)}.tabbar .ic{font-size:17px;filter:grayscale(1) opacity(.55)}.tabbar button.on .ic{filter:none}.bubble{max-width:78%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.4}.bubble.me{background:var(--coral);color:#fff;border-bottom-right-radius:5px;margin-left:auto}.bubble.them{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.agent{background:#fff;border:1px solid var(--coral);border-bottom-left-radius:5px}.swipe-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 40px #23295c2e}.swipe-hero{background:linear-gradient(150deg,var(--navy),var(--navy-soft) 60%,var(--coral-dark));color:#fff;padding:18px 16px 14px;min-height:168px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.img-credit{position:absolute;right:8px;bottom:6px;font:600 9px Inter;color:#ffffffd1;background:#0000004d;padding:1px 6px;border-radius:6px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;flex-shrink:0}.stars{color:var(--gold);letter-spacing:1px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#161a3d8c;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:430px;background:var(--cream);border-radius:26px 26px 0 0;padding:18px 16px 24px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:80px;z-index:60;background:var(--navy);color:#fff;padding:10px 16px;border-radius:999px;font:600 12.5px Inter;max-width:86%;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast{animation:fadeUp .25s ease}.center{text-align:center}.spacer{height:10px}hr.sep{border:0;border-top:1px solid var(--line);margin:10px 0}a{color:var(--navy-soft)}.amount-pos{color:var(--green);font-weight:700}.amount-neg{color:var(--coral-dark);font-weight:700}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:8px;background:linear-gradient(100deg,var(--line) 28%,#fdf3ec 50%,var(--line) 72%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .32s ease both}.crossfade-in{animation:fadeIn .3s ease both}@keyframes pulseDot{0%,to{opacity:.25}50%{opacity:1}}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-left:5px;vertical-align:middle;animation:pulseDot 1s ease-in-out infinite}.bubble.pressing{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.react-bar{display:inline-flex;gap:5px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 9px;box-shadow:0 6px 18px #23295c29;margin-bottom:5px;font-size:18px}.react-bar span{cursor:pointer;line-height:1;transition:transform .08s}.react-bar span:active{transform:scale(1.35)}.react-bar .react-reply{font-size:15px;color:var(--navy-soft);padding-left:6px;border-left:1px solid var(--line)}.react-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.react-pill{font:600 11px Inter;background:#fff;border:1px solid var(--line);border-radius:999px;padding:1px 7px;cursor:pointer;color:var(--ink)}.react-pill.mine{border-color:var(--coral);background:#fff2f1}.quote{border-left:3px solid var(--coral);padding:3px 8px;margin-bottom:5px;background:#0000000d;border-radius:7px;cursor:pointer}.quote b{display:block;font-size:11px;color:var(--coral-dark)}.quote div{font-size:12px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.bubble.me .quote{background:#ffffff2e;border-left-color:#fff}.bubble.me .quote b{color:var(--gold)}.bubble.me .quote div{color:#eef}.reply-preview{display:flex;align-items:center;gap:10px;padding:7px 12px;margin-bottom:6px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:10px}.react-add{opacity:0;cursor:pointer;font-size:13px;color:var(--grey);align-self:center;padding:0 4px;transition:opacity .15s;-webkit-user-select:none;user-select:none}.row:hover>.react-add{opacity:.65}@keyframes flashHi{0%,to{background:transparent}30%{background:#f9e7958c}}.flash{animation:flashHi 1.1s ease;border-radius:14px}