:root{--leaf:#1f6b3a;--leaf-soft:#e3efe6;--turmeric:#e2a400;--jasmine:#f6f8f3;--ink:#16241b;--ink-soft:#4f6356;--line:#d3e0d6;--kumkum:#b42318;--paper:#fff;--font:"Mukta Malar", "Noto Sans Tamil", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--leaf:#5fbf82;--leaf-soft:#1b2e22;--turmeric:#f3c13a;--jasmine:#0f1a13;--ink:#e6efe8;--ink-soft:#a6b8ab;--line:#29402f;--kumkum:#ff8a7a;--paper:#15231a}}.caller{box-sizing:border-box;max-width:30rem;min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--jasmine);color:var(--ink);font:400 17px/1.55 var(--font);flex-direction:column;gap:16px;margin:0 auto;display:flex}body:has(.caller){background:var(--jasmine)}.caller h1,.caller h2,.caller p{margin:0}.who{align-items:center;gap:14px;display:flex}.logo{object-fit:cover;background:var(--paper);border:1px solid var(--line);border-radius:16px;flex:none;width:56px;height:56px}.monogram{background:var(--leaf);color:#fff;letter-spacing:.02em;border:0;place-items:center;font-size:22px;font-weight:800;display:grid}.who h1{font-size:24px;font-weight:800;line-height:1.15}.agent-name{color:var(--ink-soft);font-size:15px}.about{color:var(--ink-soft);max-width:60ch}.stage{text-align:center;justify-items:center;gap:10px;padding:8px 0 4px;display:grid}.status{min-height:1.55em;font-weight:600}.kolam{width:min(56vw,210px);height:auto;overflow:visible}.kolam-line{fill:none;stroke:var(--leaf);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke .3s,stroke-width .12s linear}.kolam-dot{fill:var(--ink);transform-box:fill-box;transform-origin:50%}.kolam[data-state=connecting] .kolam-line{stroke:var(--line)}.kolam[data-state=listening] .kolam-dot{animation:2.4s ease-in-out infinite breathe}.kolam[data-state=thinking] .kolam-line{stroke-dasharray:22 78;animation:1.4s linear infinite trace}.kolam[data-state=speaking] .kolam-line{stroke:var(--turmeric);stroke-dasharray:60 6;animation:3s linear infinite trace}.kolam[data-state=ended] .kolam-line{stroke:var(--line)}@keyframes breathe{50%{transform:scale(1.55)}}@keyframes trace{to{stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.kolam *{animation:none!important}}button{font:inherit;cursor:pointer;border:0;border-radius:999px;min-height:48px;padding:0 22px}button:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}input:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}a:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}.primary{background:var(--leaf);color:#fff;font-weight:600}@media (prefers-color-scheme:dark){.primary,.monogram{color:#0f1a13}}.primary:disabled{opacity:.45;cursor:default}.big{min-height:60px;padding:0 40px;font-size:20px}.quiet{color:var(--leaf);background:0 0;font-weight:600}.choices{justify-items:center;gap:8px;display:grid}.choices p{color:var(--ink-soft);max-width:32ch}.captions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.captions li{border-radius:18px;max-width:85%;padding:9px 14px;line-height:1.45}.captions .from-agent{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:6px;justify-self:start}.captions .from-caller{background:var(--leaf);color:#fff;border-bottom-right-radius:6px;justify-self:end}@media (prefers-color-scheme:dark){.captions .from-caller{color:#0f1a13}}.captions .partial{opacity:.6}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px}.card h2{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.card-sub{color:var(--ink-soft);margin-top:2px;font-size:15px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:12px;display:grid}.slot{background:var(--leaf-soft);min-height:46px;color:var(--ink);border:1px solid #0000;border-radius:14px;padding:0 8px;font-weight:600}.slot.picked{background:var(--leaf);color:#fff}@media (prefers-color-scheme:dark){.slot.picked{color:#0f1a13}}.ticket{border-color:var(--leaf);border-width:2px;position:relative}.ticket:after{content:"";border-bottom:2px dashed var(--jasmine);position:absolute;bottom:-2px;left:16px;right:16px}.ticket h2 svg{fill:none;width:26px;height:26px;stroke:var(--leaf);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ticket dl{gap:6px;margin:12px 0 0;display:grid}.ticket dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.ticket dt{color:var(--ink-soft)}.ticket dd{text-align:right;margin:0;font-weight:600}.compose{gap:8px;margin-top:auto;display:flex}.compose input{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 16px}.foot{text-align:center;justify-items:center;gap:10px;display:grid}.hangup{color:var(--kumkum);background:0 0;border:1px solid;font-weight:600}.app{color:var(--ink-soft);font-size:15px}.app a{color:var(--leaf);font-weight:600}.notice{text-align:center;gap:8px;margin:auto 0;display:grid}