*{box-sizing:border-box}:root{color:#111827;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at top,#fff 0%,#f6f8fb 52%,#eef2f7 100%);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{width:min(680px,100% - 28px);margin:0 auto;padding:32px 0 48px}.hero-card,.review-card,.status-card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 18px 50px #11182714}.hero-card{text-align:center;padding:26px}.brand-row{text-align:left;justify-content:center;align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#111827;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.eyebrow{letter-spacing:.14em;color:#6b7280;margin:0 0 4px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,7vw,42px)}.lead{color:#4b5563;max-width:430px;margin:20px auto 22px;font-size:17px;line-height:1.55}.mic-button{color:#fff;background:#111827;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:150px;height:150px;font-weight:750;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 32px #1118273d}.mic-icon{font-size:38px}.hint{color:#6b7280;font-size:13px}.typed-area{text-align:left;border-top:1px solid #edf0f4;margin-top:28px;padding-top:22px}.typed-area label,.field-grid label{color:#374151;gap:7px;font-size:13px;font-weight:750;display:grid}textarea,input{color:#111827;background:#fff;border:1px solid #d7dce3;border-radius:14px;outline:none;width:100%;padding:13px 14px}textarea:focus,input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #1118270f}textarea{resize:vertical;margin-top:7px}.secondary-button,.confirm-button{border:0;border-radius:14px;width:100%;padding:14px 18px;font-weight:800}.secondary-button{color:#111827;background:#eef1f5;margin-top:10px}.review-card{margin-top:18px;padding:24px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.field-grid label:first-child,.field-grid label:last-child{grid-column:1/-1}.optional{color:#9ca3af;font-weight:500}.reminder-panel{background:#f7f8fa;border-radius:18px;margin-top:22px;padding:18px}.reminder-panel h2{margin:0 0 12px;font-size:16px}.check-row{align-items:center;gap:10px;padding:9px 0;font-weight:650;display:flex}.check-row input{accent-color:#111827;width:20px;height:20px}.future-feature{border:1px dashed #d3d8df;border-radius:18px;justify-content:space-between;align-items:center;margin:18px 0;padding:16px 18px;display:flex}.future-feature p{color:#6b7280;margin:4px 0 0;font-size:13px}.off-pill{letter-spacing:.08em;color:#6b7280;background:#eceff3;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.confirm-button{color:#fff;background:#111827;font-size:16px}.confirm-button:disabled{opacity:.6;cursor:default}.status-card{margin-top:16px;padding:16px 18px;font-weight:650;line-height:1.45}footer{text-align:center;color:#7c8491;padding-top:20px;font-size:12px}@media (max-width:520px){.page-shell{padding-top:18px}.hero-card,.review-card{border-radius:22px;padding:20px}.field-grid{grid-template-columns:1fr}.field-grid label{grid-column:1/-1}}.account-strip{color:#4b5563;text-align:left;background:#f7f8fa;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 0;padding:12px 14px;font-size:13px;display:flex}.account-copy{gap:2px;min-width:0;display:grid}.account-copy strong{color:#111827}.account-copy span{overflow-wrap:anywhere}.small-button{color:#111827;white-space:nowrap;background:#fff;border:1px solid #d7dce3;border-radius:10px;padding:8px 11px;font-weight:750}.small-button:disabled{opacity:.55;cursor:default}.auth-panel{text-align:left;background:#fff;border:1px solid #e3e7ed;border-radius:18px;gap:12px;margin-top:12px;padding:16px;display:grid}.auth-tabs{background:#f1f3f6;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tabs button{color:#6b7280;background:0 0;border:0;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:800}.auth-tabs button.active{color:#111827;background:#fff;box-shadow:0 1px 4px #11182714}.auth-panel label{color:#374151;gap:7px;font-size:13px;font-weight:750;display:grid}.auth-button{color:#fff;background:#111827;border:0;border-radius:12px;width:100%;padding:12px 16px;font-weight:800}.auth-button:disabled{opacity:.6;cursor:default}.save-note{color:#6b7280;margin:-4px 0 14px;font-size:13px;line-height:1.45}.auth-message{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:4px 0 10px;padding:10px 12px;font-size:.92rem;line-height:1.35}.calendar-panel{text-align:left;background:#fff;border:1px solid #e3e7ed;border-radius:18px;gap:12px;margin-top:12px;padding:14px;display:grid}.calendar-copy{align-items:flex-start;gap:11px;display:flex}.calendar-icon{background:#f1f3f6;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.calendar-copy strong{color:#111827;display:block}.calendar-copy p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.calendar-button{color:#fff;background:#111827;border:0;border-radius:12px;width:100%;padding:11px 14px;font-weight:800}.calendar-button.secondary{color:#111827;background:#fff;border:1px solid #d7dce3}.calendar-button:disabled{opacity:.6;cursor:default}.contact-panel{text-align:left;background:#fff;border:1px solid #e3e7ed;border-radius:18px;gap:12px;margin-top:12px;padding:14px;display:grid}.contact-heading{align-items:flex-start;gap:11px;display:flex}.contact-icon{background:#f1f3f6;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.contact-heading strong{color:#111827;display:block}.contact-heading p,.contact-loading{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.saved-contacts{gap:7px;display:grid}.saved-contact{background:#f7f8fa;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.saved-contact span:first-child{gap:2px;min-width:0;display:grid}.saved-contact small{color:#6b7280;overflow-wrap:anywhere}.default-pill{letter-spacing:.08em;color:#374151;background:#e8eef8;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900}.contact-form{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.contact-form input{border-radius:11px;padding:10px 11px;font-size:13px}.contact-add-button{color:#fff;white-space:nowrap;background:#111827;border:0;border-radius:11px;padding:10px 13px;font-weight:800}.contact-add-button:disabled{opacity:.6;cursor:default}.text-prompt-panel{background:#fff;border:1px solid #e1e5eb;border-radius:18px;margin:18px 0;padding:16px 18px}.text-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.text-toggle-row span{gap:4px;display:grid}.text-toggle-row small,.text-help{color:#6b7280;font-size:13px;font-weight:500;line-height:1.4}.text-toggle-row input{accent-color:#111827;flex:none;width:22px;height:22px}.text-help{margin:9px 0 0}.text-prompt-options{border-top:1px solid #edf0f4;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;display:grid}.text-prompt-options label{color:#374151;gap:7px;font-size:13px;font-weight:750;display:grid}.text-prompt-options select{color:#111827;background:#fff;border:1px solid #d7dce3;border-radius:12px;width:100%;padding:11px 12px}.native-text-button{color:#fff;background:#111827;border:0;border-radius:14px;width:100%;margin-top:10px;padding:14px 18px;font-size:15px;font-weight:800}@media (max-width:520px){.contact-form,.text-prompt-options{grid-template-columns:1fr}.contact-add-button{width:100%}}.text-prompt-options.single{grid-template-columns:1fr}.text-now-note{color:#6b7280;margin:0;font-size:13px;font-weight:500;line-height:1.45}.text-ready-card{background:#fff;border:1px solid #0f172a1f;border-radius:18px;margin-top:16px;padding:18px}.text-ready-card h2{margin:0 0 10px}.text-ready-message{background:#0f172a0d;border-radius:12px;margin:0 0 14px;padding:12px 14px;line-height:1.5}.text-ready-actions{gap:10px;display:grid}.copy-message-button{width:100%}.saved-contact{flex-direction:column;align-items:stretch}.contact-details{justify-content:space-between;align-items:center;gap:10px;display:flex}.contact-details>span:first-child{gap:2px;min-width:0;display:grid}.contact-actions,.contact-edit-actions{flex-wrap:wrap;gap:7px;display:flex}.contact-actions button,.contact-edit-actions button{color:#111827;background:#fff;border:1px solid #d7dce3;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}.contact-actions button:disabled,.contact-edit-actions button:disabled{opacity:.55;cursor:default}.contact-actions .contact-delete-button{color:#b42318;border-color:#f0c7c2}.contact-edit-form{gap:8px;width:100%;display:grid}.contact-edit-form input{border:1px solid #d7dce3;border-radius:10px;width:100%;padding:9px 10px;font-size:13px}.contact-edit-actions button:first-child{color:#fff;background:#111827;border-color:#111827}.settings-dropdown{background:#fffffff5;border:1px solid #e3e7ed;border-radius:20px;margin-top:18px;overflow:hidden;box-shadow:0 12px 34px #1118270f}.settings-dropdown>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;list-style:none;display:flex}.settings-dropdown>summary::-webkit-details-marker{display:none}.settings-summary-copy{text-align:left;align-items:center;gap:11px;min-width:0;display:flex}.settings-summary-copy>span:last-child{gap:2px;display:grid}.settings-summary-copy strong{color:#111827;font-size:15px}.settings-summary-copy small{color:#6b7280;font-size:12px;line-height:1.35}.settings-icon{background:#f1f3f6;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.settings-chevron{color:#6b7280;font-size:23px;line-height:1;transition:transform .18s}.settings-dropdown[open] .settings-chevron{transform:rotate(180deg)}.settings-content{border-top:1px solid #edf0f4;padding:0 14px 14px}.settings-content .calendar-panel,.settings-content .contact-panel{box-shadow:none;margin-top:14px}.notification-panel{text-align:left;background:#fff;border:1px solid #e3e7ed;border-radius:18px;gap:12px;margin-top:14px;padding:14px;display:grid}.notification-copy{align-items:flex-start;gap:12px;display:flex}.notification-copy strong{color:#111827;font-size:15px;display:block}.notification-copy p{color:#667085;margin:4px 0 0;font-size:13px;line-height:1.45}.notification-copy small{color:#b42318;margin-top:5px;font-size:12px;display:block}.notification-icon{background:#f2f4f7;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.notification-actions{flex-wrap:wrap;gap:8px;display:flex}.notification-button{cursor:pointer;color:#fff;background:#111827;border:0;border-radius:12px;padding:10px 13px;font-weight:750}.notification-button.secondary{color:#344054;background:#eef1f5}.notification-button:disabled{opacity:.55;cursor:default}:root{--wbhw-navy:#06152f;--wbhw-navy-2:#0f172a;--wbhw-blue:#06b6d4;--wbhw-blue-soft:#ecfeff;--wbhw-purple:#8b5cf6;--wbhw-pink:#ec4899;--wbhw-gold:#ffbf00;--wbhw-cream:#f8fbff;--wbhw-ink:#0f172a;--wbhw-muted:#64748b;--wbhw-line:#d6e8f2;color:var(--wbhw-ink);background:var(--wbhw-cream)}body{background:radial-gradient(circle at 10% 0%, #06b6d429, transparent 31%), radial-gradient(circle at 92% 5%, #8b5cf61f, transparent 29%), linear-gradient(180deg, #fff 0%, var(--wbhw-cream) 46%, #eef8fb 100%)}.hero-card,.review-card,.status-card{border-color:var(--wbhw-line);box-shadow:0 16px 42px #06152f1a}.brand-row{text-align:center;justify-content:center}.brand-row>div{text-align:center}.eyebrow{color:var(--wbhw-blue)}h1{color:var(--wbhw-navy)}.lead,.hint,footer,.save-note,.calendar-copy p,.contact-heading p,.contact-loading,.text-toggle-row small,.text-help,.text-now-note,.settings-summary-copy small,.notification-copy p{color:var(--wbhw-muted)}.mic-button,.confirm-button,.auth-button,.calendar-button,.contact-add-button,.native-text-button,.notification-button{background:linear-gradient(135deg, var(--wbhw-blue), var(--wbhw-purple));color:#fff;box-shadow:0 14px 30px #06b6d433}.mic-button{box-shadow:0 16px 34px #06152f33,0 8px 24px #06b6d42e}.secondary-button,.notification-button.secondary{background:var(--wbhw-blue-soft);color:#0e7490;border:1px solid #a5f3fc}.small-button,.calendar-button.secondary{border-color:var(--wbhw-line);color:var(--wbhw-navy)}textarea,input,.text-prompt-options select{border-color:var(--wbhw-line);color:var(--wbhw-ink)}textarea:focus,input:focus,.text-prompt-options select:focus{border-color:var(--wbhw-blue);box-shadow:0 0 0 3px #06b6d41f}.account-strip,.reminder-panel,.saved-contact,.calendar-icon,.contact-icon,.settings-icon,.notification-icon{background:var(--wbhw-blue-soft)}.account-copy strong,.calendar-copy strong,.contact-heading strong,.settings-summary-copy strong,.notification-copy strong,.reminder-panel h2{color:var(--wbhw-navy)}.check-row input,.text-toggle-row input{accent-color:var(--wbhw-blue)}.auth-tabs{background:#eef8fb}.auth-tabs button.active{color:var(--wbhw-navy)}.google-note{color:#0e7490}.default-pill{color:#7a5300;background:#ffbf002e}.settings-dropdown,.calendar-panel,.contact-panel,.notification-panel,.auth-panel,.text-prompt-panel,.text-ready-card{border-color:var(--wbhw-line)}.settings-dropdown[open]>summary{background:linear-gradient(135deg,#06b6d414,#8b5cf60f)}.settings-chevron{color:var(--wbhw-blue)}.status-card{border-left:4px solid var(--wbhw-gold)}.text-ready-message{background:var(--wbhw-blue-soft)}.default-reminders-setting{border:1px solid var(--wbhw-line);background:linear-gradient(135deg,#06b6d414,#8b5cf60d);border-radius:14px;margin-top:14px;padding:14px 16px}.default-reminders-setting strong{color:var(--wbhw-navy);font-size:14px;display:block}.default-reminders-setting p{color:var(--wbhw-muted);margin:4px 0 0;font-size:13px}footer p{color:var(--wbhw-blue);letter-spacing:.04em;font-weight:800}.upcoming-card{border:1px solid var(--wbhw-line);background:#fffffff7;border-radius:22px;margin-top:18px;padding:20px;box-shadow:0 16px 42px #06152f14}.upcoming-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.upcoming-heading h2{color:var(--wbhw-navy);margin:3px 0 0;font-size:21px}.upcoming-heading .eyebrow{margin:0}.upcoming-empty{background:var(--wbhw-blue-soft);color:var(--wbhw-muted);border-radius:14px;margin:0;padding:14px}.upcoming-list{gap:11px;display:grid}.upcoming-item{border:1px solid var(--wbhw-line);background:#fff;border-radius:17px;padding:15px}.upcoming-main h3{color:var(--wbhw-navy);margin:0;font-size:17px}.upcoming-when{color:#0e7490;margin:5px 0 7px;font-weight:800}.upcoming-meta{color:var(--wbhw-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.calendar-sync-pill{color:#765100;background:#ffbf002b;border-radius:999px;margin:8px 0 0;padding:5px 8px;font-size:11px;font-weight:850;display:inline-block}.upcoming-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.upcoming-actions button{border:1px solid var(--wbhw-line);background:var(--wbhw-blue-soft);color:#0e7490;border-radius:10px;padding:8px 12px;font-weight:800}.upcoming-actions .delete-appointment-button{color:#b42318;background:#fff;border-color:#f0c7c2}.upcoming-actions button:disabled{opacity:.55;cursor:default}.appointment-edit-form{gap:11px;display:grid}.appointment-edit-form>label,.appointment-edit-grid label{color:var(--wbhw-navy);gap:6px;font-size:13px;font-weight:800;display:grid}.appointment-edit-form input,.appointment-edit-form select{border:1px solid var(--wbhw-line);width:100%;color:var(--wbhw-ink);background:#fff;border-radius:11px;padding:10px 11px}.appointment-edit-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edit-reminders{border:1px solid var(--wbhw-line);background:linear-gradient(135deg,#06b6d40f,#8b5cf60a);border-radius:13px;padding:12px 13px}.edit-reminders>strong{color:var(--wbhw-navy);margin-bottom:6px;font-size:13px;display:block}.edit-text-toggle{border:1px solid var(--wbhw-line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex!important}.edit-text-toggle input{width:20px;height:20px;accent-color:var(--wbhw-blue)}.appointment-edit-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.confirm-button.compact,.secondary-button.compact{min-height:44px;margin:0;padding:10px 12px}@media (max-width:520px){.upcoming-heading{align-items:flex-start}.appointment-edit-grid,.appointment-edit-actions{grid-template-columns:1fr}}.edit-reminders .check-row{justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:8px 0;display:flex}.edit-reminders .check-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--wbhw-blue);flex:0 0 20px;margin:0;padding:0}.edit-reminders .check-row span{width:auto;color:var(--wbhw-navy);line-height:1.3;display:inline}.default-reminders-setting>p{margin-bottom:12px}.default-reminder-options{gap:2px;margin:8px 0 14px;display:grid}.default-reminder-options .check-row{padding:7px 0}.save-default-reminders{color:#fff;background:linear-gradient(135deg, var(--wbhw-blue), var(--wbhw-purple));border:0;border-radius:14px;width:100%;padding:12px 14px;font-weight:800;box-shadow:0 10px 22px #06b6d42e}.save-default-reminders:disabled{opacity:.6;cursor:not-allowed}.voice-examples{border:1px solid var(--wbhw-line);text-align:left;background:#ffffffd1;border-radius:16px;width:min(520px,100%);margin:16px auto 0;overflow:hidden}.voice-examples>summary{cursor:pointer;color:var(--wbhw-navy);justify-content:space-between;align-items:center;padding:12px 15px;font-size:13px;font-weight:800;list-style:none;display:flex}.voice-examples>summary::-webkit-details-marker{display:none}.voice-examples>summary:after{content:"⌄";color:var(--wbhw-blue);font-size:18px;transition:transform .18s}.voice-examples[open]>summary:after{transform:rotate(180deg)}.voice-examples-content{border-top:1px solid #e8f3f7;padding:0 15px 13px}.voice-examples-content p{color:var(--wbhw-muted);margin:10px 0 0;font-size:12.5px;line-height:1.5}.field-grid .notes-field{grid-column:1/-1}.notes-field textarea{min-height:72px;margin-top:0}.welcome-card{border:1px solid var(--wbhw-line);text-align:left;background:linear-gradient(145deg,#fffffffa,#ecfeffd1);border-radius:20px;width:min(620px,100%);margin:18px auto 22px;padding:18px}.welcome-topline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.welcome-topline .eyebrow{margin:0 0 3px}.welcome-topline h2{color:var(--wbhw-navy);margin:0;font-size:22px}.welcome-close{color:var(--wbhw-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;width:40px;height:40px;font-size:28px;line-height:1}.welcome-close:hover{background:var(--wbhw-blue-soft)}.welcome-copy{color:var(--wbhw-muted);margin:10px 0 15px;line-height:1.5}.welcome-steps{gap:9px;display:grid}.welcome-steps>div{background:#fff;border:1px solid #d6e8f2e6;border-radius:13px;align-items:flex-start;gap:11px;padding:10px 11px;display:flex}.welcome-steps>div>span{background:var(--wbhw-blue-soft);color:#0e7490;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.welcome-steps p{gap:2px;margin:0;display:grid}.welcome-steps strong{color:var(--wbhw-navy);font-size:14px}.welcome-steps small{color:var(--wbhw-muted);line-height:1.35}.setup-status-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0;display:grid}.setup-status{border:1px solid var(--wbhw-line);background:#fff;border-radius:12px;gap:2px;padding:10px;display:grid}.setup-status>span{font-size:18px}.setup-status strong{color:var(--wbhw-navy);font-size:12px}.setup-status small{color:var(--wbhw-muted);font-size:11px}.setup-status.ready{background:var(--wbhw-blue-soft);border-color:#a5f3fc}.setup-status.ready small{color:#0e7490;font-weight:800}.welcome-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.welcome-primary,.welcome-secondary{cursor:pointer;border-radius:13px;min-height:44px;padding:10px 12px;font-weight:850}.welcome-primary{background:linear-gradient(135deg,var(--wbhw-blue),var(--wbhw-purple));color:#fff;border:0}.welcome-secondary{background:var(--wbhw-blue-soft);color:#0e7490;border:1px solid #a5f3fc}.install-help{border-top:1px solid var(--wbhw-line);margin-top:12px}.install-help>summary{cursor:pointer;color:var(--wbhw-navy);padding:11px 2px 4px;font-size:13px;font-weight:800}.install-help>div{padding:2px 2px 0}.install-help p{color:var(--wbhw-muted);margin:8px 0 0;font-size:12.5px;line-height:1.45}.welcome-setting,.how-it-works-setting{border:1px solid var(--wbhw-line);background:#fff;border-radius:14px;margin-top:14px;padding:14px 16px}.welcome-setting strong,.how-it-works-setting>summary{color:var(--wbhw-navy);font-size:14px;font-weight:850}.welcome-setting p{color:var(--wbhw-muted);margin:4px 0 11px;font-size:13px;line-height:1.4}.welcome-setting-actions{flex-wrap:wrap;gap:8px;display:flex}.welcome-setting-actions button{background:var(--wbhw-blue-soft);color:#0e7490;border:1px solid #a5f3fc;border-radius:11px;padding:9px 11px;font-weight:800}.how-it-works-setting>summary{cursor:pointer}.how-it-works-setting>div{padding-top:5px}.how-it-works-setting p{color:var(--wbhw-muted);margin:8px 0 0;font-size:12.5px;line-height:1.45}@media (max-width:520px){.setup-status-grid,.welcome-actions{grid-template-columns:1fr}}.appearance-setting{border:1px solid var(--wbhw-line);background:#fff;border-radius:14px;margin-top:14px;padding:14px 16px}.appearance-setting strong{color:var(--wbhw-navy);font-size:14px}.appearance-setting p{color:var(--wbhw-muted);margin:4px 0 11px;font-size:13px;line-height:1.45}.appearance-setting small{color:var(--wbhw-muted);margin-top:8px;font-size:12px;display:block}.theme-choice{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-choice button{border:1px solid var(--wbhw-line);background:var(--wbhw-blue-soft);color:#0e7490;cursor:pointer;border-radius:11px;min-height:42px;font-weight:850}.theme-choice button.active{background:linear-gradient(135deg, var(--wbhw-blue), var(--wbhw-purple));color:#fff;border-color:#0000;box-shadow:0 8px 18px #06b6d42e}.share-app-button{background:var(--wbhw-blue-soft);color:#0e7490;cursor:pointer;border:1px solid #a5f3fc;border-radius:14px;width:min(360px,100%);min-height:46px;margin:0 auto 10px;font-size:14px;font-weight:850}html[data-theme=night]{--wbhw-navy:#e8f7ff;--wbhw-navy-2:#ddeffc;--wbhw-blue-soft:#0c2b3a;--wbhw-cream:#06111f;--wbhw-ink:#e6f0f7;--wbhw-muted:#9fb4c4;--wbhw-line:#1e4054;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#06111f}html[data-theme=night] body{color:var(--wbhw-ink);background:radial-gradient(circle at 10% 0,#06b6d424,#0000 31%),radial-gradient(circle at 92% 5%,#8b5cf621,#0000 29%),linear-gradient(#06111f 0%,#07192a 55%,#06111f 100%)}html[data-theme=night] .hero-card,html[data-theme=night] .review-card,html[data-theme=night] .status-card,html[data-theme=night] .upcoming-card,html[data-theme=night] .settings-dropdown,html[data-theme=night] .calendar-panel,html[data-theme=night] .contact-panel,html[data-theme=night] .notification-panel,html[data-theme=night] .auth-panel,html[data-theme=night] .text-prompt-panel,html[data-theme=night] .text-ready-card,html[data-theme=night] .appearance-setting,html[data-theme=night] .welcome-setting,html[data-theme=night] .how-it-works-setting,html[data-theme=night] .upcoming-item,html[data-theme=night] .welcome-steps>div,html[data-theme=night] .setup-status,html[data-theme=night] .edit-text-toggle{border-color:var(--wbhw-line);color:var(--wbhw-ink);background:#081b2cf5}html[data-theme=night] .welcome-card{background:linear-gradient(145deg,#081b2cfa,#0a2a39f0)}html[data-theme=night] .voice-examples,html[data-theme=night] .default-reminders-setting,html[data-theme=night] .edit-reminders{background:linear-gradient(135deg,#0a2a39f2,#1f193ebd)}html[data-theme=night] textarea,html[data-theme=night] input,html[data-theme=night] select,html[data-theme=night] .appointment-edit-form input,html[data-theme=night] .appointment-edit-form select,html[data-theme=night] .contact-actions button,html[data-theme=night] .contact-edit-actions button,html[data-theme=night] .contact-edit-form input{color:var(--wbhw-ink);border-color:var(--wbhw-line);background:#091c2d}html[data-theme=night] textarea::placeholder,html[data-theme=night] input::placeholder{color:#7890a3}html[data-theme=night] .account-strip,html[data-theme=night] .reminder-panel,html[data-theme=night] .saved-contact,html[data-theme=night] .calendar-icon,html[data-theme=night] .contact-icon,html[data-theme=night] .settings-icon,html[data-theme=night] .notification-icon,html[data-theme=night] .auth-tabs,html[data-theme=night] .text-ready-message,html[data-theme=night] .upcoming-empty,html[data-theme=night] .setup-status.ready,html[data-theme=night] .theme-choice button,html[data-theme=night] .share-app-button{background:#0c2b3a}html[data-theme=night] .small-button,html[data-theme=night] .calendar-button.secondary,html[data-theme=night] .upcoming-actions button{color:#67e8f9;border-color:var(--wbhw-line);background:#0c2b3a}html[data-theme=night] .upcoming-actions .delete-appointment-button{color:#fda4af;background:#24151a;border-color:#5b2733}html[data-theme=night] .settings-dropdown[open]>summary{background:linear-gradient(135deg,#06b6d41a,#8b5cf61a)}html[data-theme=night] .voice-examples-content,html[data-theme=night] .install-help{border-top-color:var(--wbhw-line)}html[data-theme=night] .share-app-button{color:#67e8f9;border-color:#155e75}@media (max-width:520px){.theme-choice{grid-template-columns:1fr}}.page-shell{width:min(760px,100% - 28px);padding-top:28px}.hero-card{background:radial-gradient(circle at 18% 0,#67e8f92e,#0000 24%),radial-gradient(circle at 82% 4%,#ec48992e,#0000 24%),linear-gradient(#051329fa 0%,#06152ffb 58%,#081f38fc 100%);border:1px solid #67e8f92e;padding:30px 26px 28px;position:relative;overflow:hidden;box-shadow:0 30px 70px #06152f57,inset 0 0 0 1px #ffffff05,0 10px 34px #06b6d41f}.hero-card:before,.hero-card:after{content:"";pointer-events:none;filter:blur(22px);opacity:.65;border-radius:999px;position:absolute}.hero-card:before{background:#06b6d42e;width:180px;height:180px;top:-70px;left:-40px}.hero-card:after{background:#ec489924;width:220px;height:220px;top:-90px;right:-80px}.hero-card>*{z-index:1;position:relative}.brand-row{margin-bottom:16px}.hero-card .eyebrow{color:#67e8f9;text-shadow:0 0 18px #06b6d438}.hero-card h1{color:#f8fcff;text-shadow:0 8px 26px #00000038}.brand-tagline{color:#d8efff;letter-spacing:.01em;margin:8px 0 0;font-size:14px;font-weight:700}.hero-card .lead{color:#e7f5ff;max-width:520px;margin:22px auto 8px;font-size:18px}.hero-helper{color:#a8c8db;max-width:540px;margin:0 auto 18px;font-size:13px;line-height:1.45}.hero-card .account-strip{color:#d7ebf8;background:#09243cd1;border:1px solid #67e8f924;box-shadow:0 12px 26px #010a142e}.hero-card .account-copy strong,.hero-card .account-copy span,.hero-card .small-button,.hero-card .auth-panel label,.hero-card .typed-area label{color:#eaf6ff}.hero-card .small-button{background:#ffffffeb;border-color:#ffffff1f}.mic-button{color:#06152f;background:linear-gradient(145deg,#62d6ff 0%,#82b5ff 40%,#c779e6 72%,#f39acb 100%);border:5px solid #ffbf00eb;width:172px;height:172px;box-shadow:0 0 0 12px #06b6d414,0 24px 46px #06152f61,0 0 34px #ffbf002e}.mic-button .mic-icon{font-size:42px}.mic-button:hover{transform:translateY(-3px)scale(1.01)}.mic-button.listening{box-shadow:0 0 0 12px #06b6d429,0 0 0 20px #ec489914,0 24px 46px #06152f61,0 0 40px #06b6d43d}.voice-examples{background:linear-gradient(135deg,#0c2942d6,#1f193eb8);border-color:#67e8f92e;width:min(560px,100%);margin-top:18px;box-shadow:0 18px 38px #030d182e}.voice-examples>summary{color:#f3fbff;padding:13px 16px}.voice-examples-content{border-top-color:#67e8f91f}.voice-examples-content p{color:#cae4f3}.voice-examples-content strong{color:#fff}.hero-card .hint{color:#a8c8db}.hero-card .typed-area{border-top:1px solid #a5f3fc2e;margin-top:24px;padding-top:22px}.hero-card textarea{color:#eff8ff;background:#081d31c2;border-color:#67e8f92e;box-shadow:inset 0 12px 30px #020a131f}.hero-card textarea::placeholder{color:#8ab0c5}.hero-card textarea:focus{border-color:#67e8f970;box-shadow:0 0 0 3px #06b6d424,inset 0 12px 30px #020a131f}.hero-card .secondary-button{color:#fff;background:linear-gradient(135deg,#31c6ee,#8b5cf6);border:1px solid #ffffff14;min-height:46px;margin-top:14px;box-shadow:0 16px 30px #06b6d438}.review-card,.upcoming-card,.settings-dropdown,.status-card{box-shadow:0 20px 54px #06152f1f}.review-card,.upcoming-card,.settings-dropdown{border-color:#a5f3fc38}.review-card .eyebrow,.upcoming-heading .eyebrow{color:#06b6d4}.review-card{background:linear-gradient(#fffffffa,#f8fbfff7)}.reminder-panel,.edit-reminders,.default-reminders-setting,.welcome-card,.voice-examples,.appearance-setting,.welcome-setting,.how-it-works-setting,.notification-panel,.calendar-panel,.contact-panel,.auth-panel,.text-prompt-panel,.text-ready-card{box-shadow:0 14px 34px #06152f0f}.upcoming-card{background:linear-gradient(#fffffffa,#f4fbfffa)}.upcoming-item{box-shadow:0 12px 30px #06152f0f}.upcoming-main h3,.upcoming-heading h2,.settings-summary-copy strong,.welcome-topline h2{text-shadow:0 2px 10px #06b6d414}.upcoming-actions button,.small-button,.calendar-button.secondary,.contact-actions button,.contact-edit-actions button,.welcome-setting-actions button,.welcome-secondary,.share-app-button{transition:transform .16s,box-shadow .16s,border-color .16s}.upcoming-actions button:hover,.small-button:hover,.calendar-button.secondary:hover,.contact-actions button:hover,.contact-edit-actions button:hover,.welcome-setting-actions button:hover,.welcome-secondary:hover,.share-app-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #06152f14}.settings-dropdown{overflow:hidden}.settings-dropdown>summary{background:linear-gradient(135deg,#06b6d414,#8b5cf60f);padding:18px}.settings-content{background:linear-gradient(#fffffffa,#f8fbfffa)}.share-app-button{background:linear-gradient(135deg,#31c6ee29,#8b5cf61a);border-color:#06b6d457;box-shadow:0 14px 30px #06b6d41a}footer p{text-shadow:0 2px 10px #06b6d41a}html[data-theme=night] .hero-card{background:radial-gradient(circle at 18% 0,#06b6d42e,#0000 24%),radial-gradient(circle at 82% 4%,#ec48992b,#0000 24%),linear-gradient(#040f20fc 0%,#06142afe 58%,#091d31fc 100%);border-color:#67e8f929;box-shadow:0 28px 68px #00000073,inset 0 0 0 1px #ffffff05,0 10px 30px #06b6d41a}html[data-theme=night] .hero-card .small-button{color:#eaf6ff;border-color:var(--wbhw-line);background:#0c2b3a}html[data-theme=night] .hero-card textarea{color:#eaf6ff;background:#051524eb}html[data-theme=night] .settings-content,html[data-theme=night] .upcoming-card,html[data-theme=night] .review-card{background:#081b2cfa}html[data-theme=night] .share-app-button{background:linear-gradient(135deg,#06b6d429,#8b5cf61f)}@media (max-width:520px){.hero-card{padding:24px 18px 22px}.mic-button{width:156px;height:156px}.hero-card .lead{font-size:17px}}:root{--str-primary-start:#06b6d4;--str-primary-end:#ec4899;--str-gold:#ffbf00}.confirm-button,.auth-button,.calendar-button:not(.secondary),.contact-add-button,.native-text-button,.notification-button:not(.secondary),.save-default-reminders,.welcome-primary,.theme-choice button.active,.hero-card .secondary-button,.contact-edit-actions button:first-child,.share-app-button{background:linear-gradient(135deg, var(--str-primary-start), var(--str-primary-end));color:#fff;border-color:#0000;box-shadow:0 12px 26px #06b6d42e,0 8px 22px #ec48991f}.share-app-button{color:#fff;border-color:#0000}.mic-button{border-color:var(--str-gold);background:linear-gradient(145deg,#5ad9f5 0%,#72cfef 34%,#d66ebc 72%,#ec4899 100%)}.calendar-sync-pill{background:var(--str-gold);color:#3d2b00;border:1px solid #7a530029}.secondary-button:not(.hero-card .secondary-button),.notification-button.secondary,.calendar-button.secondary,.small-button,.upcoming-actions button,.contact-actions button,.contact-edit-actions button:not(:first-child),.welcome-secondary,.welcome-setting-actions button,.share-app-button{box-shadow:none}html[data-theme=night] .confirm-button,html[data-theme=night] .auth-button,html[data-theme=night] .calendar-button:not(.secondary),html[data-theme=night] .contact-add-button,html[data-theme=night] .native-text-button,html[data-theme=night] .notification-button:not(.secondary),html[data-theme=night] .save-default-reminders,html[data-theme=night] .welcome-primary,html[data-theme=night] .theme-choice button.active,html[data-theme=night] .hero-card .secondary-button,html[data-theme=night] .contact-edit-actions button:first-child,.share-app-button{background:linear-gradient(135deg, var(--str-primary-start), var(--str-primary-end));color:#fff;border-color:#0000}html[data-theme=night] .calendar-sync-pill{background:var(--str-gold);color:#3d2b00;border-color:#ffffff1a}html[data-theme=night] .share-app-button{background:linear-gradient(135deg, var(--str-primary-start), var(--str-primary-end));color:#fff;border-color:#0000;box-shadow:0 12px 26px #06b6d42e,0 8px 22px #ec48991f}