*{box-sizing:border-box}html{background:#111815}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202923;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid #77bfa0;outline-offset:4px}button{border:0}button:disabled{cursor:default}svg{flex-shrink:0}button{transition:background-color .16s,transform .16s}button:active:not(:disabled){transform:scale(.96)}.setup{background:#f7f5ef;min-height:100svh;padding:calc(25px + env(safe-area-inset-top)) 25px calc(26px + env(safe-area-inset-bottom));max-width:520px;margin:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:17px}.brand-icon{background:#e2ebe2;color:#247a53;display:grid;place-items:center;width:38px;height:38px;border-radius:13px}.local-label{margin-left:auto;font-size:11px;font-weight:400;color:#667369}.intro{margin:35px 0 27px}.eyebrow{font-size:12px;color:#247a53;letter-spacing:1px;margin-bottom:10px}.intro h1{font-size:27px;letter-spacing:-.7px;margin:0 0 10px;font-weight:650}.intro>p:last-child{font-size:14px;color:#69746b}.field{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:600}.field input,textarea,select{width:100%;background:#fffefb;border:1px solid #d8ded6;border-radius:13px;color:#202923;padding:14px 15px;font-size:16px;outline:none}.field input:focus,textarea:focus,select:focus{border-color:#247a53;box-shadow:0 0 0 3px #247a5315}textarea{resize:vertical;line-height:1.7;min-height:150px}.script-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 9px;font-size:14px;font-weight:600}.preview{color:#247a53;display:flex;align-items:center;gap:5px;background:transparent;min-height:44px;padding:0 4px;font-size:13px}.subtle{font-size:12px;color:#798177;margin:13px 0 10px}.presets{display:flex;flex-wrap:wrap;gap:8px}.presets button{background:#e9ede5;color:#46584a;border-radius:22px;padding:10px 13px;font-size:12px;min-height:44px}.options{margin-top:26px;border-top:1px solid #dedfd6;padding-top:22px}fieldset{border:0;margin:0;padding:0}legend{font-size:14px;font-weight:600;margin-bottom:13px}.segments{display:flex;background:#e9ede5;padding:4px;border-radius:13px}.segments button{flex:1;min-height:42px;background:transparent;color:#6b776d;border-radius:10px;font-size:14px}.segments button[aria-pressed=true]{background:#fffefb;color:#247a53;box-shadow:0 2px 5px #233b2810;font-weight:650}.voice-field{margin-top:24px}.voice-note{font-size:11px;color:#798177;line-height:1.5}.rate{margin-top:23px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:600}.rate span{font-size:12px;color:#247a53;font-weight:400}.rate input{width:100%;accent-color:#247a53;min-height:44px;margin:6px 0 0}.start{width:100%;display:flex;justify-content:center;align-items:center;gap:13px;margin-top:26px;min-height:57px;background:#247a53;color:#fff;border-radius:16px;font-size:16px;font-weight:600}.notice{font-size:13px;color:#8b5723;line-height:1.6}footer{font-size:11px;color:#7a8277;text-align:center;line-height:1.8;margin-top:19px}footer details{margin-top:18px;text-align:left}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;color:#69776b}footer details p{font-size:12px}.child{max-width:480px;min-height:100svh;height:100svh;margin:auto;background:#111815;color:#fafcf9;display:flex;flex-direction:column;align-items:center;padding:calc(26px + env(safe-area-inset-top)) 28px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.secret-header{background:transparent;color:inherit;min-height:48px;font-size:19px;font-weight:500;padding:9px 15px;max-width:100%;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none;touch-action:none}.dialer .secret-header{font-size:15px;color:#9ba69f;letter-spacing:2px}.number-display{width:100%;display:flex;align-items:center;justify-content:center;min-height:112px;margin:auto 0 20px;gap:12px}.number-display span{font-size:34px;font-weight:400;text-align:center;overflow-wrap:anywhere;min-width:0;line-height:1.3}.number-display button{background:transparent;color:#bac3bc;min-width:44px;min-height:44px;flex-shrink:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 25px;width:100%;max-width:296px}.key{width:82px;height:82px;border-radius:50%;background:#2a332e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center}.key span{font-size:34px;font-weight:350;line-height:1.15}.key small{font-size:10px;letter-spacing:2px;margin-top:3px;font-weight:600}.round{height:76px;width:76px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff}.call-button{background:#32af67;margin:26px 0 auto}.dialer-bottom{font-size:12px;color:#85968a;letter-spacing:3px;margin-top:26px}.in-call .secret-header{font-size:30px;font-weight:450;margin-top:22px}.call-identity{text-align:center;margin:18px 0 auto}.avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#253b2e;color:#a4c7ae;margin:10px auto 22px}.fake-number{color:#9eada2;font-size:15px;overflow-wrap:anywhere;margin:0 0 13px}.call-status{font-size:16px;color:#c3ccc5;margin:0 0 9px}.duration{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:0}.call-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 22px;width:100%;max-width:310px;margin:30px 0}.call-tools button{background:transparent;color:#f5f8f3;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;min-height:84px}.call-tools button>span{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:#303a34}.call-tools button[aria-pressed=true]>span{background:#f1f5ef;color:#17281d}.call-tools button:disabled{opacity:.35}.end-button{background:#e95350;margin:12px 0 27px;z-index:3}.end-button:disabled{opacity:.5}.call-notice{font-size:12px;color:#efca99}.replay{background:#304b3a;color:#fff;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 17px;border-radius:22px;margin-top:12px}.call-keypad{position:fixed;bottom:calc(130px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(100%,430px);background:#111815;padding:15px 35px 5px;z-index:2;display:flex;flex-direction:column;align-items:center}.compact{gap:10px 20px;max-width:250px}.compact .key{width:60px;height:60px}.compact .key span{font-size:25px}.close-pad{min-height:44px;background:transparent;color:#c0cfc3;margin-top:7px}.dtmf-number{min-height:30px;overflow-wrap:anywhere;max-width:100%;text-align:center;font-size:20px}@media(min-width:600px){.setup{margin:28px auto;border-radius:24px;min-height:calc(100svh - 56px);padding:32px 38px}.child{border-left:1px solid #26342c;border-right:1px solid #26342c}.intro{margin-top:40px}}@media(max-height:740px){.child{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.number-display{min-height:68px;margin-bottom:13px}.key{width:70px;height:70px}.keypad{gap:12px 22px;max-width:268px}.call-button{margin-top:20px}.in-call .secret-header{margin-top:4px;font-size:27px}.avatar{width:64px;height:64px;margin:3px auto 13px}.call-identity{margin-top:7px}.call-tools{gap:16px 20px;margin:18px 0}.call-tools button>span{width:58px;height:58px}.end-button{margin:6px 0 10px}.call-keypad{bottom:110px}.compact .key{width:54px;height:54px}}@media(max-height:600px){.key{width:59px;height:59px}.keypad{gap:8px 20px;max-width:240px}.number-display{min-height:48px;margin:8px 0 10px}.dialer-bottom{margin-top:14px}.call-button{width:66px;height:66px;margin-top:16px}.in-call .avatar{display:none}.call-tools{margin:15px 0;gap:10px 15px}.call-identity{margin-bottom:auto}.secret-header{font-size:23px!important}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}.secret-header{flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2}.secret-header{display:block;max-height:calc(2.4em + 18px)}.secret-header>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
