:root { --fc-accent:#5b8cff; --fc-accent2:#7a5bff; }
#fc-fab{position:fixed;right:20px;top:20px;display:flex;gap:10px;z-index:9999;font-family:Inter,system-ui,sans-serif;}
.fc-btn{width:48px;height:48px;border-radius:50%;border:1px solid #2a3444;background:#1a2130;color:#e7ecf3;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.4);position:relative;}
.fc-btn:hover{border-color:var(--fc-accent);}
.fc-btn svg{width:20px;height:20px;stroke:#e7ecf3;fill:none;stroke-width:2;}
.fc-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0559a;color:#fff;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;}
.fc-badge.on{display:flex;}
#fc-panel{position:fixed;top:0;right:-440px;width:410px;max-width:92vw;height:100vh;background:#141924;border-left:1px solid #2a3444;z-index:10000;display:flex;flex-direction:column;transition:right .22s ease;font-family:Inter,system-ui,sans-serif;color:#e7ecf3;}
#fc-panel.open{right:0;}
.fc-head{padding:16px 18px;border-bottom:1px solid #2a3444;display:flex;justify-content:space-between;align-items:center;}
.fc-head h3{margin:0;font-size:15px;font-weight:700;}
.fc-head small{color:#8b97a8;display:block;margin-top:2px;font-weight:400;}
.fc-close{background:none;border:none;color:#8b97a8;font-size:22px;line-height:1;cursor:pointer;}
.fc-list{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px;}
.fc-item{background:#1a2130;border:1px solid #2a3444;border-radius:10px;padding:10px 12px;}
.fc-item.reply{margin-left:22px;}
.fc-meta{display:flex;justify-content:space-between;font-size:12px;color:#8b97a8;margin-bottom:5px;}
.fc-author{color:var(--fc-accent);font-weight:600;}
.fc-body{font-size:13.5px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere;}
.fc-mention{color:var(--fc-accent2);font-weight:600;}
.fc-reply-link{font-size:11px;color:#8b97a8;cursor:pointer;margin-top:6px;display:inline-block;}
.fc-reply-link:hover{color:#e7ecf3;}
.fc-empty{color:#8b97a8;font-size:13px;text-align:center;padding:30px 0;}
.fc-compose{border-top:1px solid #2a3444;padding:12px 14px;position:relative;}
.fc-compose textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:56px;background:#0e1116;border:1px solid #2a3444;border-radius:8px;color:#e7ecf3;font-family:inherit;font-size:13.5px;padding:9px 11px;outline:none;}
.fc-compose textarea:focus{border-color:var(--fc-accent);}
.fc-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
.fc-send{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent2));color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;font-size:13px;}
.fc-send:disabled{opacity:.5;cursor:default;}
.fc-hint{font-size:11px;color:#8b97a8;}
.fc-error{color:#e0559a;font-size:12px;margin-top:6px;min-height:14px;}
.fc-ac{position:absolute;left:14px;right:14px;bottom:70px;background:#0e1116;border:1px solid #2a3444;border-radius:8px;overflow:hidden;display:none;}
.fc-ac.on{display:block;}
.fc-ac div{padding:8px 11px;font-size:13px;cursor:pointer;}
.fc-ac div.sel{background:#202a3c;}
.fc-readonly{padding:14px;color:#e0954a;font-size:12.5px;border-top:1px solid #2a3444;}
.fc-notif{position:fixed;right:20px;top:80px;width:300px;max-height:70vh;overflow-y:auto;background:#141924;border:1px solid #2a3444;border-radius:12px;z-index:10000;padding:8px;display:none;font-family:Inter,sans-serif;color:#e7ecf3;box-shadow:0 8px 30px rgba(0,0,0,.5);}
.fc-notif.on{display:block;}
.fc-notif a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#e7ecf3;font-size:12.5px;}
.fc-notif a:hover{background:#202a3c;}
.fc-notif b{color:var(--fc-accent);}
.fc-n-when{color:#8b97a8;font-size:11px;}
.fc-n-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fc-accent2);margin-right:5px;}
.fc-n-empty{color:#8b97a8;font-size:12.5px;padding:12px;text-align:center;}
.fc-del{font-size:11px;color:#8b97a8;cursor:pointer;margin-top:6px;margin-left:12px;display:inline-block;}
.fc-del:hover{color:#e0559a;}
.fc-item[data-cid]{scroll-margin-top:20px;}
.fc-flash{outline:2px solid var(--fc-accent);outline-offset:2px;}
.fc-n-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;font-size:12px;color:#8b97a8;}
.fc-n-mark{background:none;border:none;color:var(--fc-accent);font-size:12px;cursor:pointer;}
.fc-n-div{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8b97a8;padding:8px 10px 4px;}
.fc-notif a.fc-n-read{opacity:.55;}
mark.fc-anchor{background:rgba(224,149,74,.25);border-bottom:2px solid var(--fc-accent2);color:inherit;cursor:pointer;border-radius:2px;}
#fc-addnote{position:absolute;z-index:10001;display:none;background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent2));color:#fff;border:none;border-radius:8px;padding:6px 12px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4);}
.fc-chip{display:none;align-items:center;justify-content:space-between;gap:8px;background:#0e1116;border:1px solid #2a3444;border-radius:8px;padding:6px 10px;margin-bottom:8px;font-size:12px;color:#8b97a8;}
.fc-chip-x{cursor:pointer;color:#8b97a8;font-size:15px;}
.fc-chip-x:hover{color:#e7ecf3;}
.fc-quote{font-size:12px;color:#8b97a8;border-left:2px solid var(--fc-accent2);padding-left:8px;margin-bottom:6px;cursor:pointer;}
.fc-orphan{color:var(--fc-orange,#e0954a);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;margin-right:4px;}
.fc-editing{outline:2px solid var(--fc-accent2);outline-offset:3px;border-radius:6px;position:relative;}
.fc-editing-label{position:absolute;top:-10px;right:8px;background:var(--fc-accent2);color:#fff;font:11px/1.7 Inter,system-ui,sans-serif;padding:0 8px;border-radius:10px;pointer-events:none;white-space:nowrap;z-index:5;}