.settings-shell{position:relative;flex:none}
.settings-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;min-height:38px;border:1px solid #e5ddec;border-radius:11px;background:#ffffffb8;color:#78638d;font:500 13px/1.5 system-ui,sans-serif;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.settings-toggle:hover,.settings-toggle[aria-expanded=true]{background:#f0e7fa;border-color:#cdb8e1;box-shadow:0 4px 12px #6a418814}
.settings-toggle:active{transform:scale(.96)}
.settings-panel{position:absolute;z-index:100;right:0;top:calc(100% + 9px);width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;padding:18px;background:#fff;border:1px solid #e7deef;border-radius:18px;box-shadow:0 16px 50px #35224626;color:#5b496b;text-align:left;font:14px/1.6 system-ui,-apple-system,'Microsoft JhengHei',sans-serif;animation:settings-enter .16s ease-out}
.settings-panel[hidden],.settings-panel [hidden]{display:none!important}
.settings-panel:before{content:'';position:absolute;top:-11px;left:0;right:0;height:12px}
.settings-panel *{box-sizing:border-box}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.settings-heading>strong{font-size:13px;color:#9983a9;letter-spacing:.4px}
.settings-heading button{border:0;background:#f6f1fa;border-radius:7px;color:#957ba7;font-size:20px;line-height:1;padding:4px 7px;cursor:pointer}
.settings-identity{display:flex;align-items:center;gap:13px;margin-bottom:12px;min-width:0}
.settings-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:none;background:#eee1fb;border:2px solid #fff;box-shadow:0 0 0 1px #eadff2;color:#9364ba;border-radius:50%;overflow:hidden;font-size:20px;font-weight:600}
.settings-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.settings-user{min-width:0;flex:1}
.settings-user strong,.settings-user span{display:block;overflow-wrap:anywhere}
.settings-user strong{font-size:14px;color:#665076}
.settings-user span{font-size:11px;color:#9f8cac;margin-top:2px}
.settings-plan{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:16px 0;padding:12px 14px;border:1px solid #e9dff2;border-radius:11px;background:#f9f5fd}
.settings-plan>span{font-size:12px;color:#9b82ad}
.settings-plan>strong{font-size:12px;color:#8757b2}
.settings-plan>small{grid-column:1/-1;font-size:11px;color:#9b87ab}
.settings-language{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8c719e}
.settings-language select{max-width:170px;border:1px solid #ded1e8;border-radius:8px;background:white;padding:8px 10px;font:12px system-ui,sans-serif;color:#775789;cursor:pointer}
.settings-panel .settings-hint{font-size:11px;line-height:1.75;color:#a28cae;margin:10px 0 13px}
.settings-panel .settings-hint:empty{display:none}
.settings-panel .settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-top:1px solid #f0e9f6;background:white;color:#7b5b92;border-radius:0;padding:12px 4px;font:13px/1.5 system-ui,sans-serif;cursor:pointer;transition:background .15s}
.settings-panel .settings-row:hover{background:#faf6fe}
.settings-shell :focus-visible{outline:3px solid #ac8fd0;outline-offset:3px}
.topbar:has(.settings-shell){position:relative;z-index:30}
.topbar #accountOpen[hidden]{display:none!important}
@keyframes settings-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.settings-toggle{padding:8px}.settings-toggle>span{display:none}.settings-panel{position:fixed;right:16px;top:80px}.info-header .settings-shell{margin-left:0}}
@media(prefers-reduced-motion:reduce){.settings-panel{animation:none}.settings-toggle,.settings-panel .settings-row{transition:none}.settings-toggle:active{transform:none}}

.settings-trigger-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#eee4fa;color:#694990;font-size:16px;font-weight:650;box-shadow:0 0 0 2px white,0 0 0 3px #dfd3ec}
.settings-trigger-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.settings-toggle.has-account{width:44px;height:44px;border-radius:50%;padding:4px;background:#fff;border-color:transparent}
.settings-toggle.has-account>.settings-gear,.settings-toggle.has-account>span:last-child{display:none}
.settings-toggle [hidden]{display:none!important}
@media(max-width:600px){.settings-toggle.has-account>.settings-trigger-avatar{display:grid}}