:root{font-family:Arial,sans-serif;color:#eefcff;color-scheme:dark;background:#03233b}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 100% 100%,#30bed022,transparent 65%),linear-gradient(165deg,#03233b 0%,#04345b 58%,#064779 100%)}button,input{font:inherit;font-size:16px}button{cursor:pointer;border:0;border-radius:14px;min-height:54px;background:#30bed0;color:#03233b;font-weight:700;padding:14px 22px}button:disabled{opacity:.65;cursor:wait}button:hover{background:#56cddd}button:focus-visible,input:focus-visible{outline:3px solid #dfeb24;outline-offset:4px}.center{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px}.join{width:min(100%,360px);display:grid;gap:18px}.phone{display:flex;align-items:center;height:62px;border:1px solid #30bed077;border-radius:14px;background:#03233b88}.prefix{padding:0 18px;border-right:1px solid #30bed088;font-size:18px;color:#30bed0}.phone input{width:100%;min-width:0;border:0;background:transparent;color:#eefcff;padding:18px;letter-spacing:2px;outline-offset:-4px}.join p:empty{display:none}p[role=alert]{margin:0;color:#ffb9b2;font-size:14px;line-height:1.5}.waiting{text-align:center;color:#30bed0}.waiting[hidden],[hidden]{display:none!important}.spinner{display:inline-block;width:44px;height:44px;border:3px solid #30bed033;border-top-color:#30bed0;border-radius:50%;animation:spin 1s linear infinite}.waiting p{font-size:18px;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.login input{width:100%;border:1px solid #30bed077;border-radius:12px;background:#03233b88;color:#eefcff;padding:16px;margin-top:8px}.login label{font-size:14px}.login h1{margin:0 0 8px;font-size:24px}.dashboard{width:min(100%,800px);margin:auto;padding:32px 20px}.dashboard header{display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard h1{font-size:24px}.dashboard button{font-size:14px;min-height:44px;padding:10px 16px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;color:#30bed0;font-size:14px}.records{list-style:none;padding:0;margin:0}.records li{padding:18px 0;border-bottom:1px solid #30bed033;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.records time{font-size:14px;color:#a9c6d7}.empty{color:#a9c6d7}.connection{font-size:14px;color:#ffb9b2}

.waiting{width:min(100%,360px)}.continue-form{display:grid;gap:14px;text-align:left}.continue-form input{width:100%;padding:16px;border:1px solid #30bed077;border-radius:14px;background:#03233b88;color:#eefcff}.continue-form label{font-size:14px}.entry-note{margin-left:16px;color:#a9c6d7;white-space:pre-wrap;overflow-wrap:anywhere}.records li>span{min-width:0;overflow-wrap:anywhere}

.main-logo{display:block;width:200px;max-width:100%;height:120px;object-fit:contain;justify-self:center;margin:0 auto 12px}.delayed-message{color:#eefcff;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}