:root{--sfondo:#0b0b0d;--bolla-loro:#1c1c1f;--bolla-nostra:#2563eb;--testo:#f2f2f3;--tenue:#7a7a80;--allarme:#b45309}*{box-sizing:border-box}html,body{background:var(--sfondo);height:100%;color:var(--testo);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.schermo{flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex}.intestazione{border-bottom:1px solid #232326;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.nome{font-weight:600}.stato{color:var(--tenue);font-variant-numeric:tabular-nums;font-size:12px}.filo{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.bolla{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:78%;padding:9px 13px}.bolla.in{background:var(--bolla-nostra);border-bottom-right-radius:5px;align-self:flex-end}.bolla.out{background:var(--bolla-loro);border-bottom-left-radius:5px;align-self:flex-start}.bolla.sistema{border:1px solid var(--allarme);color:var(--allarme);background:0 0;border-radius:8px;align-self:center;max-width:100%;font-size:13px}.conteggio{color:var(--tenue);font-variant-numeric:tabular-nums;align-self:flex-start;margin:-6px 0 2px 6px;font-size:11px}.attesa{color:var(--tenue);align-self:flex-start;font-size:14px}.composizione{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #232326;gap:8px;display:flex}.composizione input{color:var(--testo);font:inherit;background:#151517;border:1px solid #2e2e33;border-radius:20px;flex:1;padding:11px 14px}.composizione input:focus{border-color:#3b3b42;outline:none}.composizione button{background:var(--bolla-nostra);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:20px;padding:0 18px;font-weight:500}.composizione button:disabled{opacity:.4;cursor:default}.landing{flex-direction:column;gap:1.5rem;max-width:33rem;margin:0 auto;padding:3.5rem 1.5rem;display:flex}.landing h1{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:600}.promessa{color:var(--testo);margin:0;font-size:1.25rem;line-height:1.5}.bottone{text-align:center;background:var(--bolla-nostra);color:#fff;border-radius:14px;padding:1rem;font-size:1.05rem;font-weight:500;text-decoration:none;display:block}.bottone[aria-disabled=true]{opacity:.5;pointer-events:none}.sotto{color:var(--tenue);margin:0}.minuto{color:var(--tenue);border-top:1px solid #232326;margin:0;padding-top:1.25rem;font-size:.85rem;line-height:1.5}