.account-header{display:flex;gap:24px;align-items:center;padding:24px 32px}.account-brand{font-size:26px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-1px}.account-brand small{display:block;font-size:10px;letter-spacing:2px}.account-header nav{display:flex;gap:22px;flex:1;font-size:14px}.account-header a{color:inherit}.account-main{display:grid;gap:16px;padding:0 8px 8px}.account-hero,.account-card{background:#1b1c1d;color:#f4f4f4;border-radius:16px;padding:36px}.account-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.account-hero h1{font-size:clamp(32px,5vw,58px);font-weight:400;line-height:1.04;letter-spacing:-2.5px;margin:18px 0}.account-hero p,.account-card p,.account-card li{font-size:16px;line-height:1.65;color:#c0c1c3}.account-eyebrow{font-size:12px!important;letter-spacing:2px;color:#dcec78!important}.account-identity{align-self:center;border-left:1px solid #434446;padding-left:32px}.account-identity>span{font-size:22px}.account-card h2{font-size:28px;font-weight:400;letter-spacing:-1px;margin:10px 0}.account-button,.account-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:8px;border:1px solid #5a5b5d;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.account-button{background:#dcec78;color:#171819!important;border-color:#dcec78}.account-secondary{background:#2b2c2f;color:#fff}.account-button:disabled,.account-secondary:disabled{opacity:.45;cursor:not-allowed}.account-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.account-check{display:flex;gap:12px;align-items:flex-start;line-height:1.5;margin:18px 0;font-size:14px}.account-check input{width:18px;height:18px;margin-top:2px}.account-list{display:grid;gap:12px;margin-top:24px}.account-row{padding:20px;background:#121314;border:1px solid #343537;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:20px}.account-row strong{font-size:18px}.account-row p{margin:5px 0;font-size:14px}.account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-meta{font-size:13px!important}.account-footer{padding:22px 32px;font-size:12px;letter-spacing:2px}#workspace{display:grid;gap:16px}#feedback:not(:empty){background:#312f24;color:#f6efbe;padding:18px 28px;border-radius:10px}#invite-box{padding:20px;background:#292b24;margin-top:18px;border-radius:10px}#invite-box label{font-size:14px}#invite-code{box-sizing:border-box;width:100%;font-family:monospace;font-size:16px;margin:12px 0;padding:12px;background:#141512;color:#e5f29e;border:1px solid #647042;border-radius:6px}#invite-box a{color:#dcec78}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bfaaff;outline-offset:4px}@media(max-width:700px){.account-header{padding:20px 16px;gap:14px;flex-wrap:wrap}.account-header nav{order:3;width:100%;flex:auto;gap:18px;flex-wrap:wrap}.account-hero{grid-template-columns:1fr;gap:24px}.account-hero,.account-card{padding:24px 20px}.account-identity{padding:20px 0 0;border-left:0;border-top:1px solid #434446}.account-row{grid-template-columns:1fr}.account-section-heading{align-items:flex-start}.account-card h2{font-size:25px}.account-hero h1{letter-spacing:-1.5px}.account-actions button{flex:1}.account-button,.account-secondary{min-height:46px}.account-notes ul{padding-left:20px}}

#account-id{overflow-wrap:anywhere;font-family:monospace}/* The shared app frame is light; the header and footer must not inherit body white. */
.account-header{color:#171819;background:#f5f5f5;border-radius:20px 20px 0 0}.account-header nav a,.account-brand,#signout{color:#171819}.account-brand small{font-size:12px}.account-footer{color:#505153}

/* Same-device task surface: the next action stays near its status. */
.account-hero h1{font-size:clamp(30px,4vw,44px);margin:10px 0}.account-hero{gap:24px;padding:26px 32px}.account-details{margin:18px 0}.account-details summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;color:#dcec78}.account-details label{display:block;font-size:14px;margin:12px 0 6px}.account-details input:not([type=checkbox]){box-sizing:border-box;width:100%;max-width:460px;padding:12px;color:#fff;background:#121314;border:1px solid #6a6b6c;border-radius:8px;font:inherit}.self-card{border:1px solid #657034}.self-card h2{margin-top:0}.inline-error:not(:empty){color:#ffceba!important;padding:14px;background:#43271e;border-radius:8px}.self-card .account-button{min-width:190px}#self-status{font-weight:600;color:#e4eeaf}#self-progress{font-variant-numeric:tabular-nums}.account-actions{row-gap:12px}.account-identity details summary{cursor:pointer}summary:focus-visible,select:focus-visible{outline:3px solid #bfaaff;outline-offset:4px}@media(max-width:700px){.account-hero{padding:22px 20px}.account-hero h1{font-size:30px;letter-spacing:-1px}.account-identity{padding-top:12px}.self-card .account-button{width:100%}.account-header nav{font-size:13px;gap:14px}}

.account-hero h1{font-size:30px;letter-spacing:-1px;margin:0}.account-hero p{margin:6px 0;font-size:14px}.account-identity>span{font-size:16px}.account-identity summary{font-size:12px}.account-hero{padding:20px 26px}.account-identity{padding-left:22px}#this-device{scroll-margin-top:16px}@media(max-width:700px){.account-hero{gap:12px;padding:18px 20px}.account-hero h1{font-size:26px}.account-identity{padding:12px 0 0}.account-header{padding:14px 16px}.account-header nav{gap:12px}.self-card{padding-top:22px}.self-card p{font-size:14px;line-height:1.5}}

.comparison-selects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-selects label{display:grid;gap:8px;font-size:14px}.comparison-selects select{width:100%;min-width:0;padding:12px;background:#121314;color:#fff;border:1px solid #68696a;border-radius:8px;font:inherit}.comparison-result p{margin:6px 0}.comparison-result strong{color:#e3edaf}@media(max-width:700px){.comparison-selects{grid-template-columns:1fr}.comparison-selects select{font-size:16px}#compare-result .account-row{padding:16px}#compare-runs .account-row{padding:14px}}

/* Current foreground status and one primary participation action. */
.foreground-note{background:#353225;color:#f2e9a9!important;padding:14px;border-radius:8px}.self-card #self-participate{min-width:240px;min-height:50px}.self-card #self-participation-time:empty{display:none}#compare-peer{font-weight:600;color:#e4eeaf}#compare-phone-note{padding:14px;border:1px solid #515a35;border-radius:8px}#compare-actions .account-button:disabled,#self-participate:disabled{background:#333536;color:#b8babc!important;border-color:#55585a;opacity:1}#self-control{margin-top:24px;border-top:1px solid #424446;padding-top:8px}@media(max-width:700px){#self-participate{width:100%}#comparison .account-actions button{width:100%}.account-check{font-size:16px}}

/* One-click test uses the same verified result renderer and protocol. */
body.one-click-view #workspace>section:not(#oneclick-panel):not(#comparison){display:none}
body.one-click-view #comparison>p.account-eyebrow,body.one-click-view #compare-phone-note,body.one-click-view #compare-peer,body.one-click-view #compare-selection,body.one-click-view #compare-devices,body.one-click-view #compare-actions,body.one-click-view #compare-budget,body.one-click-view #compare-status,body.one-click-view #compare-method,body.one-click-view #compare-previous{display:none}
body.one-click-view #comparison>h2{font-size:1.5rem}
body.one-click-view .account-header nav{display:none}
body.one-click-view #compare-paired-panel>:not(#compare-paired-summary){display:none}