.citizen-phone{gap:var(--space-2xs);width:min(100%,376px);min-width:0;height:660px;color:var(--color-ink);font-family:var(--font-body);text-align:left;letter-spacing:-.025em;box-sizing:border-box;flex-direction:column;margin-inline:auto;display:flex}.citizen-phone *,.citizen-phone :before,.citizen-phone :after{box-sizing:border-box}.citizen-phone button{font:inherit;cursor:pointer}.citizen-phone button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.citizen-phone-messages:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.citizen-phone button:disabled{cursor:wait;opacity:.55}.citizen-phone-toolbar,.citizen-phone-tools,.citizen-phone-toolbar-label,.citizen-phone-action,.citizen-phone-icon-button{align-items:center;display:flex}.citizen-phone-toolbar{justify-content:space-between;gap:var(--space-2xs);flex:none;min-height:36px}.citizen-phone-toolbar-label{gap:var(--space-2xs);font-size:var(--text-xs);font-weight:650}.citizen-phone-tools{gap:var(--space-3xs)}.citizen-phone-action,.citizen-phone-icon-button{border-radius:var(--radius-control);color:var(--color-accent);justify-content:center;gap:var(--space-3xs);min-height:32px;padding:var(--space-3xs) var(--space-2xs);white-space:nowrap;background:0 0;border:1px solid #0000;font-size:var(--text-xs)!important;font-weight:600!important}.citizen-phone-icon-button{width:32px;padding:var(--space-3xs)}.citizen-phone-action:hover:not(:disabled),.citizen-phone-icon-button:hover:not(:disabled){background:var(--color-sky);border-color:var(--color-rule)}.citizen-phone-action:active:not(:disabled),.citizen-phone-icon-button:active:not(:disabled){background:var(--color-rule-soft)}.citizen-phone-action[data-state=loading]{color:var(--color-muted);background:var(--color-paper)}.citizen-phone-device{border:4px solid var(--color-ink);background:var(--color-surface);min-height:0;box-shadow:0 8px 24px var(--color-shadow);border-radius:34px;flex-direction:column;flex:auto;display:flex;overflow:hidden}.citizen-phone-statusbar{font-family:var(--font-data);flex:0 0 35px;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;font-weight:700;display:flex;position:relative}.citizen-phone-island{background:var(--color-ink);border-radius:12px;width:76px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.citizen-phone-status-icons{align-items:center;gap:3px;display:flex}.citizen-phone-contact{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-rule-soft);flex:none;display:flex}.citizen-phone-avatar{width:44px;height:44px;color:var(--color-accent);background:var(--color-sky);border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.citizen-phone-contact strong{font-size:var(--text-base);font-weight:700;line-height:1.5;display:block}.citizen-phone-contact div>span{color:var(--color-muted);font-size:11px;line-height:1.6;display:block}.citizen-phone-simulation{border:1px solid var(--color-rule);border-radius:var(--radius-badge);color:var(--color-muted);white-space:nowrap;align-self:flex-start;margin-left:auto;padding:3px 5px;font-size:10px;font-weight:600}.citizen-phone-receipt{justify-content:space-between;align-items:center;gap:var(--space-2xs);min-height:40px;padding:var(--space-2xs) var(--space-sm);background:var(--color-paper);border-bottom:1px solid var(--color-rule-soft);color:var(--color-muted);flex:none;font-size:11px;line-height:1.5;display:flex}.citizen-phone-receipt-link,.citizen-phone-receipt-id{align-items:center;gap:var(--space-3xs);overflow-wrap:anywhere;font-family:var(--font-data);display:inline-flex}.citizen-phone-receipt-link{color:var(--color-accent);background:0 0;border:0;padding:0;font-size:11px!important}.citizen-phone-receipt-link:hover{text-underline-offset:3px;text-decoration:underline}.citizen-phone-receipt-link:active{color:var(--color-accent-hover)}.citizen-phone-progress{color:var(--color-accent);flex:none;font-size:11px;font-weight:650}.citizen-phone-progress[data-status=completed]{color:var(--color-success)}.citizen-phone-progress[data-status=held]{color:var(--color-warning)}.citizen-phone-progress[data-status=failed],.citizen-phone-progress[data-status=rejected]{color:var(--color-error)}.citizen-phone-conversation{flex:auto;min-height:0;display:flex;position:relative}.citizen-phone-messages{min-width:0;padding:var(--space-sm) var(--space-xs) var(--space-md);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent;flex:auto;overflow-y:auto}.citizen-phone-empty{justify-content:center;align-items:center;gap:var(--space-xs);height:100%;min-height:240px;padding:var(--space-sm);color:var(--color-muted);text-align:center;flex-direction:column;display:flex}.citizen-phone-empty>svg{color:var(--color-input-rule);margin-bottom:var(--space-3xs)}.citizen-phone-empty strong{color:var(--color-ink);font-size:13px;font-weight:650;line-height:1.6}.citizen-phone-empty p{color:var(--color-muted);white-space:pre-line;font-size:var(--text-xs);margin:0;line-height:1.9}.citizen-phone-day{text-align:center;margin:var(--space-3xs) 0 var(--space-sm);color:var(--color-muted);font-size:10px;line-height:1.5}.citizen-phone-message{margin-bottom:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.citizen-phone-message-label{padding:0 var(--space-3xs) var(--space-3xs);color:var(--color-muted);font-size:10px;line-height:1.5;display:block}.citizen-phone-bubble{max-width:91%;padding:var(--space-xs);background:var(--color-paper);border:1px solid var(--color-rule-soft);color:var(--color-ink);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;border-radius:14px 14px 14px 4px;line-height:1.85}.citizen-phone-message time,.citizen-phone-draft-note{margin-top:var(--space-3xs);padding-inline:var(--space-3xs);color:var(--color-muted);font-size:10px;line-height:1.6;display:block}.citizen-phone-message--outgoing{align-items:flex-end}.citizen-phone-message--outgoing .citizen-phone-bubble{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);border-radius:14px 14px 4px}.citizen-phone-message--draft .citizen-phone-bubble{background:var(--color-sky);border:1px dashed var(--color-input-rule);color:var(--color-ink)}.citizen-phone-message[data-kind=completed] .citizen-phone-message-label{color:var(--color-success)}.citizen-phone-new-message{bottom:var(--space-xs);align-items:center;gap:var(--space-3xs);min-height:34px;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-accent);box-shadow:0 3px 12px var(--color-shadow);white-space:nowrap;border-radius:18px;display:flex;position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-xs)!important;font-weight:650!important}.citizen-phone-new-message:hover{background:var(--color-sky)}.citizen-phone-new-message:active{background:var(--color-rule-soft)}.citizen-phone-error{justify-content:space-between;align-items:center;gap:var(--space-2xs);border-top:1px solid var(--color-rule);background:var(--color-error-bg);padding:var(--space-2xs) var(--space-xs);color:var(--color-error);flex:none;font-size:11px;line-height:1.6;display:flex}.citizen-phone-error>span{overflow-wrap:anywhere}.citizen-phone-error .citizen-phone-action{color:var(--color-error);flex:none}.citizen-phone-footer{padding:var(--space-xs) var(--space-xs) var(--space-2xs);border-top:1px solid var(--color-rule-soft);background:var(--color-paper);flex:none}.citizen-phone-line-info{justify-content:space-between;gap:var(--space-2xs);color:var(--color-muted);font-size:10px;line-height:1.6;display:flex}.citizen-phone-line-info span:first-child{font-family:var(--font-data)}.citizen-phone-footer p{margin:var(--space-3xs) 0 0;color:var(--color-muted);text-align:center;font-size:10px;line-height:1.6}.citizen-phone-home-indicator{width:88px;height:4px;margin:var(--space-xs) auto 0;background:var(--color-ink);border-radius:4px;display:block}.citizen-phone--floating,.citizen-phone--pip{width:100%;height:100%;min-height:0}.citizen-phone--floating .citizen-phone-action,.citizen-phone--pip .citizen-phone-action,.citizen-phone--floating .citizen-phone-icon-button,.citizen-phone--pip .citizen-phone-icon-button{min-height:44px}.citizen-phone--floating .citizen-phone-icon-button,.citizen-phone--pip .citizen-phone-icon-button{width:44px}.citizen-phone--pip{padding:var(--space-2xs);background:var(--color-paper)}.citizen-phone--pip .citizen-phone-device{box-shadow:none}@media (max-width:380px){.citizen-phone--inline{height:620px}.citizen-phone-contact{padding-inline:var(--space-xs);gap:var(--space-2xs)}.citizen-phone-avatar{flex-basis:36px;width:36px;height:36px}.citizen-phone-simulation{font-size:9px}.citizen-phone-toolbar-label{gap:var(--space-3xs)}.citizen-phone-bubble{max-width:94%}.citizen-phone-line-info{gap:0 var(--space-2xs);flex-wrap:wrap}}@media (max-height:540px){.citizen-phone--pip .citizen-phone-contact,.citizen-phone--floating .citizen-phone-contact{padding-block:var(--space-2xs)}.citizen-phone--pip .citizen-phone-footer,.citizen-phone--floating .citizen-phone-footer{padding-top:var(--space-2xs)}.citizen-phone--pip .citizen-phone-empty,.citizen-phone--floating .citizen-phone-empty{min-height:160px}}@media (prefers-reduced-motion:reduce){.citizen-phone *,.citizen-phone :before,.citizen-phone :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.citizen-preview-slot{width:100%;min-width:0}.citizen-preview-heading h2{font-size:var(--text-lg);color:var(--color-ink);font-weight:750}.citizen-preview-heading p,.citizen-preview-help{font-size:var(--text-sm);color:var(--color-muted);margin:6px 0 16px;line-height:1.6}.citizen-preview-select{color:var(--color-muted);font-size:var(--text-sm);gap:6px;margin-bottom:16px;display:grid}.citizen-preview-select select{border:1px solid var(--color-input-rule);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;height:44px;color:var(--color-ink);text-overflow:ellipsis;padding:0 10px}.citizen-preview-help{margin:12px 0 0}.citizen-preview-away{text-align:center;border:1px dashed var(--color-rule);background:var(--color-surface);min-height:420px;color:var(--color-muted);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.citizen-preview-away strong{color:var(--color-ink)}.citizen-preview-away p{line-height:1.7;font-size:var(--text-sm)}.citizen-preview-floating{z-index:45;width:min(360px,100vw - 24px);height:min(700px,100dvh - 32px);box-shadow:0 16px 48px var(--color-shadow);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:24px;flex-direction:column;padding:8px;display:flex;position:fixed;bottom:16px;right:20px}.citizen-preview-floating>.citizen-phone{flex:1;min-height:0}.citizen-preview-drag{background:var(--color-paper);width:100%;min-height:44px;color:var(--color-muted);font-size:var(--text-xs);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;gap:6px;display:flex}.citizen-preview-drag:active{cursor:grabbing;background:var(--color-sky)}.citizen-preview-drag:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.citizen-preview-notice{background:var(--color-sky);color:var(--color-ink);font-size:var(--text-xs);border:1px solid var(--color-rule);border-radius:16px 16px 0 0;flex:none;padding:10px 16px;line-height:1.5}.citizen-preview-launcher{z-index:40;border:1px solid var(--color-rule);background:var(--color-accent);min-height:44px;color:var(--color-accent-ink);box-shadow:0 4px 16px var(--color-shadow);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:20px;right:20px}.citizen-preview-launcher:active{transform:translateY(1px)}.citizen-preview-slot button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.citizen-preview-select select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.citizen-preview-launcher:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (hover:hover){.citizen-preview-launcher:hover{background:var(--color-accent-hover)}}.citizen-pip-document{background:var(--color-paper);height:100dvh;color:var(--color-ink);font-family:var(--font-body);margin:0;padding:0;overflow:clip}.submit-grid>aside.citizen-preview-aside{min-width:0;display:block}@media (max-width:600px){.citizen-preview-floating{bottom:12px;right:12px}}