#main-content{margin-top:40px}#headerContainer{position:fixed;top:0;left:0;height:var(--header-height);width:100%;background-color:var(--background-color);color:var(--text-color);z-index:300;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box;margin:0;box-shadow:0 1px rgba(0,0,0,.35),0 0 5px rgba(0,0,0,.1)}#headerContainer .center-header,#headerContainer .left-header,#headerContainer .right-header{display:flex;align-items:center;min-width:0}#headerContainer .left-header{flex:1;justify-content:flex-start}#headerContainer .center-header{flex:1;justify-content:center}#headerContainer .right-header{flex:1;justify-content:flex-end;gap:8px;padding:0}#header-logo{width:24px;height:24px;display:block}#pageTitle{margin:0 0 0 8px;font-size:1.15rem;line-height:1;font-weight:600}.right-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px}#titleLink{display:flex;align-items:center;text-decoration:none;color:inherit}#feature-debug-button{background-color:#7a4a1a;color:#f0c080;border:1px solid #b07030;border-radius:4px;font-size:11px;font-weight:600;height:22px;padding:0 10px;cursor:pointer;white-space:nowrap;letter-spacing:.03em;transition:filter .2s}#feature-debug-button:hover{filter:brightness(130%)}.avatar-container{display:flex;gap:12px;margin-right:5%;align-self:flex-end;margin-bottom:2px}.avatar-btn{position:relative;width:24px;height:24px!important;box-sizing:border-box;border:1px solid #8a8a8a;background:0 0;border-radius:50%;cursor:pointer;padding:0!important;transition:color .15s ease}.avatar-btn.connected{border:1px solid #4aa3ff}.avatar-btn .platform-avatar{display:block;width:100%;height:100%;border-radius:50%;transition:filter .15s ease,opacity .15s ease}.avatar-user{position:absolute;left:-6px;bottom:-6px;width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#1e1e1e;object-fit:cover;z-index:1;transition:filter .15s ease,opacity .15s ease}.avatar-btn.connected .platform-avatar{filter:none;opacity:1}.avatar-btn.off .platform-avatar{filter:brightness(.7) grayscale(.4);opacity:.85}.status-icon{position:absolute;bottom:-7px;left:-7px;font-size:12px!important;pointer-events:none;transition:color .15s ease;color:#8a8a8a;z-index:2}[data-theme=light] .status-icon{color:#6b7480}.status-icon.connected{color:#4aa3ff}[data-theme=light] .status-icon.connected{color:#1d63c9}.avatar-btn .avatar-user,.avatar-btn .platform-avatar,.status-icon{pointer-events:none}.avatar-btn.token-invalid .avatar-user,.avatar-btn.token-invalid .status-icon{filter:grayscale(1);opacity:.8;color:#9e9e9e}[data-theme=light] .avatar-btn.token-invalid .avatar-user,[data-theme=light] .avatar-btn.token-invalid .status-icon{color:#6b7480}.avatar-btn.token-invalid::after{content:"";position:absolute;left:-5px;bottom:-5px;width:15px;height:15px;border-top:2px solid #ff6a6a;transform:rotate(-45deg);z-index:3;pointer-events:none}