.member-chip{display:inline-flex;align-items:center;gap:9px;max-width:220px;flex:none;padding:5px 10px 5px 5px;border:1px solid rgba(237,202,149,.58);border-radius:30px;color:#f6ead7;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;background:rgba(21,35,60,.68)}
.member-chip:hover,.member-chip:focus-visible{border-color:#f5ce8d;background:#263b5c;color:#fff}
.member-chip-name{overflow:hidden;text-overflow:ellipsis}
.member-avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,226,169,.68);color:#f8e6bd;background:radial-gradient(circle at 30% 20%,#526888,#223655);font:23px Georgia,serif;line-height:1;overflow:hidden}
.member-avatar img{width:100%;height:100%;object-fit:cover}
.member-avatar[data-avatar="star"]{background:radial-gradient(circle at 30% 20%,#caa46a,#584b75)}
.member-avatar[data-avatar="moon"]{background:radial-gradient(circle at 30% 20%,#69819b,#25395c)}
.member-avatar[data-avatar="map"]{background:radial-gradient(circle at 30% 20%,#bd9463,#515e4a)}
.member-avatar[data-avatar="owl"]{background:radial-gradient(circle at 30% 20%,#9a7790,#343c63)}
.member-avatar[data-avatar="flower"]{background:radial-gradient(circle at 30% 20%,#b68082,#596775)}
.member-access{position:relative;display:inline-flex;align-items:center;flex:none;gap:3px;margin-left:0}
.member-menu-toggle{width:28px;height:36px;border:1px solid rgba(237,202,149,.58);border-radius:18px;background:rgba(21,35,60,.68);color:#f6ead7;font-size:21px;line-height:1;cursor:pointer}
.member-menu-toggle:hover,.member-menu-toggle:focus-visible{background:#263b5c;border-color:#f5ce8d}
.member-menu{position:absolute;z-index:40;right:0;top:calc(100% + 8px);width:215px;padding:7px;background:#172540;border:1px solid #ba965d;box-shadow:0 18px 38px #101a30aa}
.member-menu{max-height:min(70vh,520px);overflow-y:auto}
.member-menu[hidden]{display:none}
.member-menu a,.member-menu button{display:block;width:100%;padding:12px 13px;border:0;border-bottom:1px solid #4d5e73;background:none;color:#f6ead7;text-align:left;text-decoration:none;font:700 12px Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.member-menu button{border-bottom:0}
.member-menu a:hover,.member-menu a:focus-visible,.member-menu button:hover,.member-menu button:focus-visible{background:#354a68;color:#fff}
.site-header .member-chip{max-width:170px}
.writer-header-inner .member-chip{margin-left:0}
.dashboard-header-inner .member-chip{margin-left:0}
.play-header-inner .member-chip{margin-left:0}
.desk-header-inner .member-chip{margin-left:0}
.profile-header-inner .member-chip{margin-left:0}
.paths-header-inner .member-chip{margin-left:0}
@media(max-width:1100px){.member-chip-name{max-width:85px}.site-header .header-status:has(~ .member-access){display:none}}
@media(max-width:760px){.site-header .member-access{order:1;margin-left:0}.site-header .member-chip{max-width:42px;padding:4px;border:0;background:transparent}.site-header .member-chip-name{display:none}.play-header-inner .member-access,.dashboard-header-inner .member-access{margin-left:auto}.writer-header-inner .member-access{position:absolute;right:18px;top:14px}.writer-header-inner nav{padding-right:75px}.desk-header-inner .member-access{margin-left:auto}}
