.header-tools{display:flex;align-items:center;gap:10px;min-width:0}.header-tools .account-area{min-width:0}
.notification-bell{position:relative;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #345984;background:#152945;color:#b5d4ff;padding:8px}
.notification-bell[hidden]{display:none}.notification-bell svg{width:22px;height:22px}.notification-count{position:absolute;right:-5px;top:-5px;background:#3388ff;color:white;font-size:10px;line-height:18px;min-width:18px;padding:0 3px;border-radius:12px;font-weight:750}.notification-count[hidden]{display:none}
.notification-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:#172d49;border:1px solid #3e608d;border-radius:12px;color:#e7f0ff;padding:16px;margin:12px 0}.notification-item span{color:#b5d4ff}
.locked-likes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.locked-like{position:relative;min-height:125px;border:1px solid #345079;border-radius:14px;background:#15243a;overflow:hidden;padding:16px 10px}.locked-avatar{width:46px;height:46px;margin:0 auto 12px;background:linear-gradient(145deg,#4e83af,#414c86);border-radius:50%;filter:blur(8px)}.locked-line{height:8px;width:80%;margin:8px auto;background:#6282a7;filter:blur(5px);border-radius:8px}.locked-line.short{width:50%}.locked-like span{position:absolute;inset:0;display:grid;place-items:center;font-size:23px}
@media(max-width:380px){.top{padding-left:12px;padding-right:12px}.top .logo{font-size:22px}.header-tools{gap:6px}.header-tools .pill{max-width:110px}.locked-likes{grid-template-columns:repeat(2,minmax(0,1fr))}}