/* Code-led extension of the approved Proof working surfaces. */
body.proof-account-open>:is(main,header,footer,section):not(#proof-account-page){display:none!important}
.proof-account-page{display:block;min-height:100vh;background:var(--proof-background);color:var(--proof-text);font:16px/1.5 var(--proof-font-family);overflow:visible;--line:var(--proof-border);--muted:var(--proof-text-muted)}
.proof-account-header{height:60px;border-bottom:1px solid var(--proof-border);display:flex;align-items:center;gap:42px;padding:0 36px}.proof-account-header>span:nth-child(2){color:var(--proof-text-muted);font-size:15px}.proof-account-header .proof-import-brand{font-size:32px;line-height:1;font-weight:700;color:var(--proof-text)}#proof-account-back{margin-left:auto}.proof-account-header .proof-button{min-height:36px;padding:6px 18px}
.proof-account-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 60px)}.proof-account-sidebar{padding:36px 20px;border-right:1px solid var(--proof-border)}.proof-account-identity{display:flex;gap:12px;align-items:center;padding:0 16px 28px;overflow-wrap:anywhere}.proof-account-identity svg{width:28px;height:28px;flex-shrink:0;color:var(--proof-text-muted)}.proof-account-identity strong{font-size:16px;font-weight:600;min-width:0}.proof-account-sidebar nav{display:grid;gap:6px}.proof-account-sidebar button{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:var(--proof-radius-control);background:none;color:var(--proof-text);font:inherit;text-align:left;cursor:pointer}.proof-account-sidebar button:hover{background:var(--proof-surface-hover)}.proof-account-sidebar button[aria-current]{background:var(--proof-selection);color:var(--proof-primary-text)}.proof-account-sidebar button svg{width:22px;height:22px;flex-shrink:0}.proof-account-sidebar>p{font-size:14px;color:var(--proof-text-muted);margin:32px 16px;max-width:24ch}
.proof-account-content{width:100%;max-width:1080px;padding:44px 56px 64px;min-width:0}.proof-account-heading{padding-bottom:30px;border-bottom:1px solid var(--proof-border);margin-bottom:30px}.proof-account-heading h1{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:var(--proof-tracking-heading);margin:0 0 10px}.proof-account-heading p{margin:0;color:var(--proof-text-muted)}.proof-account-page section,.proof-account-page #password-form{margin:0 0 32px;padding:0 0 32px;border:0;border-bottom:1px solid var(--proof-border)}.proof-account-page h3{font-size:20px;line-height:1.3;font-weight:600;margin:0 0 18px}.proof-account-page p{max-width:72ch;overflow-wrap:anywhere}.proof-account-panel>div>section>p,.proof-account-page #account-data>p{color:var(--proof-text-muted)}.proof-account-page #account-usage{font-size:18px;font-weight:500;color:var(--proof-text)}.proof-account-page #account-trash-usage,.proof-account-page #account-data>a+p{font-size:14px}.proof-account-page #account-data>a{margin:10px 0 2px}
.proof-account-page .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--proof-control-border);border-radius:var(--proof-radius-control);background:var(--proof-surface);box-shadow:none;color:var(--proof-text);font:500 15px/1.4 var(--proof-font-family);text-decoration:none;cursor:pointer;transform:none}.proof-account-page .button:hover{background:var(--proof-surface-hover)}.proof-account-page .button.primary,.proof-account-page form>.button{background:var(--proof-primary);border-color:var(--proof-primary);color:var(--proof-text-on-action)}.proof-account-page .button.primary:hover,.proof-account-page form>.button:hover{background:var(--proof-primary-hover)}.proof-account-page .button:disabled{background:var(--proof-disabled-surface);color:var(--proof-disabled-text);border-color:transparent;cursor:default}
.proof-account-page #password-form,.proof-account-page #create-account{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.proof-account-page form h3,.proof-account-page form>button{grid-column:1/-1}.proof-account-page form>button{justify-self:start}.proof-account-page .pm-field{font-size:14px;line-height:1.5;color:var(--proof-text);gap:8px}.proof-account-page .pm-field input{height:48px;width:100%;padding:10px 14px;border:1px solid var(--proof-control-border);border-radius:var(--proof-radius-control);background:var(--proof-surface);color:var(--proof-text);font:16px/1.5 var(--proof-font-family);box-shadow:none}.proof-account-page :is(button,input,a):focus-visible{outline:2px solid var(--proof-focus);outline-offset:3px}
.proof-account-page #account-list,.proof-account-page #invite-list{margin:0 0 24px}.proof-account-page :is(#account-list,#invite-list)>p{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;margin:0;padding:14px 0;border-bottom:1px solid var(--proof-border);min-height:60px}.proof-account-page .account-twitch-clips{padding:0;list-style:none;display:block;margin:28px 0}.proof-account-page .account-twitch-clips li{padding:14px 0;border-top:1px solid var(--proof-border);font-size:14px}.proof-account-page .account-twitch-clips a{color:var(--proof-primary-text);margin-left:12px}.proof-account-page #account-twitch-host>section>a,.proof-account-page #account-twitch-host>section>button{margin:6px 12px 6px 0}.proof-account-page .account-twitch-admin{font-size:14px;color:var(--proof-text-muted);margin:0}.proof-account-page .account-twitch-admin button{color:var(--proof-error)}.proof-account-page .account-invite-code{padding:16px;background:var(--proof-selection);color:var(--proof-selection-text);border-radius:var(--proof-radius-control)}.proof-account-page [role=alert]:not(:empty){padding:14px 16px;border-radius:var(--proof-radius-control);background:var(--proof-error-surface);color:var(--proof-error);font-size:14px}.proof-account-page [aria-busy=true]{min-height:72px}.proof-account-page [role=status]{color:var(--proof-text-muted)}.proof-account-page [hidden]{display:none!important}
@media(max-width:1450px){.proof-account-layout{grid-template-columns:240px minmax(0,1fr)}.proof-account-content{padding:40px 40px 56px}.proof-account-heading h1{font-size:32px}}
@media(max-width:1050px){.proof-account-layout{grid-template-columns:210px minmax(0,1fr)}.proof-account-sidebar{padding:28px 12px}.proof-account-content{padding:32px 28px}.proof-account-page #password-form,.proof-account-page #create-account{grid-template-columns:1fr}}
@media(max-width:700px){.proof-account-header{height:auto;min-height:60px;padding:12px 16px;gap:12px;flex-wrap:wrap}.proof-account-header .proof-import-brand{font-size:26px}.proof-account-header>span:nth-child(2){display:none}.proof-account-header .proof-button{min-height:44px}.proof-account-layout{grid-template-columns:minmax(0,1fr)}.proof-account-sidebar{padding:16px;border-right:0;border-bottom:1px solid var(--proof-border)}.proof-account-identity{padding:0 0 12px}.proof-account-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.proof-account-sidebar button{width:auto;gap:8px;padding:10px 12px}.proof-account-sidebar>p{margin:12px 0 0;max-width:none}.proof-account-content{padding:24px 16px}.proof-account-heading h1{font-size:28px}.proof-account-page :is(#account-list,#invite-list)>p{gap:12px;flex-wrap:wrap}}