@layer theme, base, components, utilities;@layer base{:root{--paper:#f7f5ef;--green:#0f6b3f;--green-deep:#0c5733;--ink:#16181a;--bg:#e6e4de;--surface:#ffffff;--sunken:#f4f4f2;--border:#e4e4e1;--bs:#d5d5d1;--text:#16181a;--muted:#5f6368;--primary:#0f6b3f;--onprimary:#ffffff;--assistant:#7c3aed;--hot:#dc2626;--warm:#c2410c;--ok:#0f6b3f;--hotbg:#fef2f2;--warmbg:#fff7ed;--outbub:#dcf5e5;--outtext:#16181a;--outmeta:#5f6368;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Karla",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--app-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}[data-theme=dark]{--bg:#0f1113;--surface:#17191c;--sunken:#1e2125;--border:#2a2e33;--bs:#3a3f45;--text:#e8eaed;--muted:#9aa0a6;--primary:#2fa35f;--onprimary:#08210f;--assistant:#a78bfa;--hot:#f87171;--warm:#fb923c;--ok:#4ade80;--hotbg:#3b1d1d;--warmbg:#3a2415;--outbub:#1e2125;--outtext:#e8eaed;--outmeta:#9aa0a6}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.app{background:var(--bg);color:var(--text);font-family:var(--app-font);font-variant-numeric:tabular-nums}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-deep)}button{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3{margin:0;text-wrap:balance}p{margin:0}@keyframes jdot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes jin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;animation:jdot 1.3s infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}.fade-in{animation:jin .35s ease both}.rise{animation:jin .45s ease both}.phone{background:#0b1510;border-radius:34px;padding:10px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08)}.phone-screen{background:#ece5dd;border-radius:26px;overflow:hidden;color:var(--ink)}.phone-bar{display:flex;align-items:center;gap:9px;padding:12px 14px;background:var(--green-deep);color:var(--paper)}.phone-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--green);font:800 13px var(--display)}.bub{max-width:86%;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.4;box-shadow:0 1px 0 rgba(0,0,0,.06)}.bub.in{background:#fff;justify-self:start;border-top-left-radius:3px}.bub.out{background:#dcf5e5;justify-self:end;border-top-right-radius:3px}.bub-meta{display:block;margin-top:4px;font:10px var(--mono);color:var(--green)}@keyframes cspulse{0%{box-shadow:0 0 0 0 rgba(125,226,165,.7)}to{box-shadow:0 0 0 9px rgba(125,226,165,0)}}.cs-pulse{width:8px;height:8px;border-radius:50%;background:#7de2a5;animation:cspulse 1.6s infinite}@keyframes notif{0%{opacity:0;transform:translateY(-14px) scale(.97)}}.notif{background:rgba(255,255,255,.9);color:var(--ink);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.4;animation:notif .5s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 8px 20px -12px rgba(0,0,0,.5)}.mock{background:var(--paper);border:1px solid #ecebe4;border-radius:10px;height:128px;padding:12px;overflow:hidden;position:relative;display:grid;align-content:center;gap:7px;font-size:12.5px}.mock-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #ecebe4;border-radius:7px;padding:6px 9px}.mock-k{color:#8a8f8b;font:10.5px var(--mono)}@keyframes typein{0%{max-width:0}}.typein{display:inline-block;max-width:15ch;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:1.5px solid var(--green);animation:typein 1.4s steps(15) both,caret .8s step-end infinite}@keyframes caret{50%{border-color:transparent}}@keyframes cycle3{0%,28%{opacity:1;transform:none}33%,95%{opacity:0;transform:translateY(-6px)}to{opacity:1}}@keyframes cycle3b{0%,33%{opacity:0;transform:translateY(6px)}38%,61%{opacity:1;transform:none}66%,to{opacity:0;transform:translateY(-6px)}}@keyframes cycle3c{0%,66%{opacity:0;transform:translateY(6px)}71%,94%{opacity:1;transform:none}99%,to{opacity:0}}.cycle{display:grid}.cycle>*{grid-area:1/1}.cycle>:first-child{animation:cycle3 7.5s infinite}.cycle>:nth-child(2){opacity:0;animation:cycle3b 7.5s infinite}.cycle>:nth-child(3){opacity:0;animation:cycle3c 7.5s infinite}@keyframes cycle2a{0%,42%{opacity:1;transform:none}50%,92%{opacity:0;transform:translateY(-6px)}to{opacity:1}}@keyframes cycle2b{0%,42%{opacity:0;transform:translateY(6px)}50%,92%{opacity:1;transform:none}to{opacity:0}}.cycle.two>:first-child{animation:cycle2a 6s infinite}.cycle.two>:nth-child(2){opacity:0;animation:cycle2b 6s infinite}@keyframes haggle{0%{left:92%}35%{left:64%}60%{left:38%}72%,to{left:38%}}@keyframes floorhit{0%,66%{opacity:0}72%,to{opacity:1}}.haggle-dot{position:absolute;top:50%;left:38%;transform:translate(-50%,-50%);animation:haggle 4s ease-in-out infinite}.floor-hit{animation:floorhit 4s infinite}@keyframes swapA{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes swapB{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}.swap{display:grid}.swap>*{grid-area:1/1}.swap>:first-child{animation:swapA 5s infinite}.swap>:nth-child(2){opacity:0;animation:swapB 5s infinite}@keyframes strike{0%{background-size:0 1.5px}}.strike{background:linear-gradient(#dc2626,#dc2626) no-repeat 0 55% /100% 1.5px;color:#8a8f8b;animation:strike .6s ease .6s both}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.wave{display:flex;align-items:center;gap:2px;height:20px}.wave i{width:3px;height:100%;border-radius:2px;background:var(--green);animation:wave 1.1s ease-in-out infinite}@keyframes ring{0%{stroke-dashoffset:113}}.ring{animation:ring 1.6s cubic-bezier(.2,.8,.2,1) both}@keyframes knob{0%{transform:translateX(0);background:#fff}}@keyframes track{0%{background:#d5d5d1}}.toggle{width:34px;height:20px;border-radius:999px;background:var(--green);position:relative;flex-shrink:0;animation:track .3s .9s both}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateX(14px);animation:knob .3s .9s both}.paused,.paused *,.paused :after{animation-play-state:paused!important}.bar{transition:height .8s cubic-bezier(.2,.8,.2,1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip.warm{color:var(--warm);background:var(--warmbg)}.chip.hot,.chip.warm{border-color:transparent}.chip.hot{color:var(--hot);background:var(--hotbg)}.chip.ai{color:var(--assistant);border-color:transparent;background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 14px;font-size:13.5px;font-weight:600;cursor:pointer}.btn:hover{background:var(--sunken)}.btn.primary{background:var(--primary);color:var(--onprimary);border-color:transparent}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--hot)}.btn:disabled{opacity:.5;cursor:not-allowed}.label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}table{border-collapse:collapse;width:100%}}