.qd-workspace{display:grid;grid-template-columns:minmax(345px,440px) minmax(300px,1fr);gap:28px;max-width:1110px;margin:0 auto;align-items:start;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.qd-phone.panel{border-radius:32px;padding:25px 30px 20px;background:linear-gradient(150deg,var(--card) 55%,color-mix(in srgb,var(--soft) 45%,var(--card)));box-shadow:0 18px 60px #3e18350b}
.qd-phone-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.qd-phone-top .eyebrow{font-size:9px;letter-spacing:.14em}.qd-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.qd-status i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.qd-status.ready i{background:#29bc74;box-shadow:0 0 0 3px #29bc7412}
.qd-line{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--field);border:1px solid var(--line);border-radius:14px}.qd-line>.icon{color:var(--accent);width:17px}.qd-line label{flex:1;min-width:0}.qd-line label>span{display:block;color:var(--muted);font-size:9px;line-height:1.2}.qd-line select{font:inherit;font-size:11px;font-weight:500;border:0;padding:4px 18px 0 0;background:transparent;width:100%;outline-offset:3px;min-height:26px}.qd-connection{font-size:11px;color:var(--muted);padding:12px 0 0;text-align:center}
.qd-person{display:flex;align-items:center;flex-direction:column;gap:3px;margin:25px 0 12px;min-height:101px}.qd-person-avatar{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent);font-size:15px;font-weight:550;margin-bottom:7px}.qd-person strong{font-size:20px;font-weight:600;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere}.qd-person>span:last-child{color:var(--muted);font-size:11px;text-align:center}.qd-number{width:100%;border:0;border-radius:8px;background:transparent!important;text-align:center;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.055em;font-weight:400;padding:3px 0;line-height:1.3;height:43px;box-shadow:none}.qd-number::placeholder{color:var(--muted);font-size:24px;font-weight:300}.qd-add-wrap{height:28px;text-align:center;margin:2px 0 10px}.qd-add-wrap button{border:0;background:transparent;color:var(--accent);font-size:11px;padding:3px 8px}.qd-add-wrap svg{width:13px;height:13px;margin-right:5px}
.qd-keypad{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;gap:12px 23px}.qd-keypad button{width:72px;height:72px;border-radius:50%;border:1px solid transparent;background:color-mix(in srgb,var(--fg) 6%,var(--card));display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px;transition:transform .12s,background .12s;line-height:1.1}.qd-keypad strong{font-size:29px;font-weight:400;letter-spacing:-.04em}.qd-keypad small{font-size:8px;letter-spacing:.18em;line-height:1.6;min-height:12px;font-weight:600;margin-top:3px}.qd-keypad button:hover{background:color-mix(in srgb,var(--accent) 13%,var(--card))}.qd-keypad button:active{transform:scale(.94);background:var(--soft)}
.qd-call-row{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;align-items:center;gap:23px;margin-top:19px}.qd-call-row button{display:grid;place-items:center;border:0;background:transparent;justify-self:center}.qd-call-row .qd-call{width:72px;height:62px;border-radius:32px;background:#23b86c;color:white;box-shadow:0 6px 14px #23b86c20}.qd-call-row .qd-call:enabled:hover{background:#199c58}.qd-call-row .qd-call:disabled{background:var(--line);color:var(--muted);box-shadow:none;opacity:.65}.qd-call svg{width:27px;height:27px;stroke-width:2;fill:currentColor;fill-opacity:.08}.qd-plus{font-size:24px;font-weight:300;width:44px;height:44px;color:var(--muted)}#qd-erase{width:44px;height:44px;color:var(--muted)}#qd-erase svg{width:22px}.qd-call-label{text-align:center;font-size:10px;color:var(--muted);margin:7px 0 16px}.qd-phone .q-record-notice{border-radius:14px;font-size:10px;padding:12px 14px;margin:0;background:var(--field)}.qd-phone .q-record-notice strong{font-size:10px;gap:6px}.qd-phone .q-record-notice strong svg{width:13px;height:13px}.qd-phone .q-record-notice p{font-size:10px;line-height:1.6;margin:5px 0}.qd-phone .q-check{display:flex;align-items:flex-start;gap:8px;line-height:1.5;font-size:10px;margin:9px 0 3px}.qd-phone .q-check input{margin:1px 0 0;min-height:15px;width:15px;flex:none}.qd-phone .q-record-notice small{font-size:9px;display:block;color:var(--muted);margin-top:7px}.qd-billing{font-size:9px;color:var(--muted);text-align:center;margin-top:15px;line-height:1.65}.qd-billing svg{width:12px;height:12px;margin-right:4px}
.qd-companion{display:grid;gap:18px}.qd-addressbook.panel{border-radius:25px;padding:25px 25px 12px}.qd-book-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.qd-book-heading h2{font-size:22px;letter-spacing:-.055em;font-weight:600}.qd-book-heading .icon-button{min-width:32px;width:32px;height:32px;padding:7px}.qd-search{display:flex;align-items:center;gap:9px;padding:11px 13px;background:var(--field);border:1px solid var(--line);border-radius:12px}.qd-search svg{width:17px;color:var(--muted)}.qd-search input{min-width:0;flex:1;font-size:12px;background:transparent;border:0;padding:0}.qd-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.qd-search input:focus-visible{outline:0}.qd-tabs{display:flex;padding:4px;background:var(--field);border-radius:11px;margin-top:15px;gap:3px}.qd-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;background:transparent;padding:9px;border-radius:8px;color:var(--muted);font-size:11px}.qd-tabs button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 5px #0000000b}.qd-tabs svg{width:15px;height:15px}.qd-results{max-height:335px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:4px}.qd-list-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:20px 3px 9px}.qd-contact{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:12px 9px}.qd-contact+.qd-contact{margin-top:2px}.qd-contact:hover{background:var(--field)}.qd-contact.selected{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.qd-contact-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--field);color:var(--accent);font-weight:600;font-size:12px}.qd-contact.selected .qd-contact-avatar{background:var(--card)}.qd-contact>span:nth-child(2){flex:1;min-width:0}.qd-contact strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qd-contact small{display:block;font-size:10px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qd-contact>svg{width:14px;color:var(--muted)}.qd-empty{padding:33px 15px;text-align:center;color:var(--muted);font-size:12px}.qd-empty strong{display:block;color:var(--fg);font-weight:500;margin:8px 0}.qd-empty svg{color:var(--accent);width:26px;height:26px}.qd-empty p{font-size:11px}
.qd-context.panel{border-radius:25px;padding:24px;background:linear-gradient(125deg,var(--card),var(--soft))}.qd-context h3{font-size:21px;letter-spacing:-.04em;margin:12px 0 6px;font-weight:550}.qd-context>p{font-size:12px;color:var(--muted);line-height:1.8}.qd-context .eyebrow{font-size:9px}.qd-selected-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.qd-number-options{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.qd-number-options button{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 11px;text-align:left;font-size:10px}.qd-number-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.qd-number-options small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.qd-context .button{font-size:11px;min-height:39px;padding:9px 14px;gap:8px}.qd-guide-link{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:var(--muted);padding:4px 12px}.qd-guide-link:hover{color:var(--accent)}.qd-guide-link svg{width:14px;height:14px}
.q-live-call{border-radius:26px;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--card) 95%,transparent);border-color:var(--line)}.q-live-call .q-hangup{border-radius:99px}.q-live-call p{white-space:normal;min-width:150px}.q-live-call input{width:65px}.q-live-call strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;letter-spacing:-.04em}
@media(min-width:1550px){.qd-workspace{grid-template-columns:440px minmax(420px,1fr);gap:38px}.qd-results{max-height:420px}}
@media(max-width:1000px){.qd-workspace{grid-template-columns:minmax(310px,390px) minmax(250px,1fr);gap:16px}.qd-phone.panel{padding:22px 20px}.qd-addressbook.panel{padding:20px 16px 10px}.qd-context.panel{padding:20px}}
@media(max-width:760px){.qd-workspace{grid-template-columns:1fr;max-width:460px}.qd-phone.panel{border-radius:28px}.qd-phone-top{margin-bottom:15px}.qd-person{margin-top:20px}.qd-companion{gap:14px}.qd-keypad{gap:10px 24px}.qd-addressbook.panel{padding:22px}.qd-number{font-size:30px}.qd-results{max-height:280px}.qd-billing{font-size:9px}}
.qd-phone.panel{padding-top:21px;padding-bottom:17px}.qd-phone-top{margin-bottom:14px}.qd-person{min-height:0;margin:18px 0 9px}.qd-person-avatar{width:34px;height:34px;margin-bottom:4px;font-size:12px}.qd-person strong{font-size:19px}.qd-add-wrap{height:21px;margin:0 0 7px}.qd-add-wrap:has([hidden]){height:12px;margin:0}.qd-keypad{grid-template-columns:repeat(3,64px);gap:9px 25px}.qd-keypad button{width:64px;height:64px}.qd-keypad strong{font-size:27px}.qd-call-row{grid-template-columns:repeat(3,64px);gap:25px;margin-top:14px}.qd-call-row .qd-call{width:64px;height:57px}.qd-call-label{margin:6px 0 12px}.qd-phone .q-record-notice p{display:none}.qd-phone .q-record-notice{padding:10px 12px}.qd-phone .q-record-notice small{margin-top:5px}.qd-billing{margin-top:12px}
@media(prefers-reduced-motion:reduce){.qd-keypad button{transition:none}}

.qd-repertoire{display:block;border:0;background:transparent;color:var(--accent);font-size:10px;margin:0 auto 8px;padding:3px 10px}.qd-phone,.qd-addressbook{scroll-margin-top:95px}.qd-person{margin-bottom:3px}