:root{color-scheme:light;--text: #172b24;--heading: #075e54;--muted: #62736b;--subtle: #6d7c73;--surface: #fff;--border: #dce5df;--label: #35443c;--placeholder: #a1aba5;--error: #bb3333;--page-center: #f6fcf8;--page-start: #d0f4df;--page-end: #d5eee8;--page-base: #f0f8f3;--pattern: rgba(7, 94, 84, .15);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--text: #e4f3eb;--heading: #7be8b6;--muted: #a2baad;--subtle: #95ac9f;--surface: #142b24;--border: #365348;--label: #cee2d6;--placeholder: #81998c;--error: #ff9696;--page-center: #10251e;--page-start: #194735;--page-end: #173e3b;--page-base: #0a1914;--pattern: rgba(123, 232, 182, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at 50% 45%,var(--page-center) 12%,transparent 65%),radial-gradient(circle at 10% 15%,var(--page-start) 0%,transparent 42%),radial-gradient(circle at 90% 85%,var(--page-end) 0%,transparent 42%),var(--page-base)}.page:before,.page:after{content:"";position:absolute;z-index:-1;pointer-events:none}.page:before{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--pattern) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 20%,#000 85%);mask-image:radial-gradient(ellipse at center,transparent 20%,#000 85%)}.page:after{width:clamp(340px,55vw,800px);aspect-ratio:1;top:-28%;left:-20%;border:1px solid rgba(7,94,84,.12);border-radius:38% 62% 58% 42%/45% 42% 58% 55%;transform:rotate(-24deg);background:linear-gradient(135deg,#25d3661a,#075e5405);box-shadow:0 0 0 34px #25d36609,0 0 0 35px #075e540e,75vw 85vh 0 16px #075e540b,75vw 85vh 0 55px #075e5406}.app-container{position:relative;width:100%;max-width:440px}.theme-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.theme-toggle{width:auto;margin:0;padding:10px 14px;font-size:12px;font-weight:600;color:var(--heading);background:var(--surface);border:1px solid var(--border);border-radius:999px}.theme-toggle:not(:disabled):hover{background:var(--page-start)}.install-help{margin-bottom:20px;padding:16px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:13px;line-height:1.6}.install-help p{margin:0 0 12px}.header{text-align:center;margin-bottom:32px}.app-logo{width:80px;height:80px;margin:0 auto 18px;display:grid;place-items:center;border-radius:24px;color:#fff;background:#25d366;box-shadow:0 12px 28px #25d3663b}.header h1{margin:0;color:var(--heading);font-size:32px;letter-spacing:-.8px;line-height:1.2}.header p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.card{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 22px 60px #075e5412}label{display:block;margin-bottom:10px;font-size:14px;font-weight:650;color:var(--label)}input{display:block;width:100%;padding:10px 16px;font-size:18px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;outline:none;letter-spacing:.35px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--placeholder)}input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661f}input[aria-invalid=true]{border-color:#df6565}input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #df65651a}.helper{color:var(--subtle);font-size:12px;line-height:1.6;margin:9px 0 0}.country-field{position:relative;margin-bottom:22px}.country-input{position:relative}.country-input input{padding-right:40px;font-size:15px;letter-spacing:normal}.country-input>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.country-options{position:absolute;z-index:5;top:74px;left:0;right:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:5px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #00000026}.country-options li{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:7px;color:var(--text);font-size:14px;cursor:pointer}.country-options li.highlighted{background:var(--page-start)}.country-options li[aria-selected=true]{color:var(--heading);font-weight:650}.country-code{margin-left:auto;white-space:nowrap;color:var(--muted)}.country-options .country-empty{color:var(--muted);cursor:default}.error{color:var(--error);font-size:12px;margin:9px 0 0}button{width:100%;margin-top:20px;padding:10px 16px;border:0;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;color:#fff;background:#25d366;cursor:pointer;font-weight:700;font-size:15px;transition:background .15s,transform .15s,opacity .15s}button:not(:disabled):hover{background:#1db954}button:not(:disabled):active{transform:scale(.985)}button:focus-visible{outline:3px solid var(--heading);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--subtle);font-size:12px;margin:23px 0 0}footer{margin-top:28px;text-align:center;color:var(--subtle);font-size:12px}footer a{color:var(--heading);text-decoration:none;text-underline-offset:3px}footer a:hover{text-decoration:underline}footer a:focus-visible{outline:2px solid var(--heading);outline-offset:4px;border-radius:2px}@media(max-width:480px){.card{padding:24px 20px;border-radius:21px}.header{margin-bottom:16px}.header h1{font-size:30px}.page{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}
