/* Authentication and account settings use the shared palette, geometry and type. */
body .popple-auth-page{width:100%}
body .popple-auth{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:clamp(32px,8vw,120px);align-items:center;max-width:1000px;margin:0 auto;padding:clamp(36px,8vh,100px) 24px;box-sizing:border-box}
body .popple-auth-brand{display:inline-block;font-size:34px;font-weight:750;letter-spacing:-.065em;line-height:1.2;color:var(--popple-text);text-decoration:none}
body .popple-auth-intro h1{margin:36px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;text-transform:none}
body .popple-auth-intro>p{max-width:340px;color:var(--popple-muted);font-size:18px;line-height:1.65}
.popple-auth-footnote{display:flex;align-items:center;gap:24px;margin-top:48px;font-size:12px;color:var(--popple-muted)}
body .popple-auth-footnote .ow_theme_toggle{margin:0;min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--popple-line)}
.popple-auth-panel{min-width:0;padding:30px;background:var(--popple-paper);border:1px solid var(--popple-line);border-radius:var(--popple-panel-radius)}
body .popple-auth-panel h2{font-size:24px;text-transform:none;margin:0 0 8px}
.popple-auth-panel header p,.popple-auth-help,.popple-auth-join{color:var(--popple-muted);font-size:13px;line-height:1.6}
.popple-auth-panel header{margin-bottom:24px}
body .popple-auth-provider{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;min-height:48px;box-sizing:border-box;background:var(--popple-text);color:var(--popple-paper);border:1px solid var(--popple-text);border-radius:var(--popple-control-radius);font-weight:650;text-decoration:none}
.popple-auth-help{margin:10px 0 20px;font-size:12px}
.popple-auth-divider{display:flex;align-items:center;gap:12px;color:var(--popple-muted);font-size:11px;margin:24px 0}
.popple-auth-divider:before,.popple-auth-divider:after{content:"";flex:1;height:1px;background:var(--popple-line)}
.popple-auth-field{display:grid;gap:8px;margin:0 0 18px;font-size:13px;color:var(--popple-text)}
.popple-auth-field small{color:var(--popple-muted);font-size:11px;margin-left:5px}
body .popple-auth-field :is(input,textarea,select){display:block;width:100%;min-height:46px;margin:0;padding:12px;background:var(--popple-plane);color:var(--popple-text);border:1px solid var(--popple-line);box-shadow:none;box-sizing:border-box}
.popple-auth-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:6px 0 22px;font-size:12px}
.popple-auth-options label{display:flex;align-items:center;gap:6px;cursor:pointer}
body .popple-auth-submit :is(button,input[type=submit]){width:100%;min-height:48px;background:var(--popple-text);color:var(--popple-paper);border-color:var(--popple-text);font-weight:650}
.popple-auth-submit :is(.ow_button,.ow_button span){display:block}
.popple-auth-join{padding-top:22px;margin:22px 0 0;border-top:1px solid var(--popple-line)}
.popple-auth-join a{font-weight:650}
.popple-auth-other:empty{display:none}
body .floatbox_body .popple-auth{display:block;padding:8px}
body .floatbox_body .popple-auth-intro{display:none}
body .floatbox_body .popple-auth-panel{border:0;padding:0}
.popple-auth-recovery{width:100%;max-width:440px;margin:clamp(24px,7vh,80px) auto;padding:24px;box-sizing:border-box}
.popple-auth-recovery h1{font-size:32px;margin-top:36px;text-transform:none}
.popple-auth-recovery>p{color:var(--popple-muted);line-height:1.7;margin:16px 0 24px}
.popple-auth-back{display:inline-block;margin-top:22px;font-size:13px}
body .popple-welcome{padding:clamp(24px,6vw,64px);margin:0 0 28px;background:var(--popple-plane);border:0;border-radius:var(--popple-panel-radius);text-align:left}
.popple-welcome>small{color:var(--popple-muted);font-size:10px;letter-spacing:.12em}
body .popple-welcome h2{max-width:620px;font-size:clamp(30px,5vw,54px);line-height:1.08;text-transform:none;margin:22px 0 16px}
.popple-welcome p{color:var(--popple-muted);font-size:16px;max-width:520px;line-height:1.7}
.popple-welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.popple-welcome-connected{display:inline-block;margin-top:20px;font-size:12px}
body .popple-account-workspace{max-width:900px;margin:32px auto;padding:0 24px}
body .popple-account-workspace>header{margin-bottom:30px}
body .popple-account-workspace>header h1{font-size:clamp(30px,4vw,44px);text-transform:none;margin:10px 0}
body .popple-account-workspace>header p{max-width:600px}
body .popple-account-workspace>article{padding:26px 0;margin:0;border:0;border-bottom:1px solid var(--popple-line);border-radius:0;background:transparent}
body .popple-account-workspace h2{font-size:20px;text-transform:none}
body .popple-account-workspace p{color:var(--popple-muted);line-height:1.7;font-size:14px}
body .popple-account-workspace [data-connection-notice]:empty{display:none}
body .popple-account-workspace [data-connection-notice]{padding:12px 16px;background:var(--popple-plane);border-radius:12px}
body .popple-account-workspace [data-connection-notice][role=alert]{color:var(--popple-danger);background:var(--popple-danger-plane)}
.popple-connection-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}
.popple-connection-status{padding:5px 10px;background:var(--popple-plane);color:var(--popple-muted);border-radius:20px;font-size:11px;white-space:nowrap}
.popple-connection-status[data-state=connected]{color:var(--popple-success);background:var(--popple-success-plane)}
body .popple-account-workspace :is([data-connect],[data-challenge]){max-width:460px;margin-top:22px}
body .popple-account-workspace [data-google-connect]{margin:18px 0}
.popple-account-provider-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--popple-line)}
.popple-account-provider-row strong{display:block;margin-bottom:5px;font-size:14px}
.popple-account-provider-row small{display:block;color:var(--popple-muted);line-height:1.6;max-width:540px}
.popple-account-provider-row>a{font-size:12px;flex-shrink:0;padding:10px 12px;border:1px solid var(--popple-line);border-radius:12px}
body .popple-account-workspace .popple-account-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
body .popple-account-workspace .popple-account-services>a{border:0;border-bottom:1px solid var(--popple-line);border-radius:0;background:transparent;padding:20px 0}
body .popple-account-workspace .popple-account-services span{color:var(--popple-muted)}
.popple-account-workspace details{padding:18px 0}.popple-account-workspace summary{cursor:pointer;font-weight:600}
.popple-account-workspace [data-device-list]:empty:after{content:"Your sessions will appear here after checking.";display:block;color:var(--popple-muted);font-size:12px;margin-top:16px}
body .popple-account-workspace [data-disconnect]{background:transparent;color:var(--popple-danger)}
body .popple-identity-workspace>article{max-width:560px}
body .ow_console_list_wrapper{max-height:min(480px,65dvh);overflow-y:auto;overscroll-behavior:contain}
body .ow_console_list_item{padding:14px;border-bottom:1px solid var(--popple-line);color:var(--popple-text)}
body .ow_console_list_item.ow_console_new_message{background:var(--popple-plane);box-shadow:inset 3px 0 var(--popple-text)}
body .ow_console_view_all_btn_wrap{padding:12px;background:var(--popple-paper);border-top:1px solid var(--popple-line)}
body .ow_console_view_all_btn{color:var(--popple-text);display:block;min-height:44px;line-height:44px;text-align:center}
body .popple-notifications-workspace .ow_wide{width:100%;max-width:760px}
body .popple-notifications-workspace th{padding:20px 14px;text-transform:none}
@media(max-width:700px){body .popple-auth{display:block;max-width:480px;padding:28px 16px}body .popple-auth-intro h1{font-size:34px;margin:24px 0 12px}body .popple-auth-intro>p{font-size:15px}.popple-auth-footnote{margin:16px 0 24px;justify-content:space-between}.popple-auth-panel{padding:24px 18px}body .popple-account-workspace{padding:0 16px}body .popple-account-workspace .popple-account-services{grid-template-columns:1fr}.popple-account-provider-row{align-items:start;flex-wrap:wrap;gap:12px}.popple-account-provider-row>a{min-height:44px;box-sizing:border-box}}