.phone-number-fields { display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px; }
.phone-number-fields label,.phone-number-fields input { min-width:0; }
.beta-auth-help-toggle { margin-top:18px; }
.beta-auth-help[hidden] { display:none !important; }
.beta-auth-help { margin-top:10px;border-top:1px solid var(--line); }
.beta-auth-help details { padding:12px 0;border-bottom:1px solid var(--line); }
.beta-auth-help summary { cursor:pointer;font-size:13px;font-weight:700;line-height:1.4; }
.beta-gate .beta-auth-help p { margin:8px 0 0;font-size:13px;color:var(--muted); }
#session-preferences-form { display:grid;gap:12px; }
#session-preferences-form .settings-privacy { margin:0; }
#session-preferences-form button { justify-self:start; }
.support-contact { display:flex;flex-direction:column;align-items:flex-start;gap:10px; }
.support-contact p { margin:0; }
.back-to-top { position:fixed;left:calc(250px + 20px);bottom:calc(20px + env(safe-area-inset-bottom));z-index:48;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent-ink,var(--ink));opacity:.65;box-shadow:0 3px 14px #00000010;cursor:pointer;transition:opacity .15s,transform .15s; }
.back-to-top:hover,.back-to-top:focus-visible { opacity:1;transform:translateY(-2px); }
.back-to-top .tf-icon { width:19px;height:19px; }
.back-to-top[hidden],.idle-reminder[hidden],.tour-consent[hidden],.guided-tour[hidden] { display:none !important; }
.beta-locked .back-to-top,.beta-locked .idle-reminder,.beta-locked .modal-backdrop { visibility:hidden; }
.idle-reminder { position:fixed;z-index:4000;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink);font-size:13px; }
.idle-reminder button { flex:none;border:0;border-radius:8px;padding:8px 10px;background:var(--accent-strong,var(--green-dark));color:#fff;font-weight:700; }
.help-quick-links { display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 3px; }
.help-quick-links button { border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--soft);color:var(--accent-ink,var(--green-dark));font-size:11px; }
.help-cloud-diagnostic { margin-bottom:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:11px;line-height:1.4;color:var(--muted); }
.help-cloud-diagnostic button { display:block;margin-top:5px;padding:0;border:0;background:transparent;color:var(--accent-ink,var(--green-dark));font-size:11px;font-weight:700; }
.tour-consent { position:fixed;inset:0;z-index:4500;display:grid;place-items:center;padding:20px;background:#101a16a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); }
.tour-consent-card { width:min(100%,470px);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow); }
.tour-consent-card>.brand-mark { width:40px;height:40px;padding:7px;gap:4px;margin-bottom:22px; }
.tour-consent-card h2 { margin:10px 0;font:800 28px/1.15 'Manrope',sans-serif;letter-spacing:-1px; }
.tour-consent-card p { font-size:15px;line-height:1.6;color:var(--muted); }
.tour-consent-actions { display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px; }
.guided-tour { position:fixed;inset:0;z-index:4500;pointer-events:none; }
.tour-shade { position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:auto; }
.tour-shade path { fill:#101a16b8; }
.tour-spotlight { position:fixed;border:2px solid var(--accent,var(--green));border-radius:13px;box-shadow:0 0 0 4px #ffffff20;pointer-events:none; }
.tour-coach { position:fixed;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);pointer-events:auto; }
.tour-coach-top { display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font:500 11px 'DM Mono',monospace; }
.tour-coach-top button { padding:3px 0;border:0;background:transparent;color:var(--muted);font:600 12px 'DM Sans',sans-serif; }
.tour-progress-track { height:3px;overflow:hidden;border-radius:3px;background:var(--soft);margin:12px 0 18px; }
.tour-progress-track i { display:block;height:100%;background:var(--accent,var(--green));transition:width .2s; }
.tour-coach h2 { margin:0 0 10px;font:800 21px/1.2 'Manrope',sans-serif;letter-spacing:-.6px; }
.tour-coach p { margin:0;color:var(--muted);font-size:14px;line-height:1.55; }
.tour-actions { display:flex;justify-content:space-between;gap:10px;margin-top:18px; }
.tour-coach button[hidden] { display:none !important; }
.tour-consent button:focus-visible,.tour-coach button:focus-visible,.back-to-top:focus-visible { outline:2px solid var(--accent,var(--green));outline-offset:3px; }
@media (max-width:1050px) { .back-to-top { left:235px; } }
@media (max-width:760px) { .back-to-top { left:12px;bottom:calc(14px + env(safe-area-inset-bottom));width:35px;height:35px; } .tour-coach { padding:16px; } .tour-consent-card { padding:22px; } .idle-reminder { width:calc(100vw - 24px);font-size:12px;padding:10px;gap:8px; } }
@media (max-width:380px) { .phone-number-fields { grid-template-columns:92px minmax(0,1fr);gap:8px; } .tour-consent-actions { flex-direction:column-reverse;align-items:stretch; } }
@media (prefers-reduced-motion:reduce) { .back-to-top,.tour-progress-track i { transition:none; } }