.header-actions{display:flex;align-items:center;gap:24px}.account-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:transparent;border:1px solid #cbd3c4;border-radius:8px;color:var(--ink);font:700 12px Arial,sans-serif;padding:12px 16px;max-width:100%;overflow-wrap:anywhere}.account-button:hover{background:#e9efdf}.account-button:disabled{opacity:.5;cursor:wait}.account-dialog{width:min(480px,calc(100% - 32px));padding:30px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--paper);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 25px 90px #19221c40}.account-dialog::backdrop{background:#19221c88;backdrop-filter:blur(5px)}.account-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-close{border:0;background:transparent;font:26px Arial,sans-serif;width:36px;height:36px;border-radius:50%;color:var(--ink)}.account-close:hover{background:#e4e9db}.account-tabs{display:flex;gap:6px;margin:20px 0 24px;padding:5px;background:#e9ede2;border-radius:10px}.account-tabs button{flex:1;border:0;background:transparent;padding:11px 8px;border-radius:6px;font-size:12px;font-weight:700;color:var(--muted)}.account-tabs .active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #19221c18}.account-dialog h2{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:18px 0 12px;overflow-wrap:anywhere}.account-dialog p{font-size:14px;line-height:1.6;color:var(--muted)}.account-dialog label{display:block;margin:18px 0 8px;font-size:12px;font-weight:700}.account-dialog input{display:block;width:100%;min-height:46px;border:1px solid #cbd3c4;border-radius:8px;padding:11px 13px;background:#fff;color:var(--ink);font:16px Arial,sans-serif}.account-dialog input:focus-visible{outline:2px solid #64832c;outline-offset:2px}.account-dialog .primary{width:100%;margin-top:18px}.account-dialog .account-hint{font-size:11px;line-height:1.6;margin-top:14px}.account-dialog .account-message{min-height:22px;color:#9a3c2e;font-size:12px;margin:18px 0 0}.account-dialog .account-success{color:#426327}.account-dialog .account-profile-stats{font-size:16px;font-weight:700;color:var(--ink);padding:18px;background:#e9efdf;border-radius:10px}.account-dialog [hidden]{display:none!important}
@media(max-width:760px){.header-actions{gap:8px}.header-actions .status{display:none}.header-actions .account-button{font-size:11px;padding:10px}.header{gap:12px}.account-dialog{padding:22px}.account-dialog h2{font-size:27px}}
@media(max-width:420px){.header{flex-wrap:wrap;height:auto;min-height:100px;padding-top:15px;padding-bottom:15px;gap:12px}.header-actions{margin-left:auto}.account-dialog{padding:18px}.account-top .eyebrow{font-size:9px}}

.logo-mascot{flex:none;width:38px;height:38px;border-radius:11px;object-fit:contain}.account-header-avatar{width:26px;height:26px;object-fit:cover;border-radius:50%;background:var(--green);flex:none}.header-actions .account-button{gap:9px}.account-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:20px 0}.avatar-preview-row{display:flex;align-items:center;gap:17px}.avatar-preview-row>img{flex:none;width:88px;height:88px;border-radius:20px;object-fit:cover;background:var(--green);border:1px solid var(--line)}.avatar-preview-row b{font-size:14px}.account-dialog .avatar-preview-row p{font-size:11px;margin:6px 0}.avatar-file-label{position:relative;display:inline-flex!important;cursor:pointer;background:#e9efdf;border:1px solid #cbd3c4;border-radius:8px;padding:12px 16px;overflow:hidden}.avatar-file-label:focus-within{outline:2px solid #64832c;outline-offset:3px}.avatar-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.avatar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px}.avatar-actions .quiz-secondary{font-size:11px;padding:10px 0}.account-dialog .avatar-message{font-size:11px;line-height:1.6;margin:12px 0 0}.avatar-message:empty{display:none}

.creator-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0!important;white-space:nowrap;border:1px solid #b8cc86;border-radius:6px;padding:5px 8px;background:#eaf4d3;color:#476524;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.1px}.header-actions .creator-badge{font-size:9px;padding:4px 6px}.account-dialog #account-role{margin:0 0 6px}