/* Account workspace uses the SDK's semantic theme channels. */
#scene .task-page.account-page{--page-width:1180px;overflow-y:auto;padding:0}
#scene .account-page [hidden]{display:none!important}
#scene .account-shell{width:min(100%,1180px);margin:auto;padding:38px clamp(22px,4vw,52px) 72px;box-sizing:border-box;color:hsl(var(--text))}
#scene .account-kicker{margin:0 0 20px;color:hsl(var(--text-muted));font:500 10px/1.4 var(--mono-font,monospace);letter-spacing:.14em}
#scene .account-hero{padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid hsl(var(--border-default))}
#scene .account-profile{display:flex;align-items:center;gap:22px}
#scene .account-avatar{display:grid;place-items:center;flex:0 0 80px;height:80px;border:1px solid hsl(var(--primary) / .35);border-radius:20px;background:linear-gradient(145deg,hsl(var(--primary) / .16),hsl(var(--surface)));color:hsl(var(--text-strong));font:500 27px/1 var(--mono-font,monospace)}
#scene .account-hero h1{margin:0 0 10px;color:hsl(var(--text-strong));font:550 clamp(32px,4.2vw,52px)/1.08 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.045em;overflow-wrap:anywhere}
#scene .account-status{display:inline-flex;align-items:center;gap:8px;font:500 12px/1.4 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-muted))}
#scene .account-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#scene [data-session="verified-local"] .account-status{color:hsl(var(--trust,var(--primary)))}
#scene .account-hero>p:last-child{margin:18px 0 0 102px;font:400 15px/1.6 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start}
#scene .account-auth,#scene .account-state{min-width:0;padding:26px;border:1px solid hsl(var(--border-default));border-radius:14px;background:hsl(var(--surface) / .62)}
#scene [data-session]:not([data-session="signed-out"]) .account-state{grid-column:1;grid-row:1}
#scene [data-session]:not([data-session="signed-out"]) .account-auth{grid-column:2;grid-row:1;background:hsl(var(--raised,var(--surface)) / .62)}
#scene [data-session="signed-out"] .account-auth{grid-column:1/-1;max-width:580px;width:100%;box-sizing:border-box}
#scene .account-state h2,#scene .account-session-title,#scene .account-live h2{margin:0 0 16px;color:hsl(var(--text-strong));font:500 24px/1.2 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.025em}
#scene .account-session-description{font:400 14px/1.6 var(--font-sans,"Albert Sans",sans-serif);margin:0 0 22px}
#scene .account-state dl,#scene .account-mesh-detail dl{margin:0}
#scene .account-state dl>div{padding:15px 0;border-top:1px solid hsl(var(--border-subtle));display:grid;gap:6px}
#scene .account-state dt,#scene .account-mesh-detail dt{color:hsl(var(--text-muted));font:500 10px/1.4 var(--mono-font,monospace);letter-spacing:.07em;text-transform:uppercase}
#scene .account-state dd,#scene .account-mesh-detail dd{margin:0;overflow-wrap:anywhere;color:hsl(var(--text-strong));font:400 12px/1.7 var(--mono-font,monospace)}
#scene .account-state>p:last-child{margin:12px 0 0;padding-top:15px;border-top:1px solid hsl(var(--border-subtle));color:hsl(var(--trust,var(--primary)));font:400 12px/1.6 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-session-note{margin-top:28px;padding-top:20px;border-top:1px solid hsl(var(--border-subtle))}
#scene .account-session-note span{font:500 9px/1.4 var(--mono-font,monospace);letter-spacing:.12em;color:hsl(var(--text-muted))}
#scene .account-session-note p{margin:8px 0 0;font:400 12px/1.7 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-page [data-ark-auth="panel"]{display:grid;gap:16px}
#scene .account-page [data-ark-auth="heading"]{margin:0 0 10px;font:500 20px/1.3 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-strong))}
#scene .account-page [data-ark-auth="hint"],#scene .account-page [data-ark-auth="notice"]{font:400 13px/1.6 var(--font-sans,"Albert Sans",sans-serif);margin:0 0 16px}
#scene [data-session="verified-local"] [data-ark-auth="body"]>:is(h2,p,dl){display:none}
#scene .account-page [data-ark-auth="rows"]{display:grid;gap:10px;margin:14px 0}
#scene .account-page [data-ark-auth="rows"]>div{display:grid;gap:4px}
#scene .account-page [data-ark-auth="rows"] dt{font:500 10px/1.4 var(--mono-font,monospace);color:hsl(var(--text-muted))}
#scene .account-page [data-ark-auth="rows"] dd{margin:0;overflow-wrap:anywhere;font:400 13px/1.6 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-page [data-ark-auth="form"]{display:grid;gap:16px}
#scene .account-page [data-ark-auth="form"] label{display:grid;gap:8px;color:hsl(var(--text-strong));font:500 13px/1.4 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-page [data-ark-auth="form"] input{width:100%;min-height:46px;box-sizing:border-box;padding:12px;border:1px solid hsl(var(--border-default));border-radius:8px;background:hsl(var(--canvas));color:hsl(var(--text-strong));font:inherit}
#scene .account-page [data-ark-auth="actions"]{display:flex;flex-wrap:wrap;gap:10px}
#scene .account-page button{min-height:42px;padding:10px 16px;border:1px solid hsl(var(--border-default));border-radius:7px;background:hsl(var(--surface));color:hsl(var(--text-strong));font:500 12px/1.4 var(--font-sans,"Albert Sans",sans-serif);cursor:pointer;transition:background .18s,border-color .18s}
#scene .account-page button:hover{background:hsl(var(--raised,var(--surface)));border-color:hsl(var(--text-muted))}
#scene .account-page button[data-kind="primary"],#scene .account-mesh-check button{background:hsl(var(--primary) / .13);border-color:hsl(var(--primary) / .4);color:hsl(var(--text-strong))}
#scene .account-page :is(button,input,a,summary):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}
#scene .account-page button:disabled{cursor:not-allowed;opacity:.45}
#scene .account-page [data-ark-auth="notice"][data-tone="error"]{display:block;color:hsl(var(--danger))}
#scene .account-live{margin-top:32px;padding-top:28px;border-top:1px solid hsl(var(--border-default))}
#scene .account-live .account-kicker{margin-bottom:12px}
#scene .account-mesh-check{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}
#scene .account-mesh-check strong{color:hsl(var(--text-strong));font:500 15px/1.3 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-mesh-check p,#scene .account-next{margin:7px 0 0;max-width:66ch;font:400 13px/1.7 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-mesh-check button{flex:0 0 auto}
#scene .account-page details{border-top:1px solid hsl(var(--border-subtle));padding:14px 0}
#scene .account-page summary{cursor:pointer;color:hsl(var(--text-strong));font:500 12px/1.5 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-mesh-detail dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding-top:12px}
#scene .account-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
#scene .account-live-grid>div{min-width:0}
#scene .account-live-grid span{font:500 11px/1.4 var(--mono-font,monospace);color:hsl(var(--text-muted))}
#scene .account-live-grid strong{display:block;margin:10px 0;color:hsl(var(--text-strong));font:500 18px/1.4 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-live-grid p{font:400 12px/1.7 var(--font-sans,"Albert Sans",sans-serif)}
#scene .account-next a{color:hsl(var(--text-strong));text-underline-offset:3px}
@media(max-width:760px){#scene .account-layout{grid-template-columns:1fr}#scene [data-session]:not([data-session="signed-out"]) .account-auth{grid-column:1;grid-row:2}#scene .account-live-grid{grid-template-columns:1fr}#scene .account-shell{padding:28px 22px 60px}#scene .account-auth,#scene .account-state{padding:22px}}
@media(max-width:480px){#scene .account-avatar{flex-basis:58px;height:58px;border-radius:14px;font-size:21px}#scene .account-profile{gap:16px}#scene .account-hero>p:last-child{margin-left:0}#scene .account-mesh-check{align-items:flex-start;flex-direction:column;gap:16px}#scene .account-mesh-check button{width:100%}}
#scene .account-welcome{grid-column:2;grid-row:1;padding:26px 0 26px 10px}
#scene .account-welcome h2{margin:0 0 28px;font:500 27px/1.25 var(--font-sans,"Albert Sans",sans-serif);letter-spacing:-.035em;color:hsl(var(--text-strong))}
#scene .account-welcome ol{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:22px}
#scene .account-welcome li{counter-increment:steps;position:relative;padding-left:28px}
#scene .account-welcome li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;color:hsl(var(--primary));font:500 10px/1.4 var(--mono-font,monospace)}
#scene .account-welcome strong{font:500 13px/1.4 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--text-strong))}
#scene .account-welcome p:not(.account-kicker){margin:7px 0 0;font:400 12px/1.65 var(--font-sans,"Albert Sans",sans-serif)}
#scene [data-session="signed-out"] .account-auth{grid-column:1;width:auto;max-width:none}
#scene [data-session]:not([data-session="signed-out"]) .account-welcome{display:none}
#scene .account-page [data-ark-auth="heading"]{display:none}
@media(max-width:760px){#scene .account-welcome{grid-column:1;grid-row:2;padding:24px 0}}

#scene .account-storage-notice{font:400 12px/1.6 var(--font-sans,"Albert Sans",sans-serif);color:hsl(var(--warning));margin:16px 0 0}
#scene .account-page [data-account-forget]{margin-top:12px}
.account-cms {margin-top:20px;line-height:1.6;}
.account-cms a {color:hsl(var(--text-strong));text-decoration:underline;text-underline-offset:4px;}
.account-cms span {font-size:12px;color:hsl(var(--text-muted));}
.account-cms [data-account-cms-status] {display:block;margin-top:6px;}