.theme-toggle{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:9px;background:#6cafff0c;border:1px solid var(--line);border-radius:50%;color:var(--cyan)}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{border-color:var(--cyan);background:#6cafff20}
.account-workbench .account-feedback-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px;align-items:start}.account-workbench .account-feedback-history{margin:0;border-top:2px solid var(--cyan);padding:18px 8px}.account-workbench .account-feedback-history article{border-bottom:1px solid var(--line);padding:16px 0}.account-workbench .account-feedback-history p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.account-workbench .account-feedback-history article span{font-size:12px;color:var(--muted)}.account-workbench .account-form-grid{grid-template-columns:minmax(0,1fr)}.account-workbench select{width:100%;min-width:0}.account-workbench .account-card h3{font-size:21px}.account-workbench .account-meta dd{font-size:14px}.account-workbench .account-organizer{font-size:14px}.account-workbench .account-detail-list dd{overflow-wrap:anywhere}
html[data-theme=dark] .account-workbench .account-card{background:linear-gradient(125deg,#19354bea,#0d2036ed);backdrop-filter:blur(16px)}html[data-theme=dark] .account-workbench .account-feedback-history{background:#0b1c30b8;padding:18px 20px;backdrop-filter:blur(12px)}
@media(max-width:900px){.account-workbench .account-feedback-layout{grid-template-columns:1fr}.account-workbench .account-feedback-history{margin-top:12px}}
html[data-theme=light] .account-workbench .role-applied,html[data-theme=light] .account-workbench .status-pending_approval{color:#845400}html[data-theme=light] .account-workbench .role-current{color:var(--cyan)}.account-dialog dd{overflow-wrap:anywhere;min-width:0}.account-dialog dt{flex-shrink:0}
.activity-card{position:relative;min-height:254px;display:flex;flex-direction:column;align-items:start;gap:8px}.activity-card h2{margin:12px 0 0}.activity-card p{margin:0}.activity-card strong{margin-top:12px}.activity-date{font-size:13px}.activity-selected{align-self:end;font-size:13px;color:var(--cyan)}.activity-pagination,.activity-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.activity-pagination{color:var(--muted);padding-bottom:22px;font-size:13px}.activity-pagination>div{display:flex;gap:10px}.activity-pagination button{padding:8px 14px;font-size:13px}.activity-pagination button:disabled{opacity:.35}.activity-bottom{border-top:1px solid var(--line);padding-top:22px;min-height:76px}.activity-bottom>span{font-size:13px;color:var(--muted)}.activity-bottom b{color:var(--ink);font-weight:500}.activity-bottom>.button{flex-shrink:0}
.heading{flex-wrap:wrap}.listen-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heading>.listen-control{flex-basis:100%;margin-top:4px}.listen-button{font-size:13px;padding:5px 12px!important;color:var(--cyan);background:transparent!important;border-color:var(--line)}.listen-control>span{font-size:12px;color:var(--muted)}.feedback>.listen-control{order:-1;align-self:start;justify-self:start}.listen-button[aria-pressed=true]{border-color:var(--cyan)}
@media(max-width:700px){.activity-pagination,.activity-bottom{flex-wrap:wrap}.activity-pagination>div{margin-left:auto}.activity-bottom>.button{width:100%}.theme-toggle{width:36px;height:36px;flex-basis:36px}.activity-card{min-height:246px}.activity-grid{margin:20px 0}.activity-bottom>span{overflow-wrap:anywhere}}

/* Picker controls and shared dialog close affordances: tactile glass, with a full-size focus target. */
.flow-card-picker .picker-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin:14px 0 6px}
.flow-card-picker .picker-filters label{display:grid;gap:5px;color:var(--muted);font-size:12px}
.flow-card-picker .picker-filters select{width:100%;min-height:42px;padding:8px 10px;color:var(--ink);background:#102b45;border:1px solid #8bc9ee55;border-radius:6px}
.flow-card-picker .picker-filters select:hover,.flow-card-picker .picker-filters select:focus-visible{border-color:var(--cyan)}
.flow-card-picker .picker-filters select{color-scheme:dark}
html[data-theme=light] .flow-card-picker .picker-filters select{color-scheme:light;color:#163151;background:#f6fbff;border-color:#397bff66;}
.flow-card-picker .picker-filters button{min-height:42px;white-space:nowrap}
.picker-count{margin:8px 0;color:var(--muted);font-size:12px}
.flow-card-picker .drawer-close,.account-dialog .account-dialog-close{position:relative;width:42px;height:42px;min-width:42px;display:grid;place-items:center;padding:0;border:1px solid #b9e8ff5c;border-radius:9px;color:var(--ink);background:linear-gradient(145deg,#b8eaff26,#183a5b66);box-shadow:inset 0 1px 0 #f4fdff70,inset 0 -2px 4px #001a354d,0 5px 14px #00132955;font-size:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.flow-card-picker .drawer-close::before,.account-dialog .account-dialog-close::before{content:'×';font-size:25px;line-height:1;font-weight:300}
.flow-card-picker .drawer-close:hover,.account-dialog .account-dialog-close:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 5px #001a3566,0 7px 18px #00132966;color:var(--cyan)}
.flow-card-picker .drawer-close:active,.account-dialog .account-dialog-close:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00132977}
.flow-card-picker .drawer-close:focus-visible,.account-dialog .account-dialog-close:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.account-dialog .account-dialog-close{position:absolute;top:18px;right:18px}
.game-drawer .drawer-close{position:relative;width:42px;height:42px;min-width:42px;display:grid;place-items:center;padding:0;border:1px solid #b9e8ff5c;border-radius:9px;color:var(--ink);background:linear-gradient(145deg,#b8eaff26,#183a5b66);box-shadow:inset 0 1px 0 #f4fdff70,inset 0 -2px 4px #001a354d,0 5px 14px #00132955;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.game-drawer .drawer-close>span{position:relative;z-index:1;font-size:25px;line-height:1;font-weight:300}
.game-drawer .drawer-close:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 5px #001a3566,0 7px 18px #00132966;color:var(--cyan)}
.game-drawer .drawer-close:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00132977}
.game-drawer .drawer-close:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:700px){.flow-card-picker .picker-filters{grid-template-columns:1fr 1fr}.flow-card-picker .picker-filters button{grid-column:1/-1;width:100%}}

.human-demo{border:1px solid var(--line);padding:16px;border-radius:10px;display:grid;gap:10px}.human-demo legend{padding:0 6px;color:var(--ink)}.human-check{display:flex;align-items:center;gap:10px}.human-check input{width:18px;height:18px}.human-demo[data-state=checking]{border-color:var(--gold)}.human-demo[data-state=verified]{border-color:var(--cyan)}.human-demo[data-state=error]{border-color:#d86b6b}.human-fail{font-size:12px;justify-self:start}.settlement-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 24px}.settlement-metrics>div{display:grid;gap:4px;min-width:0}.settlement-metrics strong,.settlement-metrics span{font-size:25px;line-height:1.2}.settlement-metrics span{font-size:14px;color:var(--muted)}
.settlement-metrics{padding:24px 0 30px;text-align:center;border-bottom:1px solid var(--line)}.settlement-metrics>div+div{border-left:1px solid var(--line)}.settlement-metrics strong{font:clamp(40px,6vw,74px)/1.2 Consolas,monospace;color:var(--cyan)}.settlement-metrics span{font-size:14px;line-height:1.6}.human-demo .human-check{display:flex!important;grid-template-columns:none;align-items:center;margin:0;gap:12px}.human-demo .human-check input{padding:0;width:20px;height:20px;flex-shrink:0}.human-demo .scope-note{margin:0}.human-demo .human-fail{font-size:12px;background:none;border:0;padding:0;color:var(--muted)}
@media(max-width:360px){.settlement-metrics{gap:10px}.settlement-metrics span{font-size:12px}}
