@font-face{font-family:KinSans;src:url('assets/fonts/outfit-latin.woff2') format('woff2');font-display:swap}
:root{--account-ink:#173c37;--account-green:#17645a;--account-line:#d6dfd8}
.account-page{margin:0;background:#f6f3eb;color:var(--account-ink);font-family:KinSans,system-ui,sans-serif;font-size:16px;line-height:1.6}
.account-page *,#supportPanel *{box-sizing:border-box}
.account-brand{max-width:1100px;margin:auto;padding:30px 24px;display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750}
.account-layout{max-width:1100px;margin:24px auto 64px;padding:0 24px;display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start}
.account-intro h1{font-family:inherit;font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:12px 0 20px}.account-intro>p{max-width:38ch;color:#53665f}.account-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em}.account-intro figure{margin:28px 0 0;display:flex;align-items:end;gap:20px}.account-intro img{height:280px;width:150px;object-fit:contain;mix-blend-mode:multiply}.account-intro figcaption{font-size:13px;color:#53665f}
.account-shell{padding:30px;background:#fffefa;border:1px solid var(--account-line);border-radius:20px;color:var(--account-ink);font:16px/1.5 KinSans,system-ui,sans-serif}.account-shell h2{font-size:26px;font-weight:700;line-height:1.2;margin:28px 0 10px}.account-shell>p{color:#53665f}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef1eb;padding:4px;border-radius:12px;gap:4px}.account-tabs button{border:0;background:transparent}.account-tabs button[aria-pressed=true]{background:#fffefa;box-shadow:0 1px 4px #163c3715}.account-shell button,#supportPanel button{font:inherit;min-height:44px;border:1px solid var(--account-line);border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--account-ink);background:#fffefa}.account-shell label,#supportPanel label{display:grid;gap:8px;font-weight:650;margin:18px 0}.account-shell input,#supportPanel input,#supportPanel textarea{min-width:0;width:100%;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;padding:12px;border:1px solid #8caaa1;border-radius:9px;color:var(--account-ink);background:#fff}.account-shell [hidden],#supportPanel [hidden]{display:none!important}.password-field{display:flex;gap:8px}.password-field input{flex:1;min-width:0}.account-shell .account-agreement{display:flex;align-items:start;font-size:14px;font-weight:400;gap:12px}.account-agreement input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--account-green)}.account-shell .account-primary,#supportPanel .account-primary{background:var(--account-green);color:white;border-color:var(--account-green);font-weight:700}.account-shell .account-primary{width:100%}.account-shell a,.account-footer a{color:var(--account-green);text-underline-offset:3px}.account-footnote{font-size:14px}.account-footer{display:flex;justify-content:center;gap:24px;padding:24px}.account-shell button:focus-visible,.account-shell input:focus-visible,#supportPanel :focus-visible,#supportBubble:focus-visible{outline:3px solid #bb8532;outline-offset:3px}#accountError,#supportError{color:#9d2f22;white-space:pre-wrap;font-size:14px}#accountError:empty,#supportError:empty{display:none}
#supportBubble{position:fixed;z-index:500;bottom:max(20px,env(safe-area-inset-bottom));right:22px;border:1px solid #c2d6ca;background:#174f46;color:#fff;border-radius:28px;min-height:50px;min-width:72px;padding:12px 20px;font:700 16px/1.4 system-ui,sans-serif;box-shadow:0 4px 14px #173c3720;cursor:pointer}
#supportPanel{position:fixed;inset:auto 20px 82px auto;margin:0;width:min(440px,calc(100vw - 32px));max-width:none;height:min(680px,calc(100dvh - 110px));max-height:none;border:1px solid var(--account-line);padding:0;border-radius:18px;background:#fffefa;color:var(--account-ink);font:16px/1.5 KinSans,system-ui,sans-serif;box-shadow:0 16px 60px #173c3733;overflow:auto}#supportPanel::backdrop{background:#122f292e;backdrop-filter:none}#supportPanel .support-header{position:sticky;top:0;z-index:2;background:#fffefa;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:20px;border-bottom:1px solid var(--account-line)}#supportPanel .support-header p{font-size:12px;margin:0 0 4px;color:#53665f}#supportPanel .support-header h2{font:700 20px/1.3 KinSans,system-ui,sans-serif;margin:0;overflow-wrap:anywhere}#supportPanel .support-toolbar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--account-line);flex-wrap:wrap}#supportPanel .support-toolbar button{font-size:13px;flex:1;white-space:nowrap}#supportPanel .support-toolbar [aria-pressed=true]{background:#e2eee5;border-color:#80a394}#supportPanel .support-body{padding:20px}#supportPanel #supportError{padding:0 20px}#supportPanel .support-note{font-size:13px;color:#53665f;margin:14px 0}#supportPanel .support-empty{padding:28px 0;color:#53665f}#supportPanel .support-list{list-style:none;padding:0;margin:20px 0}#supportPanel .support-list li{border-top:1px solid var(--account-line)}#supportPanel .support-list button{display:flex;gap:12px;justify-content:space-between;text-align:left;width:100%;padding:14px 0;border:0;border-radius:0;background:transparent}#supportPanel .support-list strong{display:block;font-size:15px;overflow-wrap:anywhere}#supportPanel .support-list small{display:block;color:#53665f;margin-top:5px;font-size:12px}#supportPanel .support-status{font-size:12px;align-self:start;text-transform:capitalize;color:#53665f}#supportPanel .support-thread-actions{display:flex;gap:10px;justify-content:space-between}#supportPanel .support-thread-actions button{font-size:13px}#supportPanel .support-messages{list-style:none;margin:20px 0;padding:0;display:grid;gap:16px}#supportPanel .support-messages li{background:#f0f2eb;border:1px solid #e0e6dc;border-radius:12px;padding:14px}#supportPanel .support-messages .support-admin-message{background:#e7f1e9;border-color:#bed4c5}#supportPanel .support-messages strong{font-size:13px}#supportPanel .support-messages time{display:block;font-size:11px;color:#53665f;margin-top:3px}#supportPanel .support-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}#supportPanel textarea{resize:vertical;min-height:96px}#supportPanel button:disabled,.account-shell button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.account-brand{padding:20px;font-size:23px}.account-layout{margin:8px auto 28px;padding:0 20px;display:flex;flex-direction:column;gap:20px}.account-intro h1{font-size:32px;margin:10px 0}.account-intro figure{display:none}.account-intro>p{margin:10px 0;max-width:45ch}.account-shell{width:100%;padding:24px 20px;border-radius:16px}#supportBubble{bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px));right:14px;min-width:64px;padding:10px 16px}#supportPanel{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;height:min(680px,calc(100dvh - 24px));border-radius:16px}#supportPanel .support-header{padding:16px}#supportPanel .support-body{padding:16px}}
@media(prefers-reduced-motion:reduce){#supportPanel,#supportBubble{animation:none;transition:none}}

#pskAdminPanel{border-bottom:1px solid #cbd6cd;padding-bottom:28px;margin-bottom:28px}#pskAdminPanel h3{margin:0 0 8px}#pskAdminPanel p{font-size:15px;line-height:1.6}#pskAdminPanel label{display:grid;gap:8px;max-width:600px;font-size:15px;margin:16px 0}#pskAdminPanel input,#pskAdminPanel textarea{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #8caaa1;border-radius:8px}#pskAdminPanel details{margin-top:20px}#pskAdminPanel summary{min-height:44px;cursor:pointer}#pskAdminPanel button{min-height:44px}.psk-admin-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.psk-admin-heading>button{flex:none}.account-nav>[data-account-options]{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;color:inherit;text-decoration:none;font-size:16px}#accountActionStatus:focus-visible{outline:3px solid #bb8532;outline-offset:4px}@media(max-width:600px){.psk-admin-heading{display:block}}

#supportPanel button:hover:not(:disabled){background:#e4eee6;color:#173c37;border-color:#8caaa1;transform:none}#supportPanel button.account-primary:hover:not(:disabled),body.studio #supportBubble:hover:not(:disabled){background:#124f46;color:#fff;border-color:#124f46;transform:none}

#supportPanel .support-header{position:sticky;top:0;display:flex;flex-wrap:nowrap;align-items:center;gap:14px;justify-content:space-between}#supportPanel .support-header h2{font:700 20px/1.3 KinSans,system-ui,sans-serif;letter-spacing:-.02em;margin:0}#supportPanel .support-header p{font-size:12px;margin:0 0 4px}#supportPanel .support-header>button{flex:none}#supportPanel #supportError.is-success{color:#17645a}
#supportBubble .support-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 5px;border-radius:50%;background:#fffefa;color:#174f46;font-size:12px}
#supportPanel #supportLive{margin:0;padding:12px 20px;background:#e7f1e9;color:#173c37;font-size:14px;overflow-wrap:anywhere}#supportPanel #supportLive:empty{display:none}
#supportToast{box-sizing:border-box;position:fixed;z-index:510;right:22px;bottom:88px;width:min(350px,calc(100vw - 28px));padding:18px;border:1px solid #a9c6b7;border-radius:14px;box-shadow:0 8px 32px #173c3726;background:#fffefa;color:#173c37;font:15px/1.5 KinSans,system-ui,sans-serif;text-align:left}
#supportToast[hidden]{display:none!important}#supportToast strong{display:block;font-size:16px}#supportToast p{display:block;margin:6px 0 14px;color:#53665f;overflow-wrap:anywhere}#supportToast>div:last-child{display:flex;gap:8px}#supportToast button{min-height:44px;padding:10px 14px;border:1px solid #8caaa1;border-radius:9px;background:#fffefa;color:#173c37;font:inherit;cursor:pointer}#supportToast #supportToastOpen{background:#17645a;color:#fff;border-color:#17645a}#supportToast button:hover{filter:brightness(.95);transform:none}#supportToast button:focus-visible{outline:3px solid #bb8532;outline-offset:3px}
@media(max-width:760px){#supportToast{right:14px;top:84px;bottom:auto;max-height:calc(100dvh - 180px);overflow:auto}}

#supportMenuButton{display:none}
@media(max-width:800px){body.studio[data-screen=lab] #supportBubble{display:none}body.studio #supportMenuButton{display:inline-flex;align-items:center}}

#codeInput{font:28px monospace;letter-spacing:.22em;text-align:center;min-height:58px}#codeError{color:#9d2f22}#codePanel>button{width:100%;margin-top:12px}#codePanel[hidden],#accountForm[hidden],.account-tabs[hidden]{display:none!important}#codeMessage,#codeExpiry{font-size:15px;line-height:1.6}

.google-auth-entry{display:grid;gap:9px;border-bottom:1px solid #d1ddd2;padding:0 0 20px;margin-bottom:22px}.google-auth-entry button{min-height:48px;background:#fffefa;border:1px solid #a8bfb1;border-radius:8px;font:600 16px KinSans,system-ui;color:#185b55;width:100%}.google-auth-entry button:disabled{opacity:.65;cursor:default}.google-auth-entry p,#personalEmailHint{font-size:14px;line-height:1.6;color:#526c62;margin:0}.google-auth-entry .last-used-method{box-shadow:0 0 0 2px #9ec7ac}#authSteps{padding:12px 15px;border-left:3px solid #42816b;background:#edf4e9;font-size:14px;color:#185b55}#googleSetup[hidden],.google-auth-entry[hidden],#personalEmailHint[hidden],#authSteps[hidden]{display:none!important}

#googleSignIn{display:flex;align-items:center;justify-content:center;gap:12px}#googleSignIn img{width:20px;height:20px;object-fit:contain}

.account-shell select{min-height:48px;min-width:0;width:100%;padding:12px;border:1px solid #8caaa1;border-radius:9px;background:#fff;color:var(--account-ink);font:400 16px/1.5 KinSans,system-ui}.account-shell select:focus-visible{outline:3px solid #1779a1;outline-offset:3px}

/* Long practice/forms keep help in the page flow so it cannot cover answers. */
body.platform-page #supportBubble,body.studio[data-screen=lab] #supportBubble{position:static;inset:auto;transform:none;display:flex;width:max-content;margin:24px 24px 28px auto;z-index:auto}

/* Support behaves as a live conversation while preserving the composer. */
#supportPanel{display:flex;flex-direction:column;overflow:hidden;height:min(760px,calc(100dvh - 110px));width:min(480px,calc(100vw - 28px))}#supportPanel:not([open]){display:none}#supportPanel .support-header{position:static;flex:none;padding:20px;border-bottom:1px solid #d5e0d7}#supportPanel .support-toolbar{flex:none;display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px}#supportPanel .support-toolbar button{flex:1;min-height:44px;font-size:13px;padding:8px}#supportPanel #supportLive{flex:none;padding:9px 20px;font-size:12px;line-height:1.5;background:#edf4ee;color:#285e48}#supportPanel #supportLive:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;background:#397754;border-radius:50%}#supportPanel #supportLive.is-offline{background:#fff3df;color:#704b16}#supportPanel #supportLive.is-offline:before{background:#b47d31}#supportPanel #supportError{flex:none;margin:0;padding:10px 20px;font-size:13px}#supportPanel #supportError:empty{display:none}#supportPanel .support-body{min-height:0;flex:1;overflow:auto;padding:18px 20px}#supportPanel .support-body h3{font-size:16px;margin:20px 0 12px}#supportPanel .support-quick-help{margin:20px 0;border-block:1px solid #d5e0d7;padding-bottom:15px}#supportPanel .support-quick-help details{padding:8px 0}#supportPanel .support-quick-help summary{min-height:40px;cursor:pointer;font-weight:550;font-size:14px;line-height:1.5}#supportPanel .support-quick-help p{font-size:14px;line-height:1.65;margin:8px 0 14px;color:#466157}#supportPanel .support-quick-help a{display:inline-flex;align-items:center;min-height:44px;color:#155f52;font-size:14px}#supportPanel.is-thread .support-body{display:flex;flex-direction:column;overflow:hidden;padding:14px 18px 18px;gap:10px}#supportPanel.is-thread .support-thread-actions{display:flex;justify-content:space-between;gap:10px;flex:none}#supportPanel .support-thread-actions button{font-size:12px;min-height:40px;padding:8px 10px}#supportPanel.is-thread .support-note{font-size:12px;line-height:1.5;margin:0;flex:none}#supportPanel .support-messages{display:flex;flex-direction:column;gap:14px;list-style:none;min-height:100px;max-height:none;overflow:auto;overscroll-behavior:contain;flex:1;padding:15px 4px;margin:0;scroll-behavior:auto}#supportPanel .support-messages li{flex:none;align-self:flex-start;width:88%;margin:0;padding:13px 14px;border:1px solid #d1ded4;border-radius:14px 14px 14px 4px;background:#f5f7f0;overflow-wrap:anywhere}#supportPanel .support-messages li.support-own-message{align-self:flex-end;background:#e1eee7;border-color:#bdd5c6;border-radius:14px 14px 4px 14px}#supportPanel .support-messages li>div{display:flex;gap:12px;align-items:center;justify-content:space-between}#supportPanel .support-messages strong{font-size:12px}#supportPanel .support-messages time{font-size:10px;white-space:nowrap;color:#4b6559}#supportPanel .support-messages p{font-size:14px;line-height:1.65;white-space:pre-wrap;margin:7px 0 0}#supportPanel #supportReply{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0;padding-top:13px;border-top:1px solid #d5e0d7}#supportPanel #supportReply label{margin:0;min-width:0;font-size:13px;display:grid;gap:5px}#supportPanel #supportReply textarea{min-height:72px;height:72px;max-height:130px;resize:vertical;margin:0;padding:10px;font-size:16px;line-height:1.5}#supportPanel #supportReply button{min-height:46px;height:46px;margin:0;align-self:end;padding:10px 14px;font-size:14px}#supportPanel #supportNewMessages{flex:none;align-self:center;min-height:36px;font-size:12px;padding:6px 12px;border-radius:20px;background:#185b55;color:#fff}#supportPanel #supportNewMessages[hidden],#supportPanel #supportResolved[hidden]{display:none}#supportPanel #supportResolved{flex:none;font-size:12px;line-height:1.5;margin:0;padding:10px;background:#fff1d6;border-radius:8px}#supportPanel :focus-visible{outline:3px solid #087ca7;outline-offset:3px}
@media(max-width:600px){#supportPanel{inset:10px 10px auto;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}#supportPanel .support-header{padding:16px}#supportPanel .support-toolbar{padding:10px 16px}#supportPanel .support-body{padding:16px}#supportPanel.is-thread .support-body{padding:12px 14px 14px}#supportPanel .support-messages li{width:92%}#supportPanel #supportReply{gap:8px}#supportPanel #supportReply button{padding:10px;font-size:13px}}

#supportPanel .support-messages>ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;flex:none}

#supportPanel #supportCapacity{font-size:12px;line-height:1.6;color:#426153;padding:12px 14px;background:#eef3e9;border:1px solid #d2dfca;border-radius:8px;margin:0 0 16px}#supportPanel .support-thread-actions{flex-wrap:wrap}#supportPanel .support-thread-actions button{flex:1;white-space:normal}.support-access-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #b4c9b8;border-radius:16px;background:#fffefa;color:#173e38;padding:26px;font:400 16px/1.65 KinSans,system-ui,sans-serif}.support-access-dialog::backdrop{background:#173e3870;backdrop-filter:blur(4px)}.support-access-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px;margin:0;border-bottom:1px solid #d2dfce;position:static;background:transparent;box-shadow:none}.support-access-dialog h2{font-size:25px;line-height:1.2;margin:0}.support-access-dialog form{display:grid;gap:16px}.support-access-dialog p{font-size:14px;line-height:1.65}.support-access-dialog label{display:grid;gap:7px;font-size:14px}.support-access-dialog :is(button,select,textarea){font:inherit;border:1px solid #9fb8a8;border-radius:8px;min-height:46px;background:#fffefa;color:#174c40;padding:10px 13px;width:100%;box-sizing:border-box}.support-access-dialog header button{width:auto}.support-access-dialog textarea{resize:vertical}.support-access-dialog button{cursor:pointer}.support-access-dialog button.account-primary{background:#194f43;color:#fff}.support-access-dialog .support-access-error{color:#923d30;margin:0}.support-access-dialog :focus-visible{outline:3px solid #087ca7;outline-offset:3px}.support-access-dialog :disabled{opacity:.6;cursor:default}@media(max-width:600px){.support-access-dialog{padding:20px}.support-access-dialog h2{font-size:22px}}
