:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#172b40;background:#f3f6fa;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{width:min(100%,440px);margin:auto;padding:22px 24px max(22px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{font-size:17px;font-weight:650;letter-spacing:-.4px}.brand small{font-size:13px;color:#8b9bac;margin-left:6px;font-weight:400}.online{font-size:10px;color:#9aabba}.online.connected{color:#4d9a7b}.online.connected:before{content:'●';font-size:7px;margin-right:5px}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #99cfff;outline-offset:3px}.welcome{height:85px;position:relative;display:grid;place-items:center;margin:22px 0 2px}.hello{position:absolute;font-size:64px;font-weight:600;letter-spacing:-4px;background:linear-gradient(115deg,#519deb,#8765e8,#e78bb0,#67b9c1);background-size:220% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;opacity:1;animation:colors 12s ease-in-out infinite}.zh-hello{font-weight:500;letter-spacing:-2px}.intro{font-size:18px;font-weight:550;text-align:center;letter-spacing:-.4px;margin:12px 0 26px;line-height:1.5}.intro small{display:block;font-size:14px;color:#8395a7;font-weight:400;letter-spacing:1px;margin-top:4px}.connect-card{background:#fff;border-radius:26px;padding:22px 24px 17px;text-align:center;box-shadow:0 8px 35px #23405e06}.number-card{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:center}.number-card>span{font-size:12px;color:#8496a8}.number-card strong{font-size:48px;letter-spacing:10px;font-weight:550;font-variant-numeric:tabular-nums;display:block;margin:5px 0 7px;padding-left:10px}.number-card small{font-size:10px;color:#a1aeba}.qr{display:block;width:152px;height:152px;margin:18px auto 8px}.qr-hint{font-size:12px;line-height:1.6;margin:0;color:#678096}.qr-hint span{font-size:11px;color:#92a2b0}#dial-form{margin-top:24px}label[for=dial-number]{display:block;text-align:center;font-size:12px;color:#8598aa;margin-bottom:12px}.dial-row{display:flex;gap:10px}#dial-number{width:102px;min-width:0;border:1px solid #dfe7ef;border-radius:16px;background:white;padding:15px 5px;text-align:center;font-size:24px;letter-spacing:4px;color:#203a50;font-variant-numeric:tabular-nums}#dial-number::placeholder{color:#b7c6d3}.primary{border:0;border-radius:16px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:9px;background:#3390ec;color:white;font-size:14px;font-weight:550;flex:1}.primary:hover:enabled{background:#2685df}.primary svg{width:19px;height:19px;fill:currentColor}.enable-ring{display:block;border:0;background:transparent;color:#91a7b9;font-size:10px;margin:18px auto 0;padding:8px}.error{font-size:12px;color:#a34846;background:#fff0ed;border-radius:14px;padding:14px;line-height:1.7;text-align:center}#call-screen{min-height:calc(100dvh - 48px);display:flex;align-items:center;flex-direction:column;text-align:center}.call-top{font-size:16px;font-weight:600;margin:5px 0 42px}.call-top span{font-size:13px;color:#8c9fb0;font-weight:400;margin-left:6px}.avatar{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(145deg,#6fbbeb,#398dda);margin:0 0 27px;box-shadow:0 0 0 12px #3390ec08}.avatar svg{width:70px;height:70px}.avatar.ringing{animation:ring 2.5s ease-in-out infinite}.avatar.active{background:linear-gradient(145deg,#69bfbc,#408fd4)}#peer-number{font-size:38px;font-weight:500;letter-spacing:5px;margin:0 0 10px}.call-language{font-size:11px;color:#8a9daf;margin:0 0 22px}.call-status{font-size:17px;line-height:1.6;margin:0;color:#4a667c}.call-status span{display:block;font-size:12px;color:#91a3b1}.timer{font-variant-numeric:tabular-nums;font-size:17px;color:#419d81;margin:10px 0;letter-spacing:2px}.listen-controls{width:100%;margin-top:26px}.language-label{font-size:11px;color:#899cac;margin:0 0 9px}.languages{display:flex;gap:7px;background:#e7edf3;padding:4px;border-radius:14px}.language{flex:1;border:0;border-radius:11px;background:transparent;color:#8699aa;padding:11px 5px;font-size:14px}.language small{font-size:10px;margin-left:5px}.language.selected{color:#2786d6;background:#fff;box-shadow:0 2px 7px #264f7510}.resume{border:1px solid #c1d9ef;background:#e7f2fd;color:#3284c7;border-radius:12px;padding:12px 16px;margin-top:20px;font-size:12px}.actions{display:flex;gap:64px;justify-content:center;align-items:flex-start;margin-top:auto;padding-top:32px;padding-bottom:15px;width:100%}.round-action{border:0;background:transparent;color:#526c81;padding:0;min-width:94px;font-size:12px}.round-action>span:last-child>small{display:block;font-size:10px;color:#91a5b5;margin-top:5px}.circle{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px}.circle svg{width:27px;height:27px;fill:currentColor}.circle svg[fill=none]{fill:none}.green{background:#46b983;color:white}.red{background:#ec6269;color:white}.neutral{background:#e3ebf3;color:#56758e}.round-action.muted .neutral{background:#7fa1bc;color:white}.call-note{font-size:10px;color:#96a9b8;margin:8px 0}.back{margin-top:40px}[hidden]{display:none!important}@keyframes colors{50%{background-position:100% 0}}@keyframes ring{50%{box-shadow:0 0 0 22px #3390ec05}}@media(prefers-reduced-motion:reduce){.hello,.avatar.ringing{animation:none}}@media(max-height:740px){main{padding-top:18px}header{margin-bottom:14px}.welcome{height:65px;margin-top:10px}.hello{font-size:54px}.intro{margin:8px 0 18px}.connect-card{padding:17px 20px 13px}.qr{width:132px;height:132px;margin:12px auto 5px}.number-card strong{font-size:42px}#dial-form{margin-top:18px}.call-top{margin-bottom:24px}.avatar{width:92px;height:92px;margin-bottom:22px}.listen-controls{margin-top:18px}.enable-ring{margin-top:9px}}@media(max-width:360px){main{padding-left:17px;padding-right:17px}.primary{padding:14px 10px;font-size:12px}}