:root{--fg-bg:#0c1020;--fg-panel:#151b2f;--fg-border:#2b3554;--fg-text:#edf2ff;--fg-muted:#9aa6c4;--fg-accent:#7c9cff}
body{padding-top:58px!important}
#fgTopbar{position:fixed;z-index:9000;left:0;top:0;right:0;height:58px;background:rgba(10,14,27,.96);border-bottom:1px solid var(--fg-border);display:flex;align-items:center;padding:0 16px;box-sizing:border-box;backdrop-filter:blur(12px);font-family:system-ui,sans-serif;color:var(--fg-text)}
.fg-brand{font-weight:800;letter-spacing:.4px;margin-right:auto}.fg-top-actions{display:flex;gap:8px;align-items:center}.fg-btn{background:#202943;color:var(--fg-text);border:1px solid #354264;border-radius:10px;padding:8px 12px;cursor:pointer}.fg-btn.primary{background:var(--fg-accent);color:#0b1020;border-color:transparent;font-weight:700}.fg-btn.danger{background:#51232d}.fg-user{font-size:13px;color:var(--fg-muted)}
.fg-modal-back{position:fixed;z-index:10050;inset:0;background:#050711c9;display:grid;place-items:center;padding:16px}.fg-hidden{display:none!important}.fg-modal{width:min(440px,100%);background:var(--fg-panel);border:1px solid var(--fg-border);border-radius:16px;padding:18px;color:var(--fg-text);font-family:system-ui,sans-serif;box-shadow:0 24px 80px #0008}.fg-modal h3{margin:0 0 14px}.fg-tabs{display:flex;gap:6px;margin-bottom:12px}.fg-tabs button{flex:1}.fg-field{display:grid;gap:6px;margin:10px 0}.fg-field input{background:#0d1222;color:white;border:1px solid var(--fg-border);border-radius:9px;padding:10px}.fg-row{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.fg-error{color:#ff9ca9;font-size:13px;min-height:18px}
#fgSocial{position:fixed;z-index:8000;right:14px;bottom:14px;display:flex;align-items:flex-end;gap:10px;font-family:system-ui,sans-serif}.fg-dock-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--fg-border);background:var(--fg-panel);color:white;cursor:pointer}.fg-panel{width:min(360px,calc(100vw - 28px));height:430px;background:#11182a;border:1px solid var(--fg-border);border-radius:14px;box-shadow:0 20px 60px #0008;color:var(--fg-text);overflow:hidden;display:flex;flex-direction:column}.fg-panel-head{padding:10px 12px;border-bottom:1px solid var(--fg-border);display:flex;gap:8px;align-items:center}.fg-panel-head strong{margin-right:auto}.fg-chat-tabs{display:flex;gap:4px;padding:7px;border-bottom:1px solid var(--fg-border)}.fg-chat-tabs button{flex:1;padding:6px;font-size:12px}.fg-chat-log{flex:1;overflow:auto;padding:10px;font-size:13px}.fg-chat-line{margin:0 0 7px;overflow-wrap:anywhere}.fg-chat-line b{color:#a9bcff}.fg-chat-compose{display:flex;gap:6px;padding:8px;border-top:1px solid var(--fg-border)}.fg-chat-compose input{flex:1;background:#0b1020;color:white;border:1px solid var(--fg-border);border-radius:8px;padding:8px}.fg-list{overflow:auto;padding:8px;flex:1}.fg-friend{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #27304a}.fg-friend-meta{min-width:0;flex:1}.fg-friend-name{font-weight:700}.fg-online{font-size:11px;color:#75e6a2}.fg-offline{font-size:11px;color:#8590aa}.fg-mini{padding:5px 7px;font-size:11px}.fg-notice{padding:8px;background:#23304e;border-radius:8px;margin:5px 0;font-size:12px}
@media(max-width:650px){#fgTopbar{padding:0 8px}.fg-user{display:none}#fgSocial{right:7px;bottom:7px}.fg-panel{height:60vh}}