.shared-account-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: rgba(12, 12, 12, .9);
  color: #eee;
  text-decoration: none;
  line-height: 1.1;
}
.shared-account-chip:hover { border-color: #ff5252; color: #fff; }
.shared-account-avatar {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  border-radius: 50%;
  background: #292929;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.shared-account-copy { display: grid; gap: 3px; min-width: 0; }
.shared-account-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.shared-account-state { display: flex; align-items: center; gap: 5px; color: #aaa; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.shared-account-dot { width: 7px; height: 7px; border-radius: 50%; background: #777; box-shadow: 0 0 7px rgba(255,255,255,.18); }
.shared-account-chip.is-authenticated .shared-account-avatar { background: linear-gradient(135deg, #a70f22, #ed1b35); }
.shared-account-chip.is-authenticated .shared-account-state { color: #53dc82; }
.shared-account-chip.is-authenticated .shared-account-dot { background: #2ecc71; box-shadow: 0 0 8px rgba(46,204,113,.65); }
@media (max-width: 560px) {
  .shared-account-chip { padding: 6px 8px; }
  .shared-account-copy { display: none; }
}
.site-utility-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.site-utility-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(12,12,14,.92);color:#eee;cursor:pointer}.site-utility-icon:hover{border-color:#ff5252;color:#fff}.site-utility-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.site-utility-badge{position:absolute;right:-1px;top:-4px;min-width:16px;height:16px;padding:1px 4px;border-radius:10px;background:#ed1b35;color:#fff;font:700 9px/14px system-ui;text-align:center}.shared-profile-dialog,.shared-notification-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #454548;border-top:3px solid #ed1b35;border-radius:8px;background:#101012;color:#eee;box-shadow:0 25px 80px #000}.shared-profile-dialog::backdrop,.shared-notification-dialog::backdrop{background:rgba(5,5,8,.88);backdrop-filter:blur(9px)}.shared-profile-card{position:relative;padding:20px}.shared-dialog-close{position:absolute;z-index:2;right:13px;top:12px;border:0;background:transparent;color:#aaa;font-size:25px;line-height:1;cursor:pointer}.shared-profile-head{display:flex;align-items:center;gap:13px;padding:0 34px 14px 0;border-bottom:1px solid #2c2a2e}.shared-profile-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:linear-gradient(135deg,#65101d,#ed1b35);font:800 20px system-ui}.shared-profile-head p{margin:0 0 3px;color:#ed1b35;font:700 9px/1.2 system-ui;letter-spacing:.2em}.shared-profile-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font:800 22px/1.1 system-ui;text-transform:uppercase}.shared-profile-head h2 small{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid rgba(237,27,53,.4);border-radius:12px;background:rgba(237,27,53,.14);color:#ff9da6;font-size:9px}.shared-profile-head h2 i{width:6px;height:6px;border-radius:50%;background:#2ecc71;box-shadow:0 0 6px #2ecc71}.shared-profile-email{color:#999;font:11px system-ui}.shared-profile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:14px 0;padding:3px;border:1px solid #29272b;border-radius:6px;background:#08080a}.shared-profile-tabs button{min-width:0;padding:9px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:#999;font:700 10px system-ui;cursor:pointer}.shared-profile-tabs button.active{border-color:#ed1b35;background:rgba(237,27,53,.15);color:#fff}.shared-profile-pane{display:none;gap:10px}.shared-profile-pane.active{display:grid}.shared-profile-pane label{display:grid;gap:5px;color:#bbb;font:600 11px system-ui}.shared-profile-pane input,.shared-profile-pane select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #3a383d;border-radius:5px;background:#0c0c0e;color:#eee;font:12px system-ui}.shared-profile-pane input:disabled{opacity:.62}.shared-profile-pane .shared-check{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #29272b;border-radius:5px}.shared-profile-pane .shared-check input{width:17px;min-height:17px}.shared-save-button{min-height:36px;border:0;border-radius:2px;background:#888;color:#fff;font-weight:700;cursor:pointer}.shared-profile-status{min-height:17px;margin:7px 0 0;color:#53dc82;font:11px system-ui;text-align:center}.shared-profile-status.error{color:#ff7b86}.shared-profile-card footer{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:11px;border-top:1px solid #29272b}.shared-profile-card footer a{flex:1;color:#ceb4ef;font:11px system-ui;text-align:center;text-decoration:none}.shared-signout{border:1px solid rgba(255,70,85,.4);background:transparent;color:#ff7b86;cursor:pointer}.shared-notification-dialog>div{position:relative;padding:20px}.shared-notification-dialog h2{margin:0 0 14px}.shared-notification-dialog a{display:block;margin-top:14px;color:#ceb4ef;font-size:12px;text-align:center}.shared-notification-list{display:grid;gap:8px;max-height:50dvh;overflow:auto}.shared-notification-list article{padding:10px;border:1px solid #2d2b30;border-radius:6px;background:#0b0b0d}.shared-notification-list p{margin:4px 0 0;color:#aaa;font-size:12px}.shared-notification-list strong{font-size:12px}@media(max-width:700px){.site-utility-controls{gap:6px}.site-utility-icon{width:38px;height:38px}.shared-account-chip{min-height:38px}.shared-profile-dialog{max-height:calc(100dvh - 12px);overflow:auto}.shared-profile-card{padding:15px}.shared-profile-tabs button{font-size:9px}.shared-profile-head h2{font-size:18px}}@media(max-width:430px){.shared-profile-tabs{grid-template-columns:repeat(2,1fr)}.shared-profile-card footer{align-items:stretch;flex-direction:column}.shared-signout{min-height:36px}.site-utility-controls{width:max-content}}
.shared-account-avatar, .shared-profile-avatar { overflow: hidden; }
.avatar-img, .shared-account-avatar-img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; display: block; }