.round-btn{width:42px;height:42px;border-radius:var(--radius-md,10px);color:#8b8b94;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.07);background:#0f0f14;transition:background .16s ease,border-color .16s ease,color .16s ease;position:relative;flex-shrink:0;cursor:pointer}.round-btn .icon,.round-btn svg{width:20px;height:20px;stroke-width:1.8}.round-btn:hover{color:#fff;background:#181822;border-color:hsla(0,0%,100%,.14)}.round-btn.on{color:#fff;border-color:rgba(238,0,34,.42);background:rgba(238,0,34,.14)}.bell-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e02;color:#fff;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:10px;line-height:1;display:grid;place-items:center;border:2px solid #0a0a0c;box-shadow:0 0 10px rgba(238,0,34,.42);z-index:2}.bell-badge,.scrim{pointer-events:none}.scrim{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.5);opacity:0;transition:opacity .24s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:750;width:390px;max-width:92vw;background:#111116;border-left:1px solid hsla(0,0%,100%,.14);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-30px 0 60px -20px rgba(0,0,0,.7)}.drawer.open{transform:translateX(0)}.drawer .dr-head{padding:22px 22px 16px;flex-shrink:0}.drawer .dr-top{display:flex;align-items:center;justify-content:space-between}.drawer .dr-top h2{font-weight:700;font-size:20px;color:#fff;margin:0}.drawer .dr-top .dr-close{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#8b8b94;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.drawer .dr-top .dr-close .icon,.drawer .dr-top .dr-close svg{width:18px;height:18px}.drawer .dr-top .dr-close:hover{color:#fff;background:#181822}.drawer .dr-sub{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.drawer .dr-sub .sect{font-family:Archivo,sans-serif;font-weight:700;font-size:13px;letter-spacing:.03em;color:#fff}.drawer .dr-sub .mark-read{font-size:12px;color:#8b8b94;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:color .15s ease}.drawer .dr-sub .mark-read:hover{color:#e02}.drawer .dr-list{flex:1;overflow-y:auto;padding:4px 12px 24px}.drawer .dr-list::-webkit-scrollbar{width:8px}.drawer .dr-list::-webkit-scrollbar-thumb{background:#181822;border-radius:4px}.drawer .noti{display:flex;gap:13px;padding:13px 12px;margin-bottom:10px;border-radius:12px;transition:background .13s ease;position:relative;cursor:pointer}.drawer .noti:hover{background:#181822}.drawer .noti.unread{background:rgba(238,0,34,.05)}.drawer .noti.unread:hover{background:rgba(238,0,34,.09)}.drawer .noti .n-tile{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:#17171d;border:1px solid hsla(0,0%,100%,.14);color:#8b8b94;overflow:hidden}.drawer .noti .n-tile .icon,.drawer .noti .n-tile img,.drawer .noti .n-tile svg{width:21px;height:21px;object-fit:cover}.drawer .noti .bd{flex:1;min-width:0}.drawer .noti .bd .t{font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px;color:#fff;display:flex;align-items:center;gap:7px}.drawer .noti .bd .d{font-size:12.5px;color:#8b8b94;margin-top:3px;line-height:1.4}.drawer .noti .bd .time{font-size:11px;color:#61616b;margin-top:6px}.drawer .noti .udot{width:7px;height:7px;border-radius:50%;background:#e02;box-shadow:0 0 8px #e02;flex-shrink:0;display:inline-block}