:root{--bg:#090d0d;--panel:#111817;--line:#303a32;--gold:#dbc18b;--muted:#96a398;--text:#e9ede5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{font-size:14px}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}.sprite{display:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}use{pointer-events:none}.sr-only,.skip{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip:focus{clip:auto;width:auto;height:auto;left:10px;top:10px;background:#243325;padding:15px;z-index:100}.topbar{height:83px;display:flex;align-items:center;gap:27px;padding:0 36px;border-bottom:1px solid #c6aa672e;background:linear-gradient(115deg,#191c16,#0e1313 65%)}.brand{display:flex;align-items:center;gap:13px}.brand>span,.brand-k{font:48px/1 var(--serif);color:#efdab2}.brand>div{font:20px/1.2 var(--serif);letter-spacing:3px;color:#e5d5b3}.brand small{display:block;font:7px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#929983;margin-top:8px}.product{padding-left:26px;border-left:1px solid #bca36a42;font:25px/1.3 var(--serif)}.product span,.pill{display:inline-block;font:9px/1.4 system-ui,sans-serif;letter-spacing:1px;border:1px solid #b59c604f;border-radius:4px;padding:5px 7px;color:var(--gold);vertical-align:middle}.product span{margin-left:6px}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:12px;color:#a7afa0}.icon-button{width:36px;height:36px;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#a8b59e;flex-shrink:0}.icon-button:hover{background:#c7af5d12;color:#ead6ab}.pilot-banner{display:flex;align-items:center;gap:13px;padding:11px 36px;background:#aa95540c;border-bottom:1px solid #b19b5821}.pilot-banner .pill{border:0;background:#b6a46515;font-size:8px;white-space:nowrap}.pilot-banner p{margin:0;color:#b3b69f;font-size:11px;line-height:1.6}.pilot-banner strong{color:#d4c9a9;font-weight:400}.workspace{display:grid;grid-template-columns:290px minmax(450px,1fr) 310px;min-height:calc(100dvh - 130px);max-width:1800px;margin:auto}.people-panel{border-right:1px solid var(--line);background:#101615;display:flex;flex-direction:column}.panel-heading{padding:32px 25px 25px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.6;color:#c1aa74}.panel-heading h1{font:31px/1.3 var(--serif);font-weight:400;margin:13px 0 9px;color:#e7d7b2}.panel-heading p{font-size:11px;color:#91a18e;line-height:1.8;margin:0}.people-list{flex:1}.person{padding:21px 19px 15px;border-bottom:1px solid #35433063}.person-main{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:0}.avatar{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a38e5448;background:linear-gradient(130deg,#343925,#18201a);border-radius:14px;font:20px/1 var(--serif);color:#d7c58e;flex-shrink:0}.person-main strong{display:block;font-size:13px;font-weight:500;margin-bottom:7px;overflow-wrap:anywhere}.person-main small{display:flex;align-items:center;gap:5px;font-size:10px;color:#8fa082;line-height:1.7}.status-dot{width:5px;height:5px;background:#71796e;border-radius:50%;display:inline-block}.status-dot.online{background:#8ccab2}.person-actions{display:flex;gap:3px;margin-left:52px;margin-top:5px}.person-actions .icon-button{width:32px;height:29px}.person-actions svg{width:16px;height:16px}.sidebar-bottom{display:flex;flex-direction:column;gap:20px;padding:28px 25px;border-top:1px solid var(--line)}.text-button{display:inline-flex;align-items:center;gap:9px;text-align:left;font-size:11px;color:#beaf84;padding:0;line-height:1.7}.text-button svg{width:17px;height:17px}.text-button:hover{color:#f0d7a4}.center-panel{padding:34px 42px 35px;background:radial-gradient(ellipse at 50% 64%,#c3a1600b,transparent 60%);min-width:0}.center-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between;max-width:630px;margin:auto}.center-heading h2{font:32px/1.2 var(--serif);font-weight:400;margin:12px 0 23px;letter-spacing:-.5px}.center-heading em{font-weight:400;color:#ccb27b}.sound-button{display:flex;align-items:center;gap:7px;color:#a4af9a;font-size:10px;border:1px solid #70815740;border-radius:20px;padding:8px 11px;white-space:nowrap}.sound-button[aria-pressed=true]{color:#d8c184;border-color:#c0a45e80}.sound-button svg{width:15px;height:15px}.phone-shell{position:relative;width:min(100%,375px);margin:4px auto 0;border:1px solid #b89a5a72;border-radius:27px;padding:22px 27px 18px;background:linear-gradient(155deg,#20251d,#0b1212 49%,#131d18);box-shadow:0 20px 80px #0005,inset 0 0 0 5px #d1b87306}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#c7af7c}.connection{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:0;color:#939c87}.connection:before{content:'';width:5px;height:5px;border-radius:50%;background:#847e60}.connection.online{color:#9ab79f}.connection.online:before{background:#9cc8a9}.my-line{position:relative;text-align:center;padding:28px 0 23px;border-bottom:1px solid #a98d4d32}.line-label{display:block;font-size:8px;letter-spacing:2px;color:#9d9c7b}.my-line strong{display:block;font:46px/1.2 var(--serif);color:#e6d09b;margin:8px 0 6px;letter-spacing:1px}.my-line>span:last-of-type{display:block;font-size:11px;color:#b3bba4}.copy-number{position:absolute;right:0;bottom:22px;width:28px;height:28px;color:#89977f}.copy-number svg{width:14px;height:14px}.dial-display{padding:20px 0 11px;text-align:center}.dial-display label{font-size:11px;color:#9fae98}.dial-display>div{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px}.dial-display>div>span{font:28px/1 var(--serif);color:#b79f66}.dial-display input{background:none;border:0;border-bottom:1px solid #a48e493b;min-width:0;width:190px;color:#e4e9da;padding:6px 3px;text-align:center;font:29px/1.2 var(--serif);letter-spacing:2px}.dial-display input::placeholder{color:#68755f}.dial-display .icon-button{width:24px;height:29px;padding:3px}.dial-display .icon-button svg{width:18px;height:18px}.dial-display small{display:block;font-size:9px;color:#788b77;margin-top:10px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;padding:8px 3px}.keypad button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;border:1px solid #75805c1a;border-radius:15px;background:#d6c79403;transition:background .15s}.keypad button:hover,.keypad button:active{background:#c9b66d15;border-color:#b49b5a68}.keypad strong{font-size:25px;font-weight:350;line-height:1.2;color:#e0dfc7}.keypad small{font-size:7px;letter-spacing:2px;color:#87957a;line-height:1.8}.keypad .key-word{font-size:8px;letter-spacing:1px;color:#8e9a7c;border:0;background:none}.key-word svg{width:18px;height:18px;margin-bottom:2px}.keypad .key-word small{font-size:6px;letter-spacing:.7px}.call-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.call-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border-radius:12px;font-size:12px;font-weight:600}.voice-button{background:linear-gradient(120deg,#efd9a0,#bd9c5e);color:#252c1a;box-shadow:0 5px 19px #a28a4320}.video-button{border:1px solid #a38f565e;background:#b4a05d0a;color:#c6bc90}.call-buttons svg{width:19px;height:19px}.phone-bottom{font-size:8px;letter-spacing:1px;color:#798870;text-align:center;margin-top:16px}.mobile-invite{display:none}.guide-panel{border-left:1px solid var(--line);background:#111817;padding:34px 27px}.guide-heading h2{font:25px/1.35 var(--serif);font-weight:400;color:#d4c6a1;margin:13px 0 28px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:flex-start;gap:15px;margin:0 0 22px}.steps li>span{font:19px/1.3 var(--serif);color:#b19b65}.steps strong{font-size:12px;font-weight:500;color:#d0d4bb}.steps p{font-size:11px;line-height:1.8;color:#8e9e87;margin:6px 0 0}.network-note{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.network-note p{font-size:11px;line-height:1.8;color:#97a78c;margin:9px 0 13px}.network-note .text-button{font-size:11px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 4px}.recent-heading h3{font-size:12px;font-weight:500;margin:0;color:#bbc4a9}.recent-heading .icon-button svg{width:14px;height:14px;transform:rotate(90deg)}.muted{font-size:11px;color:#788d79;line-height:1.8}.recent-row{display:flex;align-items:center;gap:9px;padding:13px 0;width:100%;border-bottom:1px solid #a0aa7020;text-align:left}.recent-row>span:first-child{color:#9ba36f}.recent-row svg{width:15px;height:15px}.recent-row strong{font-size:11px;display:block;font-weight:400;color:#b8c1a6}.recent-row small{display:block;font-size:9px;line-height:1.7;color:#7d927a;margin-top:4px}.recent-row time{margin-left:auto;font-size:9px;color:#7c8e72;white-space:nowrap}.leave-button{font-size:10px;margin-top:24px;color:#9a9979}.empty{padding:50px 25px;text-align:center;color:#7d927d}.empty>svg{width:36px;height:36px;color:#a99560}.empty h3{font:23px/1.4 var(--serif);font-weight:400;color:#c6bd95}.empty p{font-size:12px;line-height:1.9}.empty .button{font-size:11px;margin-top:13px}.welcome{max-width:520px;text-align:center;border:1px solid #9d8b4b50;padding:40px 30px;border-radius:20px;margin:25px auto;background:radial-gradient(ellipse at 50% 30%,#c7b87312,transparent 75%)}.welcome-k{font:100px/1 var(--serif);color:#d9bd7f;text-shadow:0 0 70px #d5b76355}.welcome h3{font:30px/1.3 var(--serif);font-weight:400;color:#e5d2a4;margin:24px 0 17px}.welcome p{font-size:13px;line-height:1.9;color:#a6b49c}.actions{display:flex;flex-direction:column;gap:12px;margin:25px auto;max-width:290px}.welcome>small{font-size:10px;color:#879c80;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border:1px solid #b19b5a61;border-radius:7px;background:#a78f4f0b;color:#d1bd8a;font-size:12px;line-height:1.6}.button.gold{background:linear-gradient(120deg,#f0dca9,#c2a267);border-color:#d2b574;color:#24291a;font-weight:650}.button.decline{color:#e0b8a4;border-color:#bd80645e;background:#a54b2d15}.button svg{width:17px;height:17px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;width:min(550px,calc(100vw - 24px));border:1px solid #a991566c;border-radius:13px;padding:27px;background:#151d19;color:#e2e7d8;box-shadow:0 40px 120px #000a}dialog::backdrop{background:#050a09d9;backdrop-filter:blur(7px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-top .brand-k{font-size:40px}#modal-title{font:30px/1.35 var(--serif);font-weight:400;color:#e7d4aa;margin:0 0 17px}.modal-intro{font-size:13px;color:#a9b79e;line-height:1.85;margin:0 0 22px}.modal-form{display:flex;flex-direction:column;gap:17px}.field{display:flex;flex-direction:column;gap:9px;color:#b4c0a7;font-size:12px;line-height:1.7}.field input{width:100%;padding:12px;border:1px solid #6f81514f;border-radius:6px;background:#202a20;color:#e1e5cc;font-size:14px;min-width:0}.field small{font-size:10px;color:#879c80}.modal-note{font-size:11px;color:#8fa383;line-height:1.9;margin:0}.modal-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.modal-actions+.modal-note{margin-top:20px}.form-error{font-size:12px;color:#e8b99b;line-height:1.8;background:#af693b19;border:1px solid #ba78553d;border-radius:5px;padding:10px;margin:0}.help-list{padding-left:18px;color:#aab8a0;font-size:12px;line-height:1.9}.help-list li+li{margin-top:12px}.device-preview{width:100%;min-height:60px;max-height:280px;border-radius:10px;background:#0a1110;object-fit:cover}.device-preview:not([src]){aspect-ratio:16/9}#device-status{color:#adc29e;font-size:12px;line-height:1.8}#pilot-link{font-size:12px}.call-dialog{width:min(780px,calc(100vw - 24px));padding:27px 30px 23px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#28301e,#101815 70%)}.call-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.7px;color:#a6b48f}.call-top .pill{font-size:8px}.call-peer{margin:29px 0 20px}.call-peer h2{font:32px/1.3 var(--serif);font-weight:400;color:#e8d2a5;margin:0 0 8px;overflow-wrap:anywhere}.call-peer>span{font-size:12px;letter-spacing:1.5px;color:#9bad8b}.call-media{position:relative;display:grid;place-items:center;min-height:215px;border-radius:13px;overflow:hidden;background:#09110d;border:1px solid #a6a05b26}.audio-avatar{display:grid;place-items:center;width:135px;height:135px;border-radius:50%;border:1px solid #baa15e57;background:radial-gradient(ellipse,#514e2c,#1c2c1f);font:50px/1 var(--serif);color:#e4d4a5;box-shadow:0 0 0 16px #b9b36204,0 0 0 32px #b9b36203}.call-dialog #remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;background:#070e0a}.call-dialog.has-video .call-media{aspect-ratio:16/9}.call-dialog.has-video #remote-video{opacity:1}.call-dialog.has-video .audio-avatar{visibility:hidden}.call-dialog #local-video{position:absolute;right:12px;bottom:12px;width:25%;max-width:170px;aspect-ratio:4/3;object-fit:cover;border:1px solid #a89b5661;border-radius:7px;background:#1a291e;transform:scaleX(-1)}.call-dialog[data-mode=audio] #local-video{display:none}.play-audio{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#273620e8;z-index:2;white-space:nowrap}.call-status{font-size:12px;line-height:1.8;color:#b3c2a3;margin:19px 0 8px}.duration{font-size:18px;letter-spacing:3px;color:#d8c393;min-height:24px}.incoming-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:23px}.incoming-controls .button{min-width:130px}.in-call-controls{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:20px}.control-button{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:80px;border-radius:8px;color:#a9b69b;padding:10px 6px}.control-button svg{width:22px;height:22px}.control-button span{font-size:10px;line-height:1.4}.control-button[aria-pressed=true]#mute-button,.control-button[aria-pressed=false]#camera-button{background:#b4834b19;color:#e4bc89}.hangup{width:61px;height:52px;border-radius:18px;display:grid;place-items:center;background:#aa4e3b;border:1px solid #cd84646b;color:#ffe2cb}.hangup svg{width:25px;height:25px;transform:rotate(135deg)}.call-disclaimer{font-size:9px;color:#7d9275;line-height:1.8;margin:20px 0 0}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;padding:14px 19px;background:#293522;border:1px solid #b9a3696e;border-radius:8px;box-shadow:0 10px 40px #0006;font-size:12px;color:#e1d8b7;line-height:1.8}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#47513b;border-radius:4px}
@media(min-width:1600px){.workspace{grid-template-columns:330px minmax(500px,1fr) 350px}.people-panel .person{padding:26px}.guide-panel{padding:38px 33px}.phone-shell{margin-top:18px}.center-heading h2{font-size:37px}}
@media(max-width:1200px){.workspace{grid-template-columns:240px minmax(400px,1fr) 270px}.center-panel{padding:30px 27px}.guide-panel{padding:30px 21px}.panel-heading{padding:28px 20px}.person{padding:18px 15px}.center-heading h2{font-size:28px}.sound-button span{display:none}.sound-button{border:0;padding:8px}.sound-button svg{width:18px;height:18px}.topbar{padding:0 25px}.guide-heading h2{font-size:23px}}
@media(max-width:980px){.workspace{grid-template-columns:245px minmax(0,1fr)}.guide-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:30px}.guide-heading{grid-column:1}.steps{grid-column:1;grid-row:2/5}.network-note{grid-column:2;grid-row:1/3;padding-top:0;border-top:0}.recent-panel{grid-column:2}.leave-button{grid-column:2}.topbar nav{gap:15px}.brand>div{font-size:17px}.topbar{gap:20px}.product{padding-left:20px;font-size:23px}.pilot-banner{padding-left:25px;padding-right:25px}.phone-shell{margin-bottom:15px}.center-heading{max-width:375px}}
@media(max-width:650px){.topbar{height:69px;padding:0 17px;gap:14px}.brand>div{display:none}.brand>span{font-size:42px}.product{padding-left:15px;font-size:25px}.product span{font-size:8px}.topbar nav{gap:0}.topbar nav>a{display:none}.pilot-banner{padding:10px 17px;gap:10px;align-items:flex-start}.pilot-banner .pill{font-size:7px;margin-top:3px;padding:5px}.pilot-banner p{font-size:10px}.pilot-banner strong{display:block}.workspace{display:flex;flex-direction:column}.center-panel{order:0;padding:24px 20px}.center-heading{max-width:390px}.center-heading h2{font-size:27px;margin-bottom:20px}.eyebrow{font-size:9px}.sound-button span{display:inline;font-size:9px}.sound-button{gap:5px;border:1px solid #7686503b;padding:7px 9px}.sound-button svg{width:13px;height:13px}.phone-shell{max-width:375px;padding:20px 25px 17px;border-radius:25px;margin-top:0}.phone-top{font-size:8px}.connection{font-size:9px}.my-line{padding:22px 0 21px}.my-line strong{font-size:43px}.line-label{font-size:8px}.my-line>span:last-of-type{font-size:12px}.dial-display{padding:17px 0 9px}.dial-display label{font-size:12px}.dial-display input{font-size:30px}.dial-display small{font-size:10px}.keypad{gap:6px 14px;padding-top:8px}.keypad button{height:58px}.keypad strong{font-size:27px}.keypad small{font-size:8px}.keypad .key-word{font-size:8px}.call-buttons button{min-height:49px;font-size:13px}.phone-bottom{font-size:9px}.mobile-invite{display:block;text-align:center;margin:20px auto 0}.mobile-invite .text-button{font-size:11px}.people-panel{order:1;border-right:0;border-top:1px solid var(--line)}.panel-heading{padding:24px}.panel-heading h1{font-size:27px;margin:7px 0}.panel-heading p{font-size:12px}.people-list{display:grid;grid-template-columns:1fr}.person{padding:20px 24px;display:flex;align-items:center;gap:10px}.person-main{min-width:0}.person-main strong{font-size:14px}.person-main small{font-size:11px;flex-wrap:wrap}.person-actions{margin:0;gap:7px}.person-actions .icon-button{width:34px;height:34px;border:1px solid #7c905334}.person-actions svg{width:18px;height:18px}.avatar{width:43px;height:43px}.sidebar-bottom{padding:22px 24px;flex-direction:row;justify-content:space-between}.sidebar-bottom .text-button{font-size:10px}.sidebar-bottom .text-button svg{width:14px;height:14px}.guide-panel{order:2;display:block;padding:29px 24px}.guide-heading h2{font-size:27px;margin-bottom:25px}.steps li{gap:20px}.steps li>span{font-size:22px}.steps strong{font-size:13px}.steps p,.network-note p{font-size:12px}.network-note{padding:23px 0}.network-note .text-button{font-size:12px}.recent-heading h3{font-size:13px}.recent-row strong{font-size:13px}.recent-row small{font-size:11px}.recent-row time{font-size:11px}.muted{font-size:12px}.leave-button{font-size:11px}.welcome{margin:8px auto 0;padding:30px 23px;max-width:390px}.welcome-k{font-size:90px}.welcome h3{font-size:29px}.welcome p{font-size:13px}.welcome>small{font-size:10px}.button{font-size:13px;min-height:46px}.empty{padding:35px 28px}.empty h3{font-size:24px}.empty p{font-size:13px}.empty .button{font-size:12px}dialog{padding:23px;max-height:calc(100dvh - 22px)}#modal-title{font-size:28px}.field input{font-size:16px}.field{font-size:13px}.modal-intro{font-size:13px}.modal-note{font-size:11px}.help-list{font-size:13px}.modal-actions .button{font-size:12px}.call-dialog{padding:23px 20px 19px;width:calc(100vw - 20px)}.call-top{font-size:8px;letter-spacing:1px}.call-top .pill{font-size:7px}.call-peer{margin:24px 0 19px}.call-peer h2{font-size:30px}.call-media{min-height:215px}.call-dialog.has-video .call-media{aspect-ratio:3/4}.call-dialog #local-video{width:28%;right:9px;bottom:9px}.call-status{font-size:12px;min-height:40px}.call-disclaimer{font-size:10px}.in-call-controls{gap:10px}.control-button{min-width:75px}.control-button span{font-size:10px}.toast{font-size:12px;bottom:15px}.play-audio{font-size:11px;max-width:95%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.reserved-number{font:50px Georgia,serif;color:var(--gold);text-align:center;margin:22px 0}.managed-lines{margin-top:30px;max-height:40vh;overflow:auto}.managed-line{padding:18px 0;border-top:1px solid var(--line)}.managed-line strong,.managed-line small{display:block}.managed-line small{color:var(--muted);margin-top:6px}.managed-line .button{font-size:12px}.managed-line .modal-actions{margin-top:12px}

.topbar nav>#top-member-login{display:inline-flex;font-size:12px;margin-right:12px}

/* Installed K Fone opens as a dialer; the portal layout stays in the browser. */
.conversas-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;width:100%;min-height:62px;margin-top:12px;padding:14px 18px;border:1px solid #c3a5659c;border-radius:15px;background:linear-gradient(160deg,#303027 0%,#101312 48%,#080b0b 100%);box-shadow:inset 0 1px 0 #ead29d30,0 5px 18px #0003;color:var(--gold);font-size:16px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:background .15s,border-color .15s}
.conversas-bar svg{width:25px;height:25px;flex-shrink:0}.conversas-bar:hover,.conversas-bar:active{background:linear-gradient(160deg,#45402c,#151a16 65%);border-color:var(--gold)}.conversas-bar:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.app-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-shrink:0;width:100%;margin-top:12px}.app-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:74px;padding:10px 6px;border:1px solid #c3a56570;border-radius:14px;background:linear-gradient(160deg,#282a22,#0b0f0e 70%);box-shadow:inset 0 1px 0 #ead29d20;color:var(--gold);font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.app-shortcuts svg{width:24px;height:24px;flex-shrink:0}.app-shortcuts a:hover,.app-shortcuts a:active{background:linear-gradient(160deg,#45402c,#151a16 65%);border-color:var(--gold)}.app-shortcuts a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.app-toolbar{display:flex;align-items:center;gap:10px;max-width:520px;margin:auto;padding:calc(16px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 14px max(22px,env(safe-area-inset-left));border-bottom:1px solid #dbc18b21}
.app-title{flex:1;min-width:0}.app-title>span{font-size:8px;letter-spacing:1.8px;color:var(--gold)}.app-title h1{font:24px/1.3 var(--serif);font-weight:400;margin:5px 0 0;outline:none}.app-toolbar .icon-button{width:44px;height:44px;border:1px solid #dbc18b30;border-radius:50%}
.dialer-mode{background:radial-gradient(ellipse at 50% 28%,#2b2d1d55,transparent 68%),var(--bg)}
.dialer-mode .topbar,.dialer-mode .pilot-banner,.dialer-mode .center-heading,.dialer-mode .mobile-invite,.dialer-mode .guide-heading,.dialer-mode .steps{display:none}
.dialer-mode .workspace{display:block;max-width:520px;min-height:0}
.dialer-mode .center-panel{padding:12px max(22px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:none}
.dialer-mode .phone-shell{display:flex;flex-direction:column;width:min(100%,375px);min-height:calc(100dvh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.dialer-mode .phone-top{font-size:8px;min-height:20px}.dialer-mode .connection{font-size:10px}
.dialer-mode .my-line{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 32px 14px 0;text-align:left;border-bottom-color:#dbc18b20;min-width:0}
.dialer-mode .line-label{display:none}.dialer-mode .my-line strong{font:23px/1.2 var(--serif);margin:0;white-space:nowrap}.dialer-mode .my-line>span:last-of-type{font-size:11px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialer-mode .copy-number{bottom:11px}
.dialer-mode .dial-display{padding:17px 0 10px}.dialer-mode .dial-display label{font-size:11px}.dialer-mode .dial-display input{font-size:34px;width:190px}.dialer-mode .dial-display small{display:none}
.dialer-mode .keypad{flex:1;align-content:center;gap:8px 18px;padding:10px 0 12px}.dialer-mode .keypad button{height:clamp(46px,calc((100dvh - 756px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 4),82px);border-radius:22px;background:#dbc18b06;border:1px solid #dbc18b1c}.dialer-mode .keypad button:active{background:#dbc18b20}.dialer-mode .keypad strong{font-size:30px}.dialer-mode .keypad small{font-size:8px}.dialer-mode .keypad .key-word{font-size:8px}
.dialer-mode .call-buttons{margin:0;gap:12px}.dialer-mode .call-buttons button{min-height:54px;font-size:13px;border-radius:19px}.dialer-mode .phone-bottom{font-size:9px;padding-top:15px;margin-top:0}
.dialer-mode .people-panel{border:0;background:none;min-height:calc(100dvh - 110px)}.dialer-mode .panel-heading{padding:23px 24px}.dialer-mode .panel-heading h1{display:none}.dialer-mode .panel-heading p{font-size:12px;margin-top:7px}.dialer-mode .person{display:flex;align-items:center;gap:10px;padding:20px 24px}.dialer-mode .person-main{min-width:0}.dialer-mode .person-actions{margin:0;gap:7px}.dialer-mode .person-actions .icon-button{width:38px;height:38px;border:1px solid #dbc18b2b}.dialer-mode .sidebar-bottom{padding:24px;gap:20px}
.dialer-mode .guide-panel{display:block;border:0;background:none;padding:24px}.dialer-mode .recent-heading{margin:0 0 14px}.dialer-mode .recent-heading h3{font-size:14px}.dialer-mode .recent-row{padding:18px 0}.dialer-mode .recent-row strong{font-size:14px}.dialer-mode .recent-row small{font-size:11px}.dialer-mode .recent-row time{font-size:10px}.dialer-mode .background-panel h2{font-size:28px}.dialer-mode .network-note p{font-size:12px}
.settings-tools{display:flex;flex-direction:column;align-items:flex-start;gap:23px;padding-top:24px}.settings-tools .sound-button span{display:inline;font-size:12px}.settings-tools .sound-button{border:1px solid #dbc18b40;padding:12px}.settings-tools .text-button{font-size:12px}
.app-menu{display:flex;flex-direction:column;gap:4px}.app-menu button{display:flex;gap:17px;align-items:center;text-align:left;padding:17px 12px;border-radius:10px;min-height:70px}.app-menu button:hover,.app-menu button:focus-visible{background:#dbc18b0c}.app-menu svg{width:24px;height:24px;color:var(--gold)}.app-menu span{font-size:15px}.app-menu small{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:var(--muted)}
@media(max-height:680px){.dialer-mode .app-toolbar{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.dialer-mode .phone-shell{min-height:0}.dialer-mode .dial-display{padding:9px 0 4px}.dialer-mode .dial-display input{font-size:29px}.dialer-mode .keypad{padding:9px 0 12px;gap:6px 15px}.dialer-mode .keypad button{height:46px}.dialer-mode .keypad strong{font-size:26px}.dialer-mode .my-line{padding-top:8px;padding-bottom:10px}.dialer-mode .call-buttons button{min-height:48px}.dialer-mode .phone-bottom{padding-top:10px}}
@media(display-mode:standalone){body:not(.dialer-mode) .topbar,body:not(.dialer-mode) .pilot-banner,body:not(.dialer-mode) .center-heading,body:not(.dialer-mode) .people-panel,body:not(.dialer-mode) .guide-panel,body:not(.dialer-mode) .mobile-invite{display:none}body:not(.dialer-mode) .workspace{display:block;max-width:520px}}

.background-panel{padding:0 0 24px;margin-bottom:26px;border-bottom:1px solid var(--line)}.background-panel h2{font:25px/1.3 var(--serif);color:#e7d4aa;margin:12px 0}.background-panel p{font-size:12px;line-height:1.8;color:#a6b49c}.background-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.background-actions .button{width:100%}#alerts-status{margin-top:18px}@media(min-width:651px) and (max-width:980px){.background-panel{grid-column:1/-1;grid-row:1}.guide-panel .guide-heading{grid-row:2}.guide-panel .steps{grid-row:3/6}.guide-panel .network-note{grid-row:2/4}}

#add-contact{margin-top:16px;min-height:44px;width:100%;font-size:12px}.person-main>span:last-child{min-width:0}.person-main strong{overflow-wrap:anywhere}
