*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#222}.page{max-width:480px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000026}.field{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.85rem;font-weight:600}input{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:4px;background:#2563eb;color:#fff;cursor:pointer}button:disabled{background:#93b4f0;cursor:not-allowed}button.secondary{background:#6b7280}.error{color:#b91c1c;font-size:.9rem;margin:.5rem 0}.hint{font-size:.85rem;margin-top:1rem}.hint a{color:#2563eb}.chat-page{max-width:600px}.messages{display:flex;flex-direction:column;gap:.5rem;min-height:300px;max-height:50vh;overflow-y:auto;padding:.75rem;background:#f0f0f0;border-radius:6px;margin-bottom:1rem}.bubble{max-width:70%;padding:.5rem .75rem;border-radius:10px;display:flex;align-items:flex-end;gap:.4rem}.bubble.sent{align-self:flex-end;background:#2563eb;color:#fff}.bubble.received{align-self:flex-start;background:#fff;border:1px solid #ddd}.tick{font-size:.75rem;opacity:.8}.tick-double{opacity:1;font-weight:700}.composer{display:flex;gap:.5rem}.composer input{flex:1}