@layer components{.cs-sheet{--cs-ease:cubic-bezier(.32, .72, 0, 1);--cs-dur:.42s;width:100%;max-width:none;max-height:calc(100dvh - 24px);padding:0 0 env(safe-area-inset-bottom);background:var(--paper);color:var(--ink);overscroll-behavior:contain;transition:transform var(--cs-dur) var(--cs-ease), opacity var(--cs-dur) var(--cs-ease), overlay var(--cs-dur) allow-discrete, display var(--cs-dur) allow-discrete;border:0;border-radius:28px 28px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%);box-shadow:inset 0 -1px #fff9,0 -24px 64px -24px #08120659}.cs-sheet[open]{transform:none}@starting-style{.cs-sheet[open]{transform:translateY(100%)}}.cs-sheet::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color var(--cs-dur) ease-out, backdrop-filter var(--cs-dur) ease-out, overlay var(--cs-dur) allow-discrete, display var(--cs-dur) allow-discrete;background:#08120600}.cs-sheet[open]::backdrop{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#0812066b}@starting-style{.cs-sheet[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#08120600}}@media (min-width:640px){.cs-sheet{opacity:0;border-radius:28px;width:min(400px,100vw - 48px);height:fit-content;margin:auto;padding:0;inset:0;transform:translateY(12px)scale(.96);box-shadow:0 32px 80px -24px #08120673}.cs-sheet[open]{opacity:1;transform:none}@starting-style{.cs-sheet[open]{opacity:0;transform:translateY(12px)scale(.96)}}}.cs-body{flex-direction:column;gap:12px;padding:0 16px 20px;display:flex}@media (min-width:640px){.cs-body{padding:8px 24px 24px}}.cs-grab{text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding:10px 0 8px;display:flex;position:relative}.cs-handle{background:var(--paper-3);border-radius:999px;width:40px;height:5px;margin-bottom:18px}@media (min-width:640px){.cs-handle{visibility:hidden}}.cs-close{background:var(--paper-2);width:40px;height:40px;color:var(--ink);transition:background-color .2s, transform .2s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:-4px}.cs-close:hover{background:var(--paper-3)}.cs-close:active{transform:scale(.92)}.cs-orb{background:radial-gradient(120% 120% at 30% 20%, #f4fbf0 0%, var(--mint) 55%, #d6eccd 100%);width:68px;height:68px;color:var(--ok-ink);border-radius:999px;place-items:center;margin-bottom:14px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0f7a001a,0 10px 24px -12px #0f7a0073}.cs-orb:before,.cs-orb:after{content:"";border-radius:inherit;opacity:0;border:1.5px solid #17aa0059;position:absolute;inset:0}.cs-orb svg{position:relative}.cs-eyebrow{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.cs-live{background:var(--ok);border-radius:999px;width:8px;height:8px;position:relative;box-shadow:0 0 0 3px #17aa0029}.cs-number{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;-webkit-user-select:text;user-select:text;margin-top:6px;font-size:clamp(24px,6.4vw,28px);font-weight:600;line-height:1.15}.cs-note{color:var(--muted);margin-top:6px;font-size:14px}.cs-call{background:linear-gradient(180deg, var(--navy-2) 0%, var(--navy) 100%);color:#fff;letter-spacing:-.005em;height:56px;transition:transform .2s var(--ease-out), box-shadow .2s, filter .2s;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:17px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 14px 28px -14px #0f8000bf}.cs-call:hover{filter:brightness(1.06)}.cs-call:active{transform:scale(.98)}.cs-call:after{content:"";opacity:0;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;position:absolute;inset:0 auto 0 -40%;transform:skew(-18deg)}.cs-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cs-chip{background:var(--paper-2);min-height:48px;color:var(--ink);white-space:nowrap;transition:background-color .2s, transform .2s var(--ease-out);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14.5px;font-weight:600;display:flex}.cs-chip:hover{background:var(--paper-3)}.cs-chip:active{transform:scale(.97)}.cs-alt{min-height:44px;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;font-size:13.5px;display:flex}.cs-alt:hover span{color:var(--ok-ink)}.cs-sheet :focus-visible{outline:2.5px solid var(--terra);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.cs-sheet[open] .cs-orb:before{animation:cs-ring 2.4s var(--ease-out) .3s infinite}.cs-sheet[open] .cs-orb:after{animation:cs-ring 2.4s var(--ease-out) 1.1s infinite}.cs-sheet[open] .cs-orb svg{animation:2.4s ease-in-out .3s infinite cs-ring-wiggle}.cs-sheet[open] .cs-live:after{content:"";border-radius:inherit;background:var(--ok);animation:1.8s ease-out infinite cs-live;position:absolute;inset:0}.cs-sheet[open] .cs-call:after{animation:cs-shine 1.1s var(--ease-out) .45s 1 both}.cs-sheet[open] .cs-grab>:not(.cs-close),.cs-sheet[open] .cs-call,.cs-sheet[open] .cs-row,.cs-sheet[open] .cs-alt{animation:cs-rise .5s var(--cs-ease) both}.cs-sheet[open] .cs-orb{animation-delay:40ms}.cs-sheet[open] .cs-eyebrow{animation-delay:80ms}.cs-sheet[open] .cs-number{animation-delay:.1s}.cs-sheet[open] .cs-note{animation-delay:.12s}.cs-sheet[open] .cs-call{animation-delay:.16s}.cs-sheet[open] .cs-row{animation-delay:.2s}.cs-sheet[open] .cs-alt{animation-delay:.24s}}@keyframes cs-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes cs-ring-wiggle{0%,30%,to{transform:rotate(0)}5%,15%,25%{transform:rotate(-12deg)}10%,20%{transform:rotate(12deg)}}@keyframes cs-live{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes cs-shine{0%{opacity:1;left:-40%}to{opacity:1;left:120%}}@keyframes cs-rise{0%{opacity:0;transform:translateY(10px)}}}