.suturno{--canvas:270 43% 96%;--surface:0 0% 100%;--surface-2:268 40% 98%;--line:266 24% 90%;--ink:265 34% 15%;--muted:265 13% 39%;--faint:265 11% 52%;--paper:#f6f2fb;--paper-2:#fff;--grape:#3b1e4e;--grape-ink:#2a1338;--grape-soft:#57346e;--peach:#ff9e7a;--peach-deep:#f5814f;--ink-on-peach:#3a1a0c;--teal:#1fb6a6;--teal-ink:#0a5d53;--sun:#ffc53d;--lift-sm:0 2px 6px -2px rgba(36,22,51,.14);--lift:0 14px 30px -14px rgba(36,22,51,.28);--lift-lg:0 28px 60px -22px rgba(36,22,51,.36);background-color:var(--paper);color:hsl(var(--ink));font-family:var(--font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.suturno .display{font-family:var(--font-display),system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:.98;text-wrap:balance}.suturno .hand{font-family:var(--font-hand),var(--font-body),cursive;font-weight:600}.suturno .tnum{font-variant-numeric:tabular-nums}.suturno .card{border:1px solid hsl(var(--line));border-radius:1.5rem;box-shadow:var(--lift)}.suturno .card,.suturno .card-soft{background:var(--paper-2);color:hsl(var(--ink))}.suturno .card-soft{border:1px solid hsl(var(--line));border-radius:1.25rem;box-shadow:var(--lift-sm)}.suturno .pill{display:inline-flex;align-items:center;gap:.35em;border-radius:9999px;padding:.28em .7em;font-weight:700;font-size:.72rem;line-height:1}.suturno .pill-teal{background:var(--teal);color:#04352f}.suturno .pill-peach{background:var(--peach);color:#4a2313}.suturno .pill-grape{background:var(--grape);color:#fff}.suturno .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-family:var(--font-display),sans-serif;font-weight:700;padding:.85rem 1.5rem;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1),background-color .16s ease}.suturno .btn-primary{background:var(--peach);color:var(--ink-on-peach);box-shadow:var(--lift-sm)}.suturno .btn-primary:hover{background:var(--peach-deep);transform:translateY(-2px);box-shadow:var(--lift)}.suturno .btn-primary:active{transform:translateY(0)}.suturno .btn-teal{background:var(--teal-ink);color:#fff;box-shadow:var(--lift-sm)}.suturno .btn-teal:hover{transform:translateY(-2px);box-shadow:var(--lift)}.suturno .btn-secondary{background:var(--paper-2);color:hsl(var(--ink));border:1.5px solid hsl(var(--ink)/.18)}.suturno .btn-secondary:hover{border-color:hsl(var(--ink)/.4);background:var(--surface-2)}.suturno a:focus-visible,.suturno button:focus-visible,.suturno input:focus-visible,.suturno select:focus-visible,.suturno textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.suturno .field{width:100%;background:var(--paper-2);border:1.5px solid hsl(var(--line));border-radius:.9rem;padding:.85rem .95rem;color:hsl(var(--ink));font-family:var(--font-body),sans-serif;font-size:1rem;transition:border-color .14s ease,box-shadow .14s ease}.suturno .field::-moz-placeholder{color:hsl(var(--faint))}.suturno .field::placeholder{color:hsl(var(--faint))}.suturno .field:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(31,182,166,.18);outline:none}.suturno .wa{background:#ece5dd;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.05) 1px,transparent 0);background-size:18px 18px}.suturno .wa-in,.suturno .wa-out{max-width:82%;padding:.5rem .7rem;border-radius:.9rem;font-size:.9rem;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.12)}.suturno .wa-in{background:#fff;color:#111b21;border-top-left-radius:.2rem}.suturno .wa-out{background:#dcf8c6;color:#0b2e1e;border-top-right-radius:.2rem;margin-left:auto}.suturno .blob{position:absolute;z-index:0;pointer-events:none}.suturno .on-grape{color:#f3e9fb}.suturno .on-grape-muted{color:#c9b3dc}@keyframes su-msg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes su-card-in{0%{opacity:0;transform:translateY(20px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes su-pill-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes su-blink{0%,to{opacity:.25}50%{opacity:1}}.suturno .anim-msg{animation:su-msg-in .38s cubic-bezier(.2,.9,.3,1) both}.suturno .anim-card{animation:su-card-in .62s cubic-bezier(.22,1,.36,1) both}.suturno .anim-pill{animation:su-pill-pop .42s cubic-bezier(.22,1,.36,1) both}.suturno .dot-typing span{animation:su-blink 1.1s infinite}.suturno .dot-typing span:nth-child(2){animation-delay:.2s}.suturno .dot-typing span:nth-child(3){animation-delay:.4s}.suturno .card-pop{opacity:0;pointer-events:none;transform:translateY(10px) scale(.92) rotate(-4deg);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}.suturno .card-pop.in{opacity:1;pointer-events:auto;transform:rotate(-4deg)}.suturno .reveal{opacity:0;transform:translateY(20px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1)}.suturno .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.suturno .anim-card,.suturno .anim-msg,.suturno .anim-pill,.suturno .dot-typing span{animation:none!important;opacity:1!important;transform:none!important}.suturno .reveal{transform:none!important}.suturno .card-pop,.suturno .reveal{opacity:1!important;transition:none!important}.suturno .card-pop{transform:rotate(-4deg)!important}}